• P
    User Attivo •

    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.')>&nbsp;<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>&nbsp;<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-->&nbsp;<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()>&nbsp;<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>&nbsp;<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+")>&nbsp;"+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>
    0
  • G
    Bannato User Attivo •

    Aspetta un attimino...spiega meglio cosa vuoi fare

    0
  • P
    User Attivo •

    Lo script forma un menu di 4 voci, io volevo aggiungerne altre 2 sempre a tendina.

    0
  • C
    Super User •

    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=

    :ciauz:

    0
Effettua l'accesso per rispondere