Allora ragazzi...mi è nata una idea dopo aver studiato un tutorial di HTML.it (megliio dire di www.bratta.com) cmq sia mentre lo stavo studiando ho trovato dei particolari strani...
che non riuscivo a spiegare (riferimento a se stesso [oggetto])...cmq sia ho creao una mia versione più leggibile "LA MIA"...ecco il codice...(un particolare: il codice è valido per HTML 4.01 quindi chi lo vuole usare per pagine valide non ci sono problemi...):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-15">
<style type="text/css" media="screen">
<!--
/* cambia i bordi a: .subMenu, .subSubMen td */
#contMenu {position:absolute; top:0px; left:0px}
a:link, a:active, a:visited {font:normal 1pc arial; color:blue; text-decoration:underline}
a:hover {color:red; text-decoration:underline overline}
#subCon td {padding-top:0px}
a.cla:link, a.cla:active, a.cla:visited {font:normal 0.8pc arial; color:blue; text-decoration:underline}
a.cla:hover {color:red; text-decoration:underline overline}
.subMenu {margin:0px 0px; padding:5px 5px; position:relative; top:0px; background-color:silver; visibility:hidden; border:white 2px outset}
.subSubMen td {border:white 2px outset}
-->
</style>
<script type="text/javascript">
<!--
var menuArray=null, greatMENU=null;
function vis_b() {
this.name.visibility="visible";
};
function hid_b() {
this.name.visibility="hidden";
};
function Menu(obj) {
this.name=document.all?document.all[obj].style:document.getElementById(obj).style;
this.vis=vis_b;
this.hid=hid_b;
this.active=true;
};
function scrolla() {
if(document.all) {
greatMENU.name.top=document.body.scrollTop;
}
else {
greatMENU.name.top=((document.getElementById)&&(!d ocument.all))?window.pageYOffset:document.body.scr ollTop;
window.setTimeout("scrolla();",1);
};
}
function funcXUNO() {
menuArray=new Array();
menuArray[0]=new Menu("unoSub");
menuArray[1]=new Menu("dueSub");
menuArray[2]=new Menu("treSub");
menuArray[3]=new Menu("quattroSub");
menuArray[4]=new Menu("cinqueSub");
for(var x=0; x<menuArray.length; x+=1) {
menuArray[x].hid();
};
greatMENU=new Menu("contMenu");
(document.all)?window.onscroll=scrolla:scrolla();
};
function extract(num) {
if(menuArray[num].active) {
for(var x=0; x<menuArray.length; x+=1) {
menuArray[x].hid(); menuArray[x].active=true;
};
menuArray[num].vis(); menuArray[num].active=false;
}
else {
menuArray[num].hid(); menuArray[num].active=true;
};
};
//-->
</script>
</head>
<body onload="funcXUNO();">
<div id="contMenu">
<table width="102%" cellspacing="0" cellpadding="5" border="0">
<tr bgcolor="silver" class="subSubMen">
<td height="30">Articoli</td>
<td>Chat</td>
<td>Contatta...</td>
<td>Forum</td>
<td>HomePage</td>
<td>Svago</td>
</tr>
<tr valign="top" id="subCon">
<td><div id="unoSub" class="subMenu">
La riforma Moratti
"Carissima" scuola
Il "caro" scuola...
</div></td>
<td><div id="dueSub" class="subMenu">
Chatta con gli studenti
Chatta con gli operatori
</div></td>
<td><div id="treSub" class="subMenu">
Contatta tutti
Contatta D4ng3r
Contatta Titus
Contatta Link
Contatta EagleOne
Contatta Ugly
</div></td>
<td><div id="quattroSub" class="subMenu">
Forum studenti...
Forum antiProf...
</div></td>
<td></td>
<td><div id="cinqueSub" class="subMenu">
x Donne
x Uomini
</div></td>
</tr>
</table>
</div>
</p>
</body>
</html>
Rispondi quotando
) affilato a script/discussioni utili e ne ha ereditato le visite
