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>