Ragazzi tra un tutorial e una guida mi vengono certe idee...
Va be Cmq ho creato un menu un pò strano, premessa funziona solo su i browser di seconda generazione! Anche se l'ho fatto in fretta e furia già è qualcosa...
codice:
<html>
<head>
<title></title>
<style type="text/css">
a:link, a:active, a:visited {font:bold 0.7pc arial; color:blue; text-decoration:underline}
a:hover {color:blue; text-decoration:underline overline}
</style>
<script language="javascript">
<!--
var menuLista=null;
var menuCont=null;
function INIT() {
menuLista=new Array();
menuCont=new Array();
for(var x=0; x<voci.length; x++) {
menuLista[x]=document.all?document.all["menu"+x].style:document.getElementById("menu"+x).style;
menuCont[x]=document.all?document.all["contMenu"+x].style:document.getElementById("contMenu"+x).style;
menuCont[x].state=true;
};
};
function apri(num) {
if(menuCont[num].state) {
for(var x=0; x<voci.length; x++) {
menuCont[x].border="white 2px outset";
menuCont[x].state=true;
menuLista[x].visibility="hidden";
}
menuCont[num].border="white 2px inset";
menuCont[num].state=false;
menuLista[num].visibility="visible";
}
else {
menuCont[num].border="white 2px outset";
menuCont[num].state=true;
menuLista[num].visibility="hidden";
};
};
//-->
</script>
</head>
<body>
<script language="javascript">
<!--
var voci=new Array("Articoli","Chat","Contatta","Forum","Svago");
var subVoces=new Array();
subVoces[0]=["La riforma Moratti","Il \"caro\" scuola...","Il kit a prezzo equo..."];
subVoces[1]=["...operatori","..studenti"];
subVoces[2]=["...tutti","...operatore"];
subVoces[3]=["Forum Antiprof.","Forum Studenti"];
subVoces[4]=["x Donne","x Uomini"];
var linka=new Array();
linka[0]=["artuno.htm","artdue.htm","arttre.htm"];
linka[1]=["chat1.htm","chat2.htm"];
linka[2]=["mailto:brunelleskosi@tiscali.it","mailto:brunelleskosi@tiscali.it"];
linka[3]=["forum1.htm","forum2.htm"];
linka[4]=["unica?s=donna","unica?s=uomo"];
var contHei=((22*voci.length)+(voci.length*4)+(qualcosaAltro=5));
var Hei=22;
document.write("<div style=\"position:absolute; top:50px; left:100px; width:350px; border:black 0px dashed; height:"+contHei+"px\">");
for(var x=0; x<voci.length; x++) {
document.write("<div id=\"contMenu"+x+"\" style=\"position:absolute; top:"+(Hei*x+4*x)+"px; left:0px; width:80px; height:"+(Hei)+"px; background-color:silver; font:normal 1.2pc arial; color:black; text-align:center; border:white 2px outset\" onclick=\"apri("+x+");\">"+voci[x]+"</div>");
document.write("<div id=\"menu"+x+"\" style=\"position:absolute; top:"+(Hei*x)+"px; left:76px; background-color:silver; visibility:hidden; padding:6px; border:white 2px outset; z-index:3\">");
for(var y=0; y<subVoces[x].length; (document.write(subVoces[x][y].link(linka[x][y])+"
"),y++));
document.write("</div>");
};
document.write("</div>");
window.onload=INIT;
//-->
</script>
</body>
</body>
Ciao!