Underlined, bah!

windows · Jan 11, 2008

<html>
<head>
<style type="text/css">

</style>

<script language="JavaScript1.2">
<a class="postlink" href="http://www.dynamicdrive.com">www.dynamicdrive.com</a>)
* For full source code, installation instructions,
* 100's more DHTML scripts, and Terms Of
* Use, visit dynamicdrive.com
*
* Updated to support arbitrarily nested lists
* by Mark Quinn (<a href="mailto:[email protected]">[email protected]</a>) November 2nd 1998
*
* Edited by Exuro
* No images required version
*
*/

var head="display:''"

function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader" || event.srcElement.id=="foldsubheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {

var head = "display='none'"
nested.style.display=''
event.srcElement.style.listStyleType="circle"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleType="square"
}
}
}

document.onclick=change

//-->
</script>
</head>
<body>
<h2>Menu:</h2>

<ul style="list-style-type:square;">
<li id="foldheader" style="font-size:medium">Games</li>


<li id="foldsubheader">Computer</li>



<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Starcraft</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"games/computer/aoe2/index.html">AOE II</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">DiabloI/II</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Nox</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Sim Games</a></li>




<li id="foldsubheader">Hand Held</li>



<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">GB/GBC</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">GBA</a></li>




<li id="foldsubheader">Console</li>



<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">N64</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Game Cube</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">PSX</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">PS2</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">DC</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Other</a></li>





<li id="foldheader" style="font-size:medium">Anim?lt;/li>


<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"anime/tenchi/index.html">Tenchi Muyo!</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Evangelion</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">DBZ</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Gundam Wing</a></li>



<li id="foldheader" style="font-size:medium">Website Stuff</li>



<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"websites/walkthroughs.html">Web-Scripting Tutorials</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"websites/tools.html">Helpful Utilities</a></li>




<li id="foldheader" style="font-size:medium">Downloads</li>



<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">All</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Music</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Games</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Emulation</a></li>




<li id="foldheader" style="font-size:medium">Misc.</li>



<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Email Us</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">The Phoenix Team</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Ouuuuch!</a></li>




<li id="foldheader" style="font-size:medium">Links</li>



<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Link To Us</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"JavaScript: alert(sorry)">Affiliates</a></li>


</ul>
</body>
</html>

Above is copy of the code I use for the folding menus on my website. I would like to alter it so that the main headings (links, anime, website stuff, etc) will be underlined.

Would anyone be willing to help me out with this problem.Alter your CSS as follows:

#foldheader {
cursor:hand;
text-decoration: underline;
}
#foldsubheader { cursor:hand; text-indent:10px; }
#foldinglist {text-indent:10px;}
#subfoldinglist {text-indent:20px;}

That should do it.

Also, take the spaces out of <a href=http://www.webdeveloper.com/forum/archive/index.php/"java script: ...">

It should be <a href=http://www.webdeveloper.com/forum/archive/index.php/"javscript: alert(sorry);">

Then, in your javascript, create a global variable called sorry and assign some sort of error message to it.

IN YOUR JAVASCRIPT AT THE TOP OF THE CODE:

var sorry = "Sorry, this is unavailable at this time.\nCheck back soon!";

OR

Change href=http://www.webdeveloper.com/forum/archive/index.php/"javascript: alert(sorry);"

TO

href=http://www.webdeveloper.com/forum/archive/index.php/"javascript: alert("Sorry");

Otherwise, your links give javascript errors.

Underlined, bah!

windows

Guest