document.all e netscape

**delfina blu** · 14-07-2003, 15:45

Ciao a tutti...
problemino di compatibilità.... con netscape nn il mio menu non funziona... l'errore dovrebbe essere in document.all nella funzione javascript, ma come si risolve?

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
a.nav_int:link   
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

a.nav_int:visited 
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

a.nav_int:active 
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}

a.nav_int:hover  
{ 
	font-family: Verdana;
	font-size: 11px; 
	text-decoration: none; 
	color: #FFFFFF 
}

a.nav_menu:link   
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}

a.nav_menu:visited 
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}

a.nav_menu:active 
{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

a.nav_menu:hover  
{ 
	font-family: Verdana;
	font-size: 11px; 
	text-decoration: none; 
	color: #000000 
}
.UP_HEADING     
{
	cursor: hand;
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	background-color: #CCCCCC;
	text-decoration: none;
	font-weight: none;
}

.INTERNAL_LINK     
{
	 z-index:3; 
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: none;
	text-decoration: none;
}

.INTERNAL_HEADING     
{
	cursor: hand;
	font-family: Verdana;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;
}

.LINKSOFF    
{ 
	display: none; 
	font-family: Verdana;
	font-size: 12px; 
	color: #FFFFCC; 
	text-decoration: none 
}
  
.LINKSON     
{ 
	display: inline; 
	font-family: Verdana;
	font-size: 12px; 
	text-decoration: none; 
}
</style>
<script >
	var items =  6
	var lastMenu=items+1
	function ShowHide(menuID){
	   for(i=0;i<items;i++){
		document.all.item("Link" + i).className = "LINKSOFF"
		}
	   if (lastMenu==menuID){
	   	document.all.item("Link" + menuID).className = "LINKSOFF"
		lastMenu=items+1
	   }else{
   	   	document.all.item("Link" + menuID).className = "LINKSON"
	  lastMenu=menuID
	   }
	}
</script>
<body>
<DIV ID="PrimoPiano">
  <table border="0" cellpadding="0" cellspacing="0" bordercolor="#828282">
    <tr > 
      <td width="75" height="20" background="images/menu_line.jpg" class="INTERNAL_HEADING" id="head0" onClick="ShowHide(0)"><font color="#FFFFFF">home</font></td>
      <td width="150" height="20" background="images/menu_line.jpg" class="INTERNAL_HEADING" id="head1" onClick="ShowHide(1)"><font color="#FFFFFF"><a href="#" style="text-decoration:none" class="nav_menu">menu 
        1 </a>[img]images/freccia_down.gif[/img]</font></td>
      <td width="175" height="20" background="images/menu_line.jpg" class="INTERNAL_HEADING" id="head2" onClick="ShowHide(2)"><font color="#FFFFFF"><a href="#" style="text-decoration:none" class="nav_menu">menu 
        2 </a>[img]images/freccia_down.gif[/img]</font></td>
      <td width="195" height="20" background="images/menu_line.jpg" class="INTERNAL_HEADING" id="head3" onClick="ShowHide(3)"><font color="#FFFFFF"><a href="#" style="text-decoration:none" class="nav_menu">menu 
        3</a> [img]images/freccia_down.gif[/img]</font></td>
      <td width="75" height="20" background="images/menu_line.jpg" class="INTERNAL_HEADING" id="head4" onClick="ShowHide(4)"><font color="#FFFFFF">Info</font></td>
      <td width="75" height="20" background="images/menu_line.jpg" class="INTERNAL_HEADING" id="head5" onClick="ShowHide(5)"><font color="#FFFFFF">Logout</font></td>
    </tr>
    <tr> 
      <td align="center"  class="INTERNAL_LINK"> <div id="Link0" class="LINKSOFF"><font color="#FFFFFF"></font></div></td>
      <td align="left" valign="top" class="INTERNAL_LINK" > <div id="Link1" class="LINKSOFF"> 
          <table width="100%" border="1" cellpadding="5" cellspacing="0" bordercolor="9B9B9B" bgcolor="9B9B9B">
            <tr> 
              <td> 

menu 1.1</p></td>
            </tr>
          </table>
        </div></td>
      <td align="left" valign="top"  class="INTERNAL_LINK"> <div id="Link2" class="LINKSOFF"> 
          <font color="#FFFFFF"> </font> 
          <table width="100%" border="1" cellpadding="5" cellspacing="0" bordercolor="9B9B9B" bgcolor="9B9B9B">
            <tr> 
              <td> menu 2.1

                menu 2.2

                menu 2.3</td>
            </tr>
          </table>
          <font color="#FFFFFF"> </font></div></td>
      <td align="left" valign="top"  class="INTERNAL_LINK"> <div id="Link3" class="LINKSOFF"> 
          <font color="#FFFFFF"> 
          <table width="100%" border="1" cellpadding="5" cellspacing="0" bordercolor="#9B9B9B" bgcolor="#9B9B9B">
            <tr> 
              <td> menu 3.1

                menu 3.2
 <a class="nav_int" href="#">menu 
                3.3</a></td>
            </tr>
          </table>
          </font></div></td>
      <td align="center" valign="top"  class="INTERNAL_LINK"> <div id="Link4" class="LINKSOFF"><font color="#FFFFFF"></font></div></td>
      <td align="center" valign="top"  class="INTERNAL_LINK"> <div id="Link5" class="LINKSOFF"><font color="#FFFFFF"></font></div></td>
    </tr>
  </table>
</DIV>
</body>
</html>

**Mich_** · 16-07-2003, 10:41

Infatti document.all e` definito solo in IE.

Per browser recenti (NS6+, Moz, Opera6, ...) puoi usare:

document.getElementById("Link" + i).className = "LINKSOFF"

Ciao
Michele

Discussione: document.all e netscape

Strumenti discussione

Ricerca discussione

Visualizza

document.all e netscape

Permessi di invio