mostrar div con mouseover

[jhz1983]

buentas tengo un script php que carga una serie de información y me gustaria cargar un link con un mouseover que muestre un div .. pero no consigo que funcione.

{

echo("<SECTION>
<a href=\"\" onmouseover=\"getElementByClass(\"informacion\").s tyle.visibility=\"visible\"\"><IMG SRC=\"".$res["ImagenP"]."\" class=\"prueba\"></a><DIV class=\"informacion\">jeajejae</DIV></SECTION>");
}

}
tengo este código y ya he probado de todo y no consigo que funcione.. a ver si vosotros veis algo porque yo ya tengo la cabeza como un bombo xD

[Italico76]

Hola

La funcion que se llama getElementsByClass() --en plural--

Si es un solo elemento con esa Class.... puedes acceder directamente a ese elmento como el primero del arreglo con [0], asi:

Código Javascript:

getElementsByClass("informacion")[0].style.visibility="visible";
 

[jhz1983]

sigue sin funcionar .. arg

este es el archivo de css
.informacion {background-color:black;width:100%;height:50%;position:absolut e;bottom:0px;color:white;opacity:.40;visibility:hi dden;}

y el php que carga el codigo:
{

echo("<SECTION> <a href=\"hola.php\"

OnMouseOver=\"getElementsByClass(\'informacion\'). style.display=\'visible\'\">

<IMG SRC=\"".$res["ImagenP"]."\" class=\"prueba\"></a><DIV class=\"informacion\">jeajejae</DIV></SECTION>");
}

}

[Italico76]

Amigo:

Te dare un consejo (no lo tomes como sobervia, tambien soy aprendiz):

No escapes todo ese codigo en Javascript sino que esté todo el tiempo en tu HTML para poder debuguear mejor desde la "consola" del navegador y solo define una variable en JS que si esta en True hace que funcione.... entonces todo lo que haces con PHP es cambiar el valor de esa variable ya se escribiendola ANTES o bien mediante Ajax

Ahora... por que te da error ? yo si encuentro al menos un error:

El resultado de getElementsByClass() debe asignarse a alguna variable sino que estas haciendo ? que esperas hacer con esa seleccion..... nada ?

[pzin]

Con CSS lo tienes más fácil:

Código CSS:

a:hover + .informacion {
  display: block;
}
 

Que, dicho sea de paso, visible no es un valor válido para display. Si lo es para visibility.

[jhz1983]

gracias es verdad lo de visibility.. voy más perdido.. he probado como tu me has dicho sólo con css y ahora todo va bien mientras mantengo el mouse encima de la parte que no cubre el div que aparece... pero si me coloco encima empieza a parpadear de forma extraña y el puntero parece que se vuelve loco cambiando de la mano a la flecha y de la flecha a la mano.. parece un fiestero todo loco.