Por que esto no funciona en Firefox?

[MasterXNicoX]

Hola gente, tengo un problemita...

Tengo un menu de esta forma:

Código:

<ul id="nav">

	<li><a id="b" class="tt" href="#" style="background:#52Cd52" onmousedown="this.style.backgroundColor='#52CC52';m.style.backgroundColor='#B1C9FC';r.style.backgroundColor='#B1C9FC';d.style.backgroundColor='#B1C9FC';" onmouseup=""><span>Tal cosa</span>MENU1</a></li>

	<li><a id="m" class="tt" href="#" onmousedown="this.style.backgroundColor='#52CC52';b.style.backgroundColor='#B1C9FC';r.style.backgroundColor='#B1C9FC';d.style.backgroundColor='#B1C9FC';"><span>tal otra cosa</span>MENU2</a></li>

	<li><a id="r" class="tt" href="#" onmousedown="this.style.backgroundColor='#52CC52';b.style.backgroundColor='#B1C9FC';m.style.backgroundColor='#B1C9FC';d.style.backgroundColor='#B1C9FC';"><span>tal otra cosa</span>MENU3</a></li>

	<li><a id="d" class="tt" href="#" onmousedown="this.style.backgroundColor='#52CC52';b.style.backgroundColor='#B1C9FC';m.style.backgroundColor='#B1C9FC';r.style.backgroundColor='#B1C9FC';"><span>tal otra cosa</span>MENU4</a></li>

</ul>

Al apretar cada link, el color de fondo de dicho link se pone de x color y los demas y color.
Al presionar otro link, este nuevo se pone de x color y los demás de y color, de manera que sólo un enlace por vez tiene x color y es el último que se presionó...

Esto funciona en todos los navegadores menos en Firefox...

Alguien sabe por que puede estar pasando esto??

Saludos!! Dejaré karma al que me ayude!!!

Desde ya, Gracias!!!

[MasterXNicoX]

Aun no encuentro la falla u.u
Se les ocurre algo?? :-/

[emprear]

MasterXNicoX:

El Firefox en principio, genera errores en la consola de errores de Javascript,
b no esta definido
m no esta definido
y asi sucesivamente en la medida que apretas los links, parece que es más estricto respecto de los otros navegadores
por cierto, en el resto de los navegadores, eso tal cual está no funciona adecuadamente, ya que al cargar la página por primera vez, solo un link esta resaltado.

No sé que es exactamente queres de tu menú, si lo que queres es que el link correspondiente a la página activa sea diferente a los del resto, hay otras formas de resolverlo, yo normalmente lo hago con php+css que es un poco más dinámico. solo con CSS tambien lo podés hacer.

Si es con Javascript, tambien, pero necesitas crear la función apropiada

Saludos

[MasterXNicoX]

Iniciado por emprear

si lo que queres es que el link correspondiente a la página activa sea diferente a los del resto, hay otras formas de resolverlo

Así es emprear, eso es lo que quiero, pero sólo encuentro soluciones con JQUERY...
Podrías darme alguna guía en la que se pueda hacer con CSS o PHP??

No quiero usar JavaScript...

Y a qué se refiere con que b y m no están definidos??

Lo que estaba intentando hacer era que cada uno de esos enlaces cargara un iframe
y funcionaba bien en los demás navegadores que no sean Firefox...

En fín si me puedes ayudar en lo que está en verde estaría muy agradecido colega!!!

Un abrazo!!!

[emprear]

MasterXNicoX:

yo te dejo esto a ver si te sirve, ahora que si estás usando iframes, no te queda otra que javascript, ya que nunca vas a salir de la página en la que estás


Si tenés muchas páginas, el sistema que te muestro puede optimizarse.
y con el css podés manejar cualquier cosa, no solo el color de fondo

http://foros.emprear.com/php/menu_php/inicio.php

Ah, y que uses javascript no necesariamente implica que tengas que usar jquery, hay funciones mas sencillas

Saludos

[MasterXNicoX]

Excelente compa!! Lo revisaré!!! Gracias colega!!!