- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Modificare questo script
-
Modificare questo script
Questo è uno script di un meno orizzontale, quando ci paso il mouse si apre un sotto menù a tendina.
Questo menu 4 voci con sotto menù, io ne volevo aggiungere altri 2.
Poi dove vado a modificare per allargare in altezza e larghezza la bara principale?<script language="JavaScript"> var ron="#0C58BA"; // Colore al MouseOver var roff="#C6DDF9"; // Colore di default var leftmargin=170; // Distanza dal margine sinistro della pagina var topmargin=70; // Distanza dal margine superiore della pagina var largo=125; // Larghezza dei layers, quindi distanza (orizzontale) fra i sottomenu var voci=new Array(); voci[0]=new Array("JavaScript","StaffScripts","UserScripts","FlyScripts","P.O.J.","Newsgroup icly") voci[1]=new Array("Documenti","F.A.Q & Answers","Tutorials","Lezioni","Risorse e Downloads","Biblioteca","Links"); voci[2]=new Array("About us","Staff","Collaboratori","Contatti","Credits"); voci[3]=new Array("Varie","Servizi Gratuiti","Sondaggi","Hanno detto di noi","Banner","Advertising","Questo menu..."); var links=new Array(); links[0]=new Array("","#","#","#","#") links[1]=new Array("","#","#","#","#","#","#") links[2]=new Array("","#","#","#","#") links[3]=new Array("","#","#","#","#","#","#") var wst=new Array(); wst[0]=new Array("#","o",","!","!","!",""); wst[1]=new Array("#","#","e","#","e","t","f"); wst[2]=new Array("#","#","#","#","#"); wst[3]=new Array("#","#i","#","#","#","#","#"); var nn=document.layers?true:false,conta=0,last=0; if (nn) { document.write("<LAYER NAME=mtop. position=absolute left="+leftmargin+" top="+topmargin+" width=50 height=15 clip=0,0,50,15 bgColor="+roff+" visibility=visible onMouseOver=showdeps(last,false);mroll('mtop.') onMouseOut=unmroll('mtop.')> <A HREF='home.html' CLASS=menuNNb><I>Home</I></A></LAYER>"); for (i=0;i<voci.length;i++) { var n=i; document.writeln("<LAYER NAME=mtop"+n+". position=absolute left="+eval(leftmargin+50+largo*i)+" top="+topmargin+" width="+largo+" height=15 clip=0,0,"+largo+",15 bgColor="+roff+" visibility=visible onMouseOver=MostraMenu("+i+");mroll('mtop"+i+".');conta++ onMouseOut=last="+i+";unmroll('mtop"+i+".');conta--><DIV ALIGN=center> <A HREF=javascript:mroll('mtop"+i+".') CLASS=menuNNb><I>"+voci*[0]+"</I></A></DIV></LAYER>"); for (l=1;l<voci*.length;l++) document.writeln("<LAYER NAME=mdep"+i+"."+l+" position=absolute left="+eval(leftmargin+50+largo*i)+" top="+eval(topmargin+15*l)+" width="+largo+" height=15 clip=0,0,"+largo+",15 bgColor="+roff+" visibility=hidden onMouseOver=mroll('mdep"+n+"."+l+"');conta++ onMouseOut=unmroll('mdep"+n+"."+l+"');conta--> <A HREF=javascript:mroll('mdep"+n+"."+l+"') onClick=vai('"+links*+"',"+i+","+l+") CLASS=menuNN>"+voci*+"</A></LAYER>"); } } else { document.write("<DIV ID=mtop. STYLE=\"position:absolute;left:"+leftmargin+";top:"+topmargin+";width:50;height:15;background:"+roff+";visibility:visible;cursor:hand\" onMouseOver=showdeps(last,false);mroll('mtop.') onMouseOut=unmroll('mtop.')><A HREF='home.html' CLASS=menuIEb onFocus=this.blur()> <I>Home</I></A></DIV>"); for (i=0;i<voci.length;i++) { var n=i; document.writeln("<DIV ID=mtop"+n+". STYLE=\"position:absolute;left:"+eval(leftmargin+50+largo*i)+";top:"+topmargin+";width:"+largo+";height:15;background:"+roff+";visibility:visible;cursor:hand\" onMouseOver=MostraMenu("+n+");mroll('mtop"+n+".');conta++ onMouseOut=last="+n+";unmroll('mtop"+n+".');conta--><DIV ALIGN=center CLASS=menuIEb> <I>"+voci*[0]+"</I></DIV></DIV>"); for (l=1;l<voci*.length;l++) document.writeln("<DIV ID=mdep"+i+"."+l+" STYLE=\"position:absolute;left:"+eval(leftmargin+50+largo*i)+";top:"+eval(topmargin+15*l)+";width:"+largo+";height:15;background:"+roff+";visibility:hidden;cursor:hand\" onMouseOver=;mroll('mdep"+n+"."+l+"');conta++ onMouseOut=unmroll('mdep"+n+"."+l+"');conta-- CLASS=menuIE onClick=vai('"+links*+"',"+i+","+l+")> "+voci*+"</DIV>"); } } timer=setInterval("NascondiMenu()",1000) function NascondiMenu() { if (conta==0) { coloratutti(true) timer=setTimeout("coloratutti(false)",200); timer=setTimeout("showdeps(last,false)",250); } } function coloratutti(col) { colore=col?ron:roff; for (i=0;i<voci.length;i++) for (j=1;j<voci*.length;j++) { if (nn) document.layers["mdep"+i+"."+j].bgColor=colore; else if(document.all) document.all["mdep"+i+"."+j].style.background=colore; else document.getElementById('mdep'+i+"."+j).style.background=colore; } } function MostraMenu(n) { showdeps(last,false); showdeps(n,true); last=n; } function showdeps(n,act) { if (conta==0) { act?stat="visible":stat="hidden"; if (nn) for (i=1;i<voci.length;i++) document.layers["mdep"+n+"."+i].visibility=stat; else for (i=1;i<voci.length;i++) if(document.all) document.all["mdep"+n+"."+i].style.visibility=stat; else document.getElementById('mdep'+n+"."+i).style.visibility=stat; } } function vai(dove,r,c) { lev=nn?document.layers["mdep"+r+"."+c]:(document.all)?document.all["mdep"+r+"."+c].style:document.getElementById("mdep"+r+"."+c).style; if (nn) { lev.bgColor=roff; timer=setTimeout("lev.bgColor=ron",50) timer=setTimeout("lev.bgColor=roff",100) timer=setTimeout("lev.bgColor=ron",150) timer=setTimeout("lev.bgColor=roff",200) timer=setTimeout("lev.bgColor=ron",250) } else { lev.background=roff; timer=setTimeout("lev.background=ron",50) timer=setTimeout("lev.background=roff",100) timer=setTimeout("lev.background=ron",150) timer=setTimeout("lev.background=roff",200) timer=setTimeout("lev.background=ron",250) } timer=setTimeout("self.location.href='"+dove+"'",350) } function mroll(l) { nn?document.layers.bgColor=ron:(document.all)?document.all.style.background=ron:document.getElementById(l).style.background=ron; document.getElementById?document.getElementById(l).style.cursor=document.all?'hand':'pointer':'void(0)'; if (l.substr(0,4)=="mdep") stringa=wst[l.substr(4,l.indexOf(".")-4)][l.substring(l.indexOf(".")+1,l.length)]; else if (l.length>5) stringa=wst[l.substr(4,l.indexOf(".")-4)][0]; else stringa="Home Page"; window.status=stringa; timer=setTimeout("window.status=stringa",20); } function unmroll(l) { nn?document.layers.bgColor=roff:(document.all)?document.all.style.background=roff:document.getElementById(l).style.background=roff; window.status=""; } </script>
-
Aspetta un attimino...spiega meglio cosa vuoi fare
-
Lo script forma un menu di 4 voci, io volevo aggiungerne altre 2 sempre a tendina.
-
Ciao
Lo script ad occhio mi pare abbia qualche problema, ti consiglio di cercarne qualcuno più flessibile e semplice.
Ce ne sono molti.Te ne riporto qualcuno:
http://www.wappler.eu/dropdownmenu/
http://www.sastgroup.com/tutorials/realizzare-drop-down-menu-orizzontale-con-i-css
http://www.google.it/search?hl=it&q=drop+down+menu+css&btnG=Cerca&meta=