sup!

can anyone help me try and locate the script used here...

http://isohunt.com/torrents.php?ihq=...o2=&irc=&iht=2

it's the one where you can click on a table row and have a new table (more detail) expand below.

any ideas?
thank you!
dems

i would like to know also

just hooked upto bit-torrent by the look of it, torrent is a download engine.

Ibbo

Originally Posted by ibbo

just hooked upto bit-torrent by the look of it, torrent is a download engine.

Ibbo

heh... i know it is a torrent site... but if you look at the main table, and click on one of the cells, it expands. i'm trying to figure out what that is. DHTML, javascript, both? i hit google hard for about 20 mins hitting all the script sites... couldn't even find anything close. was hoping someone here could help!

I have it in javascript format, I think...

Edit, yes I do (sort of):

//Popup function, still renders with scrollbars in Opera 7.x, works fine for IE and Mozilla (& variants).
function PortfolioPopup()
{ 
window.open('portfolio.html','PortfolioPopup','width=700,height=500,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=100,left=100'); 
}
/***********************************************
* Contractible Headers script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var enablepersist="on" //Enable saving state of content structure? (on/off)

if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}

function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}

function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}

function expandcontent(cid){
if (typeof ccollect!="undefined"){
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
selectedItem=cid+"|"+document.getElementById(cid).style.display
}
}

function revivecontent(){
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
contractcontent(selectedComponents[0])
document.getElementById(selectedComponents[0]).style.display=selectedComponents[1]
}

function get_cookie(Name) { 
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { 
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}

function saveswitchstate(){
if (typeof selectedItem!="undefined")
document.cookie=window.location.pathname+"="+selectedItem
}

function do_onload(){
getElementbyClass("switchcontent")
if (enablepersist=="on" && getselectedItem()!="")
revivecontent()
}


if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload

if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate

All of that /\ was in a seperate file that i titled menu.js, then I linked to it from my pages. To make the table collapsable I simply dropped in this bit...

<table>
<td style="filter:alpha(Opacity=90, style=0); -moz-opacity:0.9;" align="center" class="top">
        	<h3 onClick="expandcontent('sc1')" style="cursor:pointer;">Header</h3>
			<div id="sc1" class="switchcontent">

			</div>
			
        </td>
      </tr>
      <tr>
        <td style="filter:alpha(Opacity=85, style=0); -moz-opacity:0.85;" align="center" class="color">
        	<h3 onClick="expandcontent('sc2')" style="cursor:pointer">Header</h3>
			<div id="sc2" class="switchcontent">

			</div>
        </td>
      </tr>
      <tr>
        <td style="filter:alpha(Opacity=80, style=0); -moz-opacity:0.8;" align="center" class="color">
        	<h3 onClick="expandcontent('sc3')" style="cursor:pointer">Header</h3>
			<div id="sc3" class="switchcontent">

			</div>
<tr>
        <td style="filter:alpha(Opacity=75, style=0); -moz-opacity:0.75;" align="center" class="color">
        	<h3 onClick="expandcontent('sc4')" style="cursor:pointer">Header</h3>
			<div id="sc4" class="switchcontent">
			
			</div>
        </td>
      </tr>
    </table>

You don't necessarily need all of the stuff I dropped in there, it's up to you. The essentials are all there. I must say though, the one on the site you linked looks more like PHP to me.

word! i'll give it a shot

Is that sort of what you were thinking?

Originally Posted by collyer_1

Is that sort of what you were thinking?

It might just work!

The funny thing is, I ran into this on DD and didn't realize, by the basic way that it looks, that it is extremely modify-able.

Gimmie an hour to see what I can come up with.

Thank You btw

well, i spent some time with the script, and i'm having a problem to get it looking even close to the one at isohunt. i think there are other elements integrated into thiers like highlighting the table cells on mouseover.

maybe it can be done with the above script, but its out of my reach. any other ideas/suggestions?

THANK YOU!

Here's their javascript file: http://isohunt.com/js/functions.js Maybe it'll give you some ideas.

[sarcasm]
500 - Internal server error.

This is a very hard script to do, you must learn basic html and learn how to use h1 tags.
Could take years!
[/sarcasm]

Btw. post 100! wee

Does it have to be animated? If not, it's very easy to do with CSS properties display:block and display:none.

Originally Posted by blkros

Here's their javascript file: http://isohunt.com/js/functions.js Maybe it'll give you some ideas.

RIGHT ON! Thank You

...and a great big DUH for me

dems