Menu Desplegable NO ME FUNCIONA

zahed · #1 (**permalink**) 01/08/2007, 09:57

Hola quisiera saber el motivo del porque no me funciona el menu desplegable, si le encuentran algun error, me pueden dar alguna idea del porque no esta haciendo lo que yo quiero, lo estoy haciendo co JavaScript y CSS

Pongo el Codigo:

Código HTML:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="ALL" />
<!--list-style-image:url(bullet.gif)}
#foldinglist{list-style-image:url(go.gif)}-->
<title>Selecciona Horario</title> 
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}

//.Estilo1 {font-size: 14px}
.Estilo1 {font-size: 18px}
.Estilo2 {font-size: 16px}
-->
</style>
<script language="JavaScript1.2">
var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="list.gif"

function change(){
   if(!document.all)
      return
   if (event.srcElement.id=="foldheader") {
      var srcIndex = event.srcElement.sourceIndex
      var nested = document.all[srcIndex+1]
      if (nested.style.display=="none") {
         nested.style.display=''
         event.srcElement.style.listStyleImage="url(list.gif)"
      }
      else {
         nested.style.display="none"
         event.srcElement.style.listStyleImage="url(fold.gif)"
      }
   }
}
document.onclick=change
//-->
</script>
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" align="center">
	<tr><td><img src="images/LogoHorario.gif" width="473" height="70" /></td></tr>
</table>

<ul>
  <li id="foldheader"><font color="#009966">..:: Selecciona Horario::..</font></li>
   <ul id="foldinglist" style="display:none" style=&{head};>
   
      <font color="#009966">
      <li id="foldheader">Tecnol.de la Informacion y Comunicacion</li></font>
      <ul id="foldinglist" style="display:none" style=&{head};>
		
         <li><strong>3er. Cuatrimestre</strong></li>
		 <ul id="foldinglist" type="disc">
		 <li><a href="3ro. A TIC.xls" target="_blank">Grupo A </a></li>
		 <li><a href="3ro. B TIC.xls" target="_blank">Grupo B </a></li>
		 <li><a href="3ro. C TIC.xls" target="_blank">Grupo C </a></li>
		 <li><a href="3ro. D TIC.xls" target="_blank">Grupo D </a></li></ul>
	  </ul>

      <font color="#009966"><li id="foldheader">Administracion </li></font>
      <ul id="foldinglist" style="display:none" style=&{head};>
		
         <li><strong>3er. Cuatrimestre</strong></li>
		 <ul id="foldinglist" type="disc">
		 <li><a href="3ro. A AEP.xls" target="_blank">Grupo A </a></li>
		 <li><a href="3ro. B AEP.xls" target="_blank">Grupo B </a></li></ul>
      </ul>
	  
      <font color="#009966"><li id="foldheader">Contaduria</li></font>
      <ul id="foldinglist" style="display:none" style=&{head};>
         
         <li><strong>3er. Cuatrimestre</strong></li>
		 <ul id="foldinglist" type="disc">
		 <li><a href="3ro. A CONTA.xls" target="_blank">Grupo A </a></li>
		 <li><a href="3ro. B CONTA.xls" target="_blank">Grupo B </a></li></ul>
      </ul>

        <font color="#009966"><li id="foldheader">Mecanica</li></font>
      <ul id="foldinglist" style="display:none" style=&{head};>
      
         <li><strong>3er. Cuatrimestre</strong></li>
		 <ul id="foldinglist" type="disc">
		 <li><a href="3ro. A MEC.xls" target="_blank">Grupo A </a></li>
		 <li><a href="3ro. B MEC.xls" target="_blank">Grupo B </a></li>
		 <li><a href="3ro. C MEC.xls" target="_blank">Grupo C </a></li>
		 <li><a href="3ro. D MEC.xls" target="_blank">Grupo D </a></li>
        </ul>
		</ul>
		 	  
      <font color="#009966"><li id="foldheader">Agrobiotecnologia</li></font>
      <ul id="foldinglist" style="display:none" style=&{head};>
         
         <li><strong>3er. Cuatrimestre</strong></li>
		 <ul id="foldinglist" type="disc">
		 <li><a href="3ro. A AGRO.xls" target="_blank">Grupo A </a></li></ul>
		 
      </ul>

      <font color="#009966"><li id="foldheader">Tecnol. de Alimentos</li></font>
     <ul id="foldinglist" style="display:none" style=&{head};>
      
         <li><strong>3er. Cuatrimestre</strong></li>
		 <ul id="foldinglist" type="disc">
		 <li><a href="3ro. A TA.xls" target="_blank">Grupo A </a></li>
		 <li><a href="3ro. B TA.xls" target="_blank">Grupo B </a></li></ul>
      </ul>  
</ul>

</body>
</html>

Tigervlc · #2 (**permalink**) 01/08/2007, 11:54

Yo creo que document.all no está soportado en muchos navegadores (es un recurso anticuado del IE4), y por ello te dará retorno nada más empezar.