Archief - HTML/JS: Probleem met menu

document.write('\
\
\
<div><div><div style="display:none;"><ul id="imenus0" style="width:580px">\
<li style="width:145px;"><a href="#" target="_new">Home</a></li>\
<li style="width:145px;"><a href="#" target="_new">Bedrijf</a>\
\
<div><div style="width:150px;top:;left:;"><ul style="">\
<li><a href="#">Historiek</a></li>\
<li><a href="#">Vandaag</a></li>\
<li><a href="#">Troeven</a></li>\
</ul></div></div></li>\
\
\
<li style="width:145px;"><a href="#" target="_new">Vacatures</a></li>\
<li style="width:145px;"><a href="#" target="_new">Login</a></li>\
</ul><div style="clear:left;"></div></div></div></div>\
\
\
')

Klik om te vergroten...

function imenus_data0(){


this.enable_visual_design_mode = false

this.main_is_horizontal = true
this.menu_showhide_delay = 150


/*---------------------------------------------
Images (expand and pointer icons)
---------------------------------------------*/


this.main_expand_image = 'http://www.opencube.com/vim/images/sample3_main_arrow.gif'
this.main_expand_image_hover = 'http://www.opencube.com/vim/images/sample3_main_arrow.gif'
this.main_expand_image_width = '7'
this.main_expand_image_height = '5'
this.main_expand_image_offx = '0'
this.main_expand_image_offy = '5'

this.sub_expand_image = 'http://www.opencube.com/vim/images/sample3_sub_arrow.gif'
this.sub_expand_image_hover = 'http://www.opencube.com/vim/images/sample3_sub_arrow.gif'
this.sub_expand_image_width = '5'
this.sub_expand_image_height = '7'
this.sub_expand_image_offx = '0'
this.sub_expand_image_offy = '3'

this.main_pointer_image = 'http://www.opencube.com/vim5.0/arrow_down.gif'
this.main_pointer_image_width = '10'
this.main_pointer_image_height = '11'
this.main_pointer_image_offx = '-3'
this.main_pointer_image_offy = '-4'

this.sub_pointer_image = 'http://www.opencube.com/vim5.0/arrow_right.gif'
this.sub_pointer_image_width = '13'
this.sub_pointer_image_height = '10'
this.sub_pointer_image_offx = '-13'
this.sub_pointer_image_offy = '-5'




/*---------------------------------------------
Global Menu Styles
---------------------------------------------*/

//Main Menu

this.main_container_styles = "border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:10px 0px 0px; "
this.main_item_styles = "color:#333333; text-align:left; font-family:Arial; font-size:12px; font-weight:normal; text-decoration:underline; border-styleolid; border-color:#dddddd; border-width:1px; padding:2px 8px; "
this.main_item_hover_styles = "background-color:#efefef; text-decoration:underline; "
this.main_item_active_styles = "background-color:#efefef; "



//Sub Menu

this.subs_container_styles = "filterrogidXImageTransform.Microsoft.Fade(duration=0.3); background-color:#efefef; border-styleolid; border-color:#cccccc; border-width:1px; padding:5px; margin:4px 0px 0px; "
this.subs_item_styles = "color:#555555; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; "
this.subs_item_hover_styles = "color:#000000; text-decoration:underline; "
this.subs_item_active_styles = "background-color:#ffffff; "



}


//Infinite Menus Source Code (Do Not Alter!)

;function imenus_add_pointer_image(obj,dto,level){if((ulm_oldnav)||(ulm_mac &&(ulm_ie || ulm_navigator)))return;x4="main";if(level>0)x4="sub";var id=obj.firstChild.id.substring(obj.firstChild.id.indexOf("_")+1);x3=document.createElement("DIV");x3.style.position="absolute";x3.style.visibility="hidden";x3.setAttribute("ispointer",1);x3.setAttribute("scxy","0,0");x3.setAttribute("offxy","0,0");if((level==0)&&(dto.main_is_horizontal)){x3.setAttribute("ish",1);x3.setAttribute("fxoff",x26(dto.main_pointer_image_offy));x3.setAttribute("sloff",x26(dto.main_pointer_image_offx));}else {x3.setAttribute("fxoff",x26(x28(x4+"_pointer_image_offx",dto,id)));x3.setAttribute("sloff",x26(x28(x4+"_pointer_image_offy",dto,id)));}if((!(x5=x28(x4+"_pointer_image",dto,id)))||(x5.toLowerCase()=="none")){obj.onmousemove=function(e){if(ulm_ie)e=window.event;e.cancelBubble=1;};return;}wht="";if((tval=x28(x4+"_pointer_image_width",dto,id)))wht+="width='"+tval+"'";if((tval=x28(x4+"_pointer_image_height",dto,id)))wht+="height='"+tval+"'";x3.innerHTML='<img src="'+x5+'" '+wht+'>';obj.appendChild(x3);obj.onmouseover=function(){imenus_initialize_pointer(this);};obj.onmousemove=function(e){var lc=this.lastChild;if(ulm_ie)e=window.event;offxy=eval("new Array("+lc.getAttribute("offxy")+")");sloff=parseInt(lc.getAttribute("sloff"));scxy=eval("new Array("+lc.getAttribute("scxy")+")");if(this.lastChild.getAttribute("ish"))lc.style.left=e.clientX-offxy[0]+sloff+scxy[0]+"px";else lc.style.top=e.clientY-offxy[1]+sloff+scxy[1]+"px";if(lc.getAttribute("initialized"))lc.style.visibility="visible";e.cancelBubble=1;};obj.onmouseout=function(){this.lastChild.style.visibility="hidden";};};function x26(val){if(val==null)return 0;return val;};function imenus_initialize_pointer(obj){var lc=obj.lastChild;lc.setAttribute("offxy",x27(obj));var pxy=parseInt(lc.getAttribute("fxoff"));if(lc.getAttribute("ish"))lc.style.top=pxy+"px";else lc.style.left=pxy+"px";pobj=document.body;if((!(pobj.scrollLeft+pobj.scrollTop))&&(document.documentElement))pobj=document.documentElement;lc.setAttribute("scxy",pobj.scrollLeft+","+pobj.scrollTop);lc.setAttribute("initialized",1);};function x27(obj){var offy=0;var offx=0;do{offy+=obj.offsetTop;offx+=obj.offsetLeft;}while((obj=obj.offsetParent))return new Array(offx,offy);};function x28(pname,dto,index){if((rval=dto[pname+index])!=null)return rval;else return dto[pname];}if(!window.vdt_doc_effects)vdt_doc_effects=new Object();ht_obj=new Object();cm_obj=new Object();x29=null;ulm_playobj=null;ulm_rss=new Object();ulm_version="6.0";ulm_base="http://www.opencube.com/vim6.0/";ulm_ie=window.showHelp;ulm_ie7=ulm_ie && window.XMLHttpRequest;ulm_opera=window.opera;ulm_strict=((ulm_ie || ulm_opera)&&(document.compatMode=="CSS1Compat"));ulm_mac=navigator.userAgent.indexOf("Mac")+1;ulm_navigator=navigator.userAgent.indexOf("Netscape")+1;ulm_version=parseFloat(navigator.vendorSub);ulm_firefox=navigator.userAgent.indexOf("Firefox")+1;ulm_oldnav=(ulm_navigator && ulm_version<7.1);ulm_iemac=(ulm_ie && ulm_mac);ulm_oldie=(ulm_ie &&(navigator.userAgent.indexOf("MSIE 5.0")+1));ulm_dw=false;ulm_sep="_";if(!ulm_ie)ulm_sep="z";ulm_bna=new Array(85,110,108,111,99,107,32,78,111,119,33);ulm_b2na=new Array(79,112,101,110,67,117,98,101,32,45,32,73,110,102,105,110,105,116,101,32,77,101,110,117,115);ulm_display="block";if(ulm_iemac)ulm_display="inline-block";if(ulm_iemac && document.doctype){tval=document.doctype.name.toLowerCase();if((tval.indexOf("dtd")>-1)&&((tval.indexOf("http")>-1)||(tval.indexOf("xhtml")>-1)))ulm_strict=1;}x0=1;if(ulm_ie)x0=x10();x1=document.getElementsByTagName("UL");for(mi=0;mi<x1.length;mi++){if((x2=x1[mi].id)){if(x2.indexOf("imenus")>-1){x2=x2.substring(6);dto=new window["imenus_data"+x2];imenus_create_menu(x1[mi].childNodes,x2+ulm_sep,dto,x2);if(!ulm_oldnav && window.imenus_add_pointer_image)imenus_add_pointer_image(x1[mi].parentNode.parentNode,dto,0);x6(x2,dto);(ap1=x1[mi].parentNode).id="imouter"+x2;ap1.parentNode.id="imcontainer2"+x2;(ap2=ap1.parentNode.parentNode).id="imcontainer1"+x2;x1[mi].parentNode.style.display=ulm_display;ap2.style.width=x1[mi].parentNode.offsetWidth+"px";ap2.style.height=ap1.parentNode.offsetHeight+"px";ap2.setAttribute("align","left");if(ulm_ie && !ulm_mac){var x32=document.getElementsByTagName("iframe");for(var i=0;i<x32.length;i++){if(x32.getAttribute("x31")){var x33=x32.parentNode.children[1];x32.style.height=x33.offsetHeight;x32.style.width=x33.offsetWidth;}}}if(ulm_firefox){for(var i=0;i<(ifrm=document.getElementsByTagName("iframe")).length;i++){ifrm.onmouseover=function(){for(var f in cm_obj){x34(cm_obj[f],dto.menu_showhide_delay);if((pls=cm_obj[f].getElementsByTagName("UL")).length){if((pols=pls[0].parentNode.lastChild).getAttribute("ispointer"))pols.style.visibility="hidden";}}}}}if(window.name=="imopenmenu")dto.enable_visual_design_mode=1;if((ulm_ie && !ulm_mac && !ulm_oldie)&&(window.vdt_doc_effects && dto.enable_visual_design_mode)){vdt_doc_effects[x1[mi].id]=x1[mi].id.substring(0,6);sd='<sc'+'ript language="JScript.Encode" src="'+ulm_base+'vimenus.js"></sc'+'ript>';if(!window.vdt_doc_effects.initialized){sd+='<sc'+'ript language="JScript.Encode" src="'+ulm_base+'vdesigntool.js"></sc'+'ript>';window.vdt_doc_effects.initialized=1;}document.write(sd);}if((ulm_ie && !ulm_mac && !ulm_oldie)&&(x0 || dto.enable_visual_design_mode)){var x5t='<div style="cursor:default;white-space:nowrap;background-color:#eeeeee;padding:1px;padding-left:5px;padding-right:5px;border-width:1px;border-color:#333333;border-styleolid;font-size:11px;font-family:Arial;">';oclick="";if(!dto.enable_visual_design_mode){if(x0=="sub1"){oclick="window.open(\'http://www.opencube.com/')";for(us in ulm_b2na)x5t+=String.fromCharCode(ulm_b2na[us]);}else {oclick="window.open(\'"+ulm_base+"../unlock_now.asp\?"+window.location.href+"')";for(us in ulm_bna)x5t+=String.fromCharCode(ulm_bna[us]);}}else {x5t+="Loading VDP...";}x5t+="</div>";(x7=x1[mi].parentNode).insertAdjacentHTML("afterBegin",'<div onmousemove="event.cancelBubble=1" style="position:absolute;visibility:hidden;top:-20px;left:0px;"><div onclick="'+oclick+'" style="position:absolute;">'+x5t+'</div></div>');if(!dto.enable_visual_design_mode){x7.firstChild.firstChild.firstChild.style.cursor="hand";ap1.onmouseover=function(){if(x29)clearTimeout(x29);x7.firstChild.style.visibility="visible";};ap1.onmouseout=function(){x29=setTimeout("x8(window."+this.id+")",dto.menu_showhide_delay);};}else x7.firstChild.style.visibility="visible";}}}}if(tval=document.getElementById('ulm_dwmessage')){tval.removeNode(1);ulm_dw=1;};function x8(x9){x9.firstChild.style.visibility="hidden";};function x10(){if((x11=window.location.hostname)!=""){if(window.return_sub){if(parseInt(Math.random()*10)==5)return "sub1";else return;}if(!window.list7){mval=0;for(i=0;i<(x11).length;i++)mval+=x11.charCodeAt(i);mval+="-u";x12=0;while((a_val=window["unl"+"ock"+x12])){if(mval==a_val)return false;x12++;}return "ulm_ie";}}};function imenus_create_menu(nodes,prefix,dto,d_toid,sid){this.counter=0;if(sid)this.counter=sid;for(this.li=0;this.li<nodes.length;this.li++){if(nodes[this.li].tagName=="LI"){this.bc="ulitem"+prefix+this.counter;nodes[this.li].id=this.bc;this.ac="ulaitem"+prefix+this.counter;nodes[this.li].firstChild.id=this.ac;nodes[this.li].level=(this.level=prefix.split(ulm_sep).length-1);nodes[this.li].dto=d_toid;nodes[this.li].x4=prefix;nodes[this.li].sid=this.counter;if(ulm_ie && !ulm_mac && !ulm_ie7)nodes[this.li].style.height="1px";nodes[this.li].onkeydown=function(e){if(ulm_ie)e=window.event;if(e.keyCode==13)hover_handle(this,1);};nodes[this.li].onmouseover=function(){if(this.firstChild.className.indexOf("iactive")==-1)this.firstChild.className="ihover";if(ht_obj[this.level])clearTimeout(ht_obj[this.level]);ht_obj[this.level]=setTimeout("hover_handle(document.getElementById('"+this.id+"'),1)",dto.menu_showhide_delay);};nodes[this.li].onmouseout=function(){x34(this,dto.menu_showhide_delay);};this.x30=nodes[this.li].childNodes;for(this.ti=0;this.ti<this.x30.length;this.ti++){if((this.zn=this.x30[this.ti]).tagName=="DIV"){if(ulm_ie && !ulm_mac && !ulm_oldie && !ulm_ie7)this.zn.firstChild.insertAdjacentHTML("afterBegin","<iframe src='javascript:false;' x31=1 style='position:absolute;border-style:none;width:1px;height:1px;filterrogidXImageTransform.Microsoft.Alpha(Opacity=0);' frameborder='0'></iframe>");if(!(ulm_iemac)|| this.level>1 || !dto.main_is_horizontal)this.zn.style.zIndex=this.level;this.zn.setAttribute("align","left");this.cx1=this.zn.getElementsByTagName("UL");if(this.cx1.length){x4="sub";if(this.level==1)x4="main";if(iname=dto[x4+"_expand_image"]){x14=dto[x4+"_expand_image_hover"];x15=new Array(dto[x4+"_expand_image_width"],dto[x4+"_expand_image_height"]);tewid="100%";if(ulm_ie && !ulm_ie7)tewid="0px";te2wid="absolute";if(ulm_ie7 && ulm_strict)te2wid="relative";x16='<div style="visibility:hidden;position:absolute;top:0px;left:0px;width:'+tewid+';"><img style="border-style:none;" level='+this.level+' imexpandicon=2 src="'+x14+'" width='+x15[0]+' height='+x15[1]+' border=0></div>';stpart="span";if(ulm_ie)stpart="div";nodes[this.li].firstChild.innerHTML='<'+stpart+' imexpandarrow=1 style="position:relative;display:block;text-align:left;"><div style="position:'+te2wid+';width:100%;cursor:hand;cursorointer;text-align:right;"><div style="position:relative;width:'+tewid+';height:0px; text-align:right;top:'+dto[x4+"_expand_image_offy"]+'px;left:'+dto[x4+"_expand_image_offx"]+'px;">'+x16+'<img style="border-style:none;" imexpandicon=1 level='+this.level+' src="'+iname+'" width='+x15[0]+' height='+x15[1]+' border=0></div></div></'+stpart+'>'+nodes[this.li].firstChild.innerHTML;}this.cx1[0].parentNode.className="imsubc";this.cx1[0].id="x1ub"+prefix+this.counter;new imenus_create_menu(this.cx1[0].childNodes,prefix+this.counter+ulm_sep,dto,d_toid);if(!ulm_oldnav && window.imenus_add_pointer_image)imenus_add_pointer_image(this.cx1[0].parentNode,dto,this.level);}}}if((!sid)&&(!ulm_navigator)&&(!ulm_iemac)&&(rssurl=nodes[this.li].getAttribute("rssfeed"))&&(window.imenus_get_rss_data))imenus_get_rss_data(nodes[this.li],rssurl);this.counter++;}}};function x34(x35,x36){if(x35.firstChild.className.indexOf("iactive")==-1)x35.firstChild.className="";clearTimeout(ht_obj[x35.level]);ht_obj[x35.level]=setTimeout("hover_handle(document.getElementById('"+x35.id+"'))",x36);};function hover_handle(hobj,show){if(ulm_ie && !ulm_mac){try{if(show){if((plobj=(uobj=hobj.getElementsByTagName("UL")[0]).filters[0])){if(uobj.parentNode.currentStyle.visibility=="hidden"){if(ulm_playobj)ulm_playobj.stop();plobj.apply();plobj.play();ulm_playobj=plobj;}}}}catch(e){}}if(cm_obj[hobj.level]!=null){cm_obj[hobj.level].className="";cm_obj[hobj.level].firstChild.className="";}if(show){if(!hobj.getElementsByTagName("UL")[0])return;hobj.firstChild.className="ihover iactive";hobj.className="ishow";cm_obj[hobj.level]=hobj;}};function x6(id,dto){x19="#imenus"+id;sd="<style id='ssimenus"+id+"' type='text/css'>";x20=0;di=0;while((x21=document.getElementById("ulitem"+id+ulm_sep+di))){if(dto.main_is_horizontal){if(ulm_iemac)x21.style.display="inline-block";else sd+="#ulitem"+id+ulm_sep+di+" {float:left;}";if((tgw=x21.style.width))x20+=parseInt(tgw);}else {x20=parseInt(document.getElementById("imenus"+id).style.width);x21.style.width="100%";}di++;}document.getElementById("imenus"+id).style.width=x20+"px";if(!ulm_opera)document.getElementById("imenus"+id).parentNode.style.width=x20+"px";var adpr="relative";if(ulm_oldnav)adpr="absolute";sd+="#imcontainer1"+id+" {z-index:"+(999999-id)+";position:"+adpr+";"+ulm_display+"}";sd+="#imcontainer2"+id+" {position:absolute;}";sd+=x19+","+x19+" ul{margin:0;list-style:none;}";sd+="#imouter"+id+" {text-align:left;"+dto.main_container_styles+"}";if(!(scse=dto.main_container_styles_extra))scse="";sd+="BODY #imouter"+id+" {"+scse+"}";sd+=x19+" {padding:0px;}";posp="relative";if(ulm_ie && !ulm_mac)posp="absolute";sd+=x19+" ul {padding:0px;"+dto.subs_container_styles+"position:"+posp+";top:0px;left:0px;}";if(!(scse=dto.subs_container_styles_extra))scse="";sd+="BODY "+x19+" ul {"+scse+"}";sd+=x19+" li div {position:absolute;}";sd+=x19+" li .imsubc {position:absolute;visibility:hidden;}";ubt="";lbt="";x23="";x24="";for(hi=1;hi<10;hi++){ubt+="li ";lbt+=" li";x23+=x19+" li.ishow "+ubt+" .imsubc";x24+=x19+lbt+".ishow .imsubc";if(hi!=9){x23+=",";x24+=",";}}sd+=x23+"{visibility:hidden;}";sd+=x24+"{visibility:visible;}";if(!ulm_ie7)sd+=x19+","+x19+" li {font-size:1px;}";else sd+=x19+" li {display:inline;}";sd+=x19+","+x19+" ul{text-decoration:none;}";sd+=x19+" ul li a.ihover {"+dto.subs_item_hover_styles+"}";sd+=x19+" li a.ihover {"+dto.main_item_hover_styles+"}";sd+=x19+" li a.iactive {"+dto.main_item_active_styles+"}";sd+=x19+" ul li a.iactive{"+dto.subs_item_active_styles+"}";sd+=x19+" li a.iactive div img{visibility:visible;}";ulp="";ulmp="";if(ulm_ie && !ulm_strict){ulp="width:100%;";ulmp="positiontatic;";}sd+=x19+" a{display:block;position:relative;font-size:12px;"+ulp+""+dto.main_item_styles+"}";if(!(scse=dto.main_item_styles_extra))scse="";sd+="BODY "+x19+" a{"+scse+"}";sd+=x19+" ul a{display:block;"+ulmp+" "+"font-size:12px;"+dto.subs_item_styles+"}";if(!(scse=dto.subs_item_styles_extra))scse="";sd+="BODY "+x19+" ul a{"+scse+"}";sd+=x19+" li{cursor:hand;cursorointer;}";document.write(sd+"</style>");}

Klik om te vergroten...