PDA

View Full Version : Suckertree: id into class



jero9000
08-09-2008, 08:45 AM
Hi,

I want to use the suckertree vertical menu v1.1 (http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-vertical/) for my site.

<ul id="suckertree1"> must turn into <ul class="suckertree1">

For that i have to modify the javascript but i dont know which part of the javascript i have to modify.

Can someone help me?

Thanks in advance :)

rangana
08-09-2008, 09:02 AM
Use this script instead:


<script type="text/javascript">

//SuckerTree Vertical Menu 1.1 (Nov 8th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
// Modified by Raymond Angana as first seen @ dynamicdrive.com/forums
// username: rangana
// This notice must remain intact

var menuclass=["suckertree1","suckertree2"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus(){
for (var i=0; i<menuclass.length; i++)
{
for(var rang=0,rangUl=document.getElementsByTagName('ul');rang<rangUl.length;rang++){
if(rangUl[rang].className==menuclass[i])
{
var ultags=rangUl[rang].getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
if (ultags[t].parentNode.parentNode.className==menuclass[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>

jero9000
08-09-2008, 10:39 AM
Thank you very much! Thats was what i need!