Hola a todos, tengo un pequeño problema /duda.
Lo que pasa es que tengo 1 scriprt con un menu dinámico para una página. Lo he probado en Internet explorer y se ejecuta correctamente; pero al abrirlo con firefox u otro navegador no me respeta el menú (posición de los elementos del menú).
Sin embargo como utilizo php para redirigir a un frame dinamico, éstas funciones funcionan correctamente, por lo que sospecho que se trata del jscript (no creo que se trate de la hoja de estilos)
Mi código es el siguiente:
Código HTML:
<html>
<head>
<style type='text/css'>
.divmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 158px;
border-bottom: 1px solid #ccc;
background: url(menu/araprin.jpg);
}
.divmenu ul li{
position: relative;
}
/*Sub level menu items */
.divmenu ul li ul{
position: absolute;
width: 158px; /*sub menu width*/
height: 21px;
top: 0;
visibility: hidden;
}
/* Sub level menu links style */
.divmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: navy;
text-decoration: none;
background: url (menu/araov1.jpg);
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
.divmenu ul li a:visited{
color: navy;
}
.divmenu ul li a:hover{
background: url(menu/araov1.jpg) no-repeat center right;
color: #990000;
}
.divmenu .subfolderstyle{
background: url(menu/araprin.jpg) no-repeat center right;
}
html .divmenu ul li { float: left; height: 1%; }
html .divmenu ul li a { height: 1%; }
</style>
<script type='text/javascript'>
var menuids=['opciones']
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName('ul')
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName('a')[0].className='subfolderstyle'
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+'px' //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName('a')[0].offsetWidth+'px' //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName('ul')[0].style.display='block'
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName('ul')[0].style.display='none'
}
}
for (var t=ultags.length-1; t>-1; t--)
{
ultags[t].style.visibility='visible'
ultags[t].style.display='none'
}
}
}
if (window.addEventListener)
window.addEventListener('load', buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent('onload', buildsubmenus)
</script>
</head>
<body>
<div class='divmenu'>
<ul id='opciones'>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=inicio' >Inicio</a></li>
<li><a href='#'>Unidad 1</a></li>
<ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=1.1' >Lección 1.1</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=1.2' >Lección 1.2</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=1.3' >Lección 1.3</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=1.4' >Lección 1.4</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=1.5' >Lección 1.5</a></li>
</ul>
</li>
<li><a href='#'>Unidad 2</a></li>
<ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=2.1' >Lección 2.1</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=2.2' >Lección 2.2</a></li>
</ul>
<li><a href='#'>Unidad 3</a></li>
<ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=3.1' >Lección 3.1</a></li>
</ul>
<li><a href='#'>Unidad 4</a></li>
<ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=4.1' >Lección 4.1</a></li>
</ul>
<li><a href='#'>Unidad 5</a></li>
<ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=5.1' >Lección 5.1</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=5.2' >Lección 5.2</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=5.3' >Lección 5.3</a></li>
</ul>
<li><a href ='#'>Cuestionarios</a></li>
<ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=renshu1' >Unidad 1</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=renshu2' >Unidad 2</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=renshu3' >Unidad 3</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=renshu4' >Unidad 4</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=renshu5' >Unidad 5</a></li>
</ul>
<li><a href='#'>Extras</a></li>
<ul>
<li><a href='#'>Vocabulario</a></li>
<ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario1' >Vocabulario 1</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario2' >Vocabulario 2</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario3' >Vocabulario 3</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario4' >Vocabulario 4</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario5' >Vocabulario 5</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario6' >Vocabulario 6</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario7' >Vocabulario 7</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario8' >Vocabulario 8</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario9' >Vocabulario 9</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=vocabulario10' >Vocabulario 10</a></li>
</ul>
<li><a href='#' >Edicion de Datos</a></li>
<ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=edicion'>Editar Nombre</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=edicion1' >Editar Contraseña</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=edicion2' >Editar Nickname</a></li>
</ul>
<li><a href='#' >Calificaciones.</a></li>
<ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=res1' >Unidad 1</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=res2' >Unidad 2</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=res3' >Unidad 3</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=res4' >Unidad 4</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=res5' >Unidad 5</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=zenbu' >Todas</a></li>
</ul>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=refranes' >Refranes Japoneses</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=nihon' >¿Sabías qué...?</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=music' >Música</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=descargas' >Descargables</a></li>
<li><a href='".$_SERVER["PHP_SELF"]."?modulo=otros' >Otros</a></li>
</ul>
<li><a href='salir.php'>Salir</a></li>
</ul>
</div>
</body>
</html> Les agradecería si me pudieran ayudar a ver en donde está el error para poder repararlo.
Gracias y Salu2!