Hello,<br />
I am designing a website for some friends of me. I work with a menu on the lef-side of my website (in a frame). My question is : How do I create these "dropdown" menus, so that somebody clicks on an item, the subpages of this item become visible in the same menu, under the clicked link.<br />
(If you don't know what I'm talking about, visit my website: <!-- m --><a class="postlink" href="http://thefodil.cjb.net">http://thefodil.cjb.net</a><!-- m -->).<!--content-->Hi,<br />
<br />
You mean like the one available here?<br />
<br />
<!-- m --><a class="postlink" href="http://www.dynamicdrive.com/dynamicindex1/navigate1.htm">http://www.dynamicdrive.com/dynamicindex1/navigate1.htm</a><!-- m --><!--content-->Put this in the <head>:<br />
<script language="javascript"><br />
<!--<br />
var Open = ""<br />
var Closed = ""<br />
<br />
function preload(){<br />
if(document.images){<br />
Open = new Image(16,13) <br />
Closed = new Image(16,13)<br />
Open.src = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"open.gif"<br />
Closed.src = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"closed.gif"<br />
}}<br />
<br />
<br />
function showhide(what,what2){<br />
if (what.style.display=='none'){<br />
what.style.display='';<br />
what2.src=http://www.htmlforums.com/archive/index.php/Open.src<br />
}<br />
else{<br />
what.style.display='none'<br />
what2.src=http://www.htmlforums.com/archive/index.php/Closed.src<br />
}<br />
}<br />
--><br />
</script><br />
<br />
Put this in the <body>:<br />
<body onLoad="preload()"><br />
<br />
Put this where you want the menu:<br />
<font face="Verdana" size="2"><br />
<span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand; font-Family:Verdana; text-decoration:underline; font-weight:bold"><font style="text-decoration:none"><br />
<img id="menu1sign" src=http://www.htmlforums.com/archive/index.php/"closed.gif" valign="bottom" width="16" height="13"> </font>E-mail tj閶榮ter</span><br><br />
<br />
<span id="menu1outline" style="display:'none'"> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://www.hotmail.com" target="_blank">Hotmail</a><br><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://mail.yahoo.com" target="_blank">Yahoo Mail</a><br><br />
</span><br />
<br />
</font><br />
<br />
Download <!--more--> the two images that I included in a zip-file.<br />
Good luck!!<br />
<!--content-->
I am designing a website for some friends of me. I work with a menu on the lef-side of my website (in a frame). My question is : How do I create these "dropdown" menus, so that somebody clicks on an item, the subpages of this item become visible in the same menu, under the clicked link.<br />
(If you don't know what I'm talking about, visit my website: <!-- m --><a class="postlink" href="http://thefodil.cjb.net">http://thefodil.cjb.net</a><!-- m -->).<!--content-->Hi,<br />
<br />
You mean like the one available here?<br />
<br />
<!-- m --><a class="postlink" href="http://www.dynamicdrive.com/dynamicindex1/navigate1.htm">http://www.dynamicdrive.com/dynamicindex1/navigate1.htm</a><!-- m --><!--content-->Put this in the <head>:<br />
<script language="javascript"><br />
<!--<br />
var Open = ""<br />
var Closed = ""<br />
<br />
function preload(){<br />
if(document.images){<br />
Open = new Image(16,13) <br />
Closed = new Image(16,13)<br />
Open.src = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"open.gif"<br />
Closed.src = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"closed.gif"<br />
}}<br />
<br />
<br />
function showhide(what,what2){<br />
if (what.style.display=='none'){<br />
what.style.display='';<br />
what2.src=http://www.htmlforums.com/archive/index.php/Open.src<br />
}<br />
else{<br />
what.style.display='none'<br />
what2.src=http://www.htmlforums.com/archive/index.php/Closed.src<br />
}<br />
}<br />
--><br />
</script><br />
<br />
Put this in the <body>:<br />
<body onLoad="preload()"><br />
<br />
Put this where you want the menu:<br />
<font face="Verdana" size="2"><br />
<span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand; font-Family:Verdana; text-decoration:underline; font-weight:bold"><font style="text-decoration:none"><br />
<img id="menu1sign" src=http://www.htmlforums.com/archive/index.php/"closed.gif" valign="bottom" width="16" height="13"> </font>E-mail tj閶榮ter</span><br><br />
<br />
<span id="menu1outline" style="display:'none'"> <br />
<a href=http://www.htmlforums.com/archive/index.php/"http://www.hotmail.com" target="_blank">Hotmail</a><br><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://mail.yahoo.com" target="_blank">Yahoo Mail</a><br><br />
</span><br />
<br />
</font><br />
<br />
Download <!--more--> the two images that I included in a zip-file.<br />
Good luck!!<br />
<!--content-->