This is the menu code I want to fire IF the url is
http://jemmakidd.com/categories.php followed by the html to display the menu...
JAVA
Code:
<script type="text/javascript">
//SuckerTree Vertical Menu 1.1 (Nov 8th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["suckertree1","suckertree2"] //Enter id(s) of SuckerTree UL menus, separated by commas
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)
</script>
HTML
Code:
<td width="265" valign="top"><div class="suckerdiv">
<div align="left">
<ul id="suckertree1">
<li><a href="#">FACE</a>
<ul>
<li><a href="#">PRIMER</a></li>
<li><a href="#">FOUNDATION</a></li>
<li><a href="#">POWDER</a></li>
<li><a href="#">CONCEALER</a></li>
<li><a href="#">BLUSH</a></li>
<li><a href="#">LUMINISORS</a></li>
</ul>
</li>
<li><a href="#">EYES</a>
<ul>
<li><a href="#">PRIMER</a></li>
<li><a href="#">SHADOW</a></li>
<li><a href="#">MASCARA</a></li>
<li><a href="#">BROW</a></li>
<li><a href="#">LASH</a></li>
<li><a href="#">LINER</a></li>
<li><a href="#">GLOSS</a></li>
</ul>
</li>
<li><a href="#">LIPS</a>
<ul>
<li><a href="#">PRIMER</a></li>
<li><a href="#">LIP CARE</a></li>
<li><a href="#">LIPSTICK</a></li>
<li><a href="#">LIP GLOSS</a></li>
<li><a href="#">LIP PENCIL</a></li>
</ul>
</li>
<li><a href="#">TOOLS</a>
<ul>
<li><a href="#">EYE</a></li>
<li><a href="#">FACE</a></li>
<li><a href="#">LIP</a></li>
<li><a href="#">BAGS/CASES</a></li>
<li><a href="#">LIP PENCIL</a></li>
</ul>
</li>
<li><a href="#">COLLECTIONS</a></li>
<li><a href="#">MULITI-PURPOSE</a></li>
</ul>
</div>
</div>