Very cool Aaron. They do have a very smooth slide down effect.
I'm going to see how to recreate the code based on what you've done here.
Thanks so much for your help.
Rey...
Aaron Heimlich wrote:
Here's a first attempt at jQueryizing servOC(). It could probably be
better, but I wanted something that was a drop-in replacement:
function servOC(i, href, nColor) {
var trObj = jQuery("#ihtr" + i);
var nameObj = jQuery("#name" + i);
var ifObj = jQuery("#ihif" + i);
if(trObj.css("display") == "none") {
trObj.css("display", "");
nameObj.css("background", "#ECECD9");
if(!ifObj[0].src) ifObj.attr("src", href);
ifObj.animate({height: 210}, "slow");
} else {
nameObj.css ("background", nColor);
ifObj.animate({height: 0}, "slow", "linear", function() {
trObj.css("display", "none");
});
}
}
One thing I noticed is that their animation is a *lot* smoother (I
haven't worked with jQuery's animation components much, so I'm not
entirely sure who to blame here (me or jQuery 1.1.1))
On 5/2/07, *Aaron Heimlich* <[EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]>> wrote:
On 5/2/07, *Rey Bango* <[EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]>> wrote:
Could someone help me learn how to do that?
This function[1] is attached to the "click" event of each of the
table rows:
<tr ... onclick="servOC(1, '/torrent_details/14577207/300',
'#eaedf4')" ...>
function servOC(i, href, nColor) {
var trObj = document.getElementById ?
document.getElementById("ihtr" + i) : eval("document.all['ihtr" + i
+ "']");
var nameObj = document.getElementById ?
document.getElementById("name" + i) : eval("document.all['name" + i
+ "']");
var ifObj = document.getElementById ?
document.getElementById("ihif" + i) : eval(" document.all['ihif" + i
+ "']");
if (trObj != null) {
if (trObj.style.display == "none") {
ifObj.style.height = "0px";
trObj.style.display = "";
nameObj.style.background = "#ECECD9";
if (!ifObj.src) {
ifObj.src = href;
}
smoothHeight("ihif" + i, 0, 210, 42, "o");
} else {
nameObj.style.background = nColor;
smoothHeight("ihif" + i, 210, 0, 42, "ihtr" + i);
}
}
}
From what I can tell, it basically slides up/down an iframe that
resides in a hidden row directly below the row that user clicked on.
[1] http://isohunt.com/js/functions.js
--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>
http://aheimlich.freepgs.com
--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>
http://aheimlich.freepgs.com <http://aheimlich.freepgs.com>
--
BrightLight Development, LLC.
954-775-1111 (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com