Codigo funciona correctamente en Internet Explorer pero no en Firefox Mozilla

[diex00]

Hola, tengo un problema que parece sencillo pero que no puedo resolver.

Código:

<a onMouseOver="Mostrar(Erik)" onMouseOut="Mostrar(Erik)">Erik Getters</a>

<div id="Erik" style="display:none;">
<b>Name</b>: Erik Getters
<b>Nationality</b>: English
<b>Position</b>: Goalkepper</div>

<script language="JavaScript">
function Mostrar(Div){
   if (Div.style.display == "none"){
   Div.style.display = ""
   }
   else{
   Div.style.display = "none"
   }
}
</script>

El codico anterior imprime unos datos cuando el raton pasa por encima del nombre "Erik Getters". Esto ocurre en IE pero no en Modzilla Firefox, que aparentemente lo ignora.
He visto otros hilos y he probado con el siguiente codigo

Código:

<script language="JavaScript">
function Mostrar(Div){
   if (document.getElementById("Div").style.display == "none"){
   document.getElementById("Div").style.display = ""
   }
   else{
   document.getElementById("Div").style.display = "none"
   }
}
</script>

Este segundo codigo, que para otros habia sido una solucion al problema, a mi no me funciona ni en IE ni en mozilla...

[David]

El eterno problema de Internet Explorer con los atributos name e id.

En este caso lo que tienes que hacer es pasarle el Erik entre comillas ya que es el id del elemento y obtenerlo con getElementById para hacer las modificaciones.

Tu segundo código puede funcionar si cambias todos los "Div" por "Erik" ya que es el id de tu div, y quitando el parámetro.

Saludos .

[JavierB]

Hola diex00

Tienes que cambiar alguna cosas:

Código javascript:

<a onmouseover="Mostrar('Erik')" onmouseout="Mostrar('Erik')">
 

Código javascript:

if (document.getElementById(Div).style.display == "none"){
 

Saludos,

[diex00]

Mil Gracias, ya me funciona...