script que funciona en Explorer pero NO en Firefox 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>
Gracias y Salu2!
