TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

Drop down text menus...how??!?!?

Page: 1 2 Reply
Apr 26th 2002#44184 Report
Member since: Dec 4th 2001
Posts: 171
Hmm.so basically the text that goes down is most likely a table that just expands when the text is clicked on....I will check out the source,see if i can figure it out.
Reply with Quote Reply
Apr 26th 2002#44186 Report
Member since: Mar 18th 2001
Posts: 1452
Yeah, you can kind of get idea from the Application Skins section:
[code]<tr onMouseOver="this.style.background='#96A096'" onMouseOut="this.style.background='#839087'" onClick="expandDiv('skin')" style="cursor:pointer;cursor:hand">
<td><img src="http://images.deviantart.com/shared/t-open.gif" id="skin_table" border="0" width="12" height="11" align="absmiddle"> Application Skins</td>
</tr>
<tr>
<td>
<div class="small" style="display:none" id="skin_menu">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="small" align="left"><a href="http://www.deviantart.com/thumbnails.php?section=3dme">3D Mail Effect...</a></td>
<td class="small" align="right">28</td>
</tr>
<tr>
<td class="small" align="left"><a href="http://www.deviantart.com/thumbnails.php?section=3dftp">3D-FTP</a></td>
<td class="small" align="right">7</td>[/code]

See that display:none in the div? It's hidden until onClick="expandDiv('skin')" is called using that function in the .js file.
Then it shows that layer.

This is the function:

[code]
function expandDiv(tahw) {
table_contract = new Image(1,1);
table_contract.src = "http://images.deviantart.com/shared/t-open.gif";
table_expand = new Image(1,1);
table_expand.src = "http://images.deviantart.com/shared/t-close.gif";
what = tahw + "_menu"
where = tahw + "_table"
gotox = tahw + "_link"
if (document.getElementById(what).style.display == "none") {
document.getElementById(what).style.display = "";
where.src = table_expand.src;
gotox.href = "http://urine.deviantart.com/set.php?t=" + tahw + "&value=1"
} else {
document.getElementById(what).style.display = "none";
where.src = table_contract.src;
gotox.href = "http://urine.deviantart.com/set.php?t=" + tahw + "&value=0"
}
}[/code]
That's not everything, but should get you started.

Just keep looking at their source, and you can see how everything works in conjuction with each other.
Reply with Quote Reply
Apr 26th 2002#44197 Report
Member since: Apr 20th 2002
Posts: 3000
Are you talking about something like this:

http://www.dynamicdrive.com/dynamicindex1/navigate1.htm
Reply with Quote Reply
Apr 26th 2002#44203 Report
Member since: Mar 18th 2001
Posts: 1452
Yeah, that's pretty much the same thing.

There you go.
Reply with Quote Reply
Apr 26th 2002#44208 Report
Member since: Jun 30th 2001
Posts: 447
You might want to try http://www.bratta.com
Reply with Quote Reply
Apr 27th 2002#44280 Report
Member since: Aug 9th 2001
Posts: 2333
If you have dreamweaver, that's all automated. There's a javascript action thingy in whic you type your links and names.
Reply with Quote Reply
Apr 27th 2002#44285 Report
Member since: Apr 20th 2002
Posts: 3000
Originally posted by cybling boy
If you have dreamweaver, that's all automated. There's a javascript action thingy in whic you type your links and names.



but.. but.. but.... ...that's a good idea....
Reply with Quote Reply
Page: 1 2 Back to top
Please login or register above to post in this forum