Menú desplegable en JavaScript para todos los navegadores

barryelsucio · #1 (**permalink**) 07/07/2011, 18:45

Jeloou!
Verán, estoy haciendo una página web y le he creado un menú desplegable tal que así:
<script language="JavaScript">
function big(lyr) {
document.all[lyr].style.height='100px';
function small(lyr) {
document.all[lyr].style.height='32px';
}
function start() {
document.all.Layer1.style.height='32px';
document.all.Layer2.style.height='32px';
document.all.Layer3.style.height='32px'; }
</script>
</HEAD>
</b>
<BODY onLoad="start()">
</p>
<p align="center">
<BODY onLoad="start()">
</p>
</br>
</br>
</br>
<div id="Layer1" style=" width:155px; height:140px; left: 104px; top: 58px; background-color: #000000; layer-background-color: #FFFFCC; border: 1px none #000000; overflow: hidden" onMouseOver="big('Layer1')"; onMouseOut="small('Layer1')">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif">
<p align ="top" style ="font:14px Arial Black;color:white;">Lanzamientos</p>
<a href="http://barryelsucio.site50.net/?p=57"><p class="textomenu">Mucha Mierda</p></a>
</div>
<a href="http://barryelsucio.site50.net/?p=270"><p align ="center" class="textomenu">Círculos en las Cosechas</p></a><br>
</div>

Como pueden ver no es una obra de la ingeniería moderna, es bastante sencillito, aunque a mí me costó lo suyo. El problema, para mi horror, es que es desplegable para Chrome, para Firefox es sólo menú... y para los otros jamás existió.

A ver si ustedes conocen alguna forma de normalizar todo esto, me sería de gran ayuda. Gracias por su atención!

zerokilled · #2 (**permalink**) 07/07/2011, 21:20

Jell-O!
lo primero y más importante es que escribas sintáxtica y semánticamente bien. de la misma forma que nadie te puede entender si no escribes bien español, de esa misma forma un navegador poco podría entenderte si no escribes bien los códigos. fijate que tienes un cuerpo de función sin cerrar. por otro lado, tienes dos cuerpos (<body>) html. y finalmente, procura utilizar código compatible. generalmente, el código estandar debería ser compatible. en tu caso, document.all no es la forma correcta de obtener un elemento. debes utilizar el metodo estandar document.getElementById.

barryelsucio · #3 (**permalink**) 08/07/2011, 07:03

Aghs! Error de principiante somnoliento!

sorry!
Ya he arreglado mi código sintácticamente... he cambiado el all por getElementById y bien, ahora funciona tan bien en Chrome como en Firefox... perfect!! Sin embargo, he probado con otros navegadores que tengo (concretamente Opera y Safari) y tengo el mismo problema, como si no hubiera nada. ¿Puedo controlar estos navegadores en el Script y desviarlos hacía un código que funcione para ellos? ¿Qué código? ¿Me explico bien? Muchas gracias