div aparece y desaparece

[ivan_pala21]

muy buenas he encontrado una función buenísima en javascript que muestra un div al pasar por encima de un texto o donde lo quieras colocar es buena y simple creo,

el problema es que si quiero utilizarla para mas de un div es decir sacar mas de un mensaje como podría decirle a la función

el código es el siguiente:

Código Javascript:

<script language="javascript" type="text/javascript">
<!--
opac=0
goIn=null
 
function fade(dir){
if(document.all){document.all("fadimg").filters.alpha.Opacity=opac}
if(document.getElementById && !document.all){document.getElementById("fadimg").style.MozOpacity=(opac/100)-0.01}
if(document.getElementById && !document.all){document.getElementById("fadimg").style.KHTMLOpacity=(opac/100)-0.01}
if(document.getElementById && !document.all){document.getElementById("fadimg").style.opacity=(opac/100)-0.01}
if(dir==1 && opac<=100){opac=opac+2} else{clearTimeout(goIn)}
if(dir==0 && opac>=0){opac=opac-2} else{clearTimeout(goIn)}
goIn=setTimeout("fade('" + dir + "')", 10)
}
// -->
</script>
 

Código HTML:

<div id="muestra" onmouseover="fade(1)" onmouseout="fade(0)">mostrar mensaje</div>
<div id="fadimg" style=&#8221;filter:alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:visible&#8221;>
  <h4>hola mundo</h4>
</div>
 

el div id="muestra" sera el que al pasar por encima con el ratón mostrara el div="fadimg" la cuestión es que si quiero mostrar otro mensaje en otro div como le digo a la función.


ESTE SCRIPT SALIO DE ESTA PAGINA http://emilio.aesinformatica.com/2008/08/28/mostrar-y-ocultar-informacion-en-una-capa-al-pasar-el-raton/

[maycolalvarez]

1 - el tema NADA tiene que ver con PHP, es JAVASCRIPT

2 - la función NO está preparada para más de una sola capa, se puede mejorar pasando la capa por parámetro

3 - reportado el mensaje para que lo muevan al foro de javascript, favor de postear la próxima vez en el lugar correspondiente.

[Eleazan]

Fácil, añade un parámetro a la funcion fade que sea el id.. .por ejemplo:

Código Javascript:

<script language="javascript" type="text/javascript">
<!--
opac=0
goIn=null
*
function fade(dir, id){
if(document.all){document.all(id).filters.alpha.Opacity=opac}
if(document.getElementById && !document.all){document.getElementById(id).style.MozOpacity=(opac/100)-0.01}
if(document.getElementById && !document.all){document.getElementById(id).style.KHTMLOpacity=(opac/100)-0.01}
if(document.getElementById && !document.all){document.getElementById(id).style.opacity=(opac/100)-0.01}
if(dir==1 && opac<=100){opac=opac+2} else{clearTimeout(goIn)}
if(dir==0 && opac>=0){opac=opac-2} else{clearTimeout(goIn)}
goIn=setTimeout("fade('" + dir + "', '" + id + "')", 10)
}
// -->
</script>
 

Y después, le llamas así:
<div id="muestra" onmouseover="fade(1, 'fadimg')" onmouseout="fade(0)">mostrar mensaje</div>

Código HTML:

<div id="fadimg" style=&#8221;filter:alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:visible&#8221;>
  <h4>hola mundo</h4>
</div>
<div id="muestra2" onmouseover="fade(1, 'fadimg2')" onmouseout="fade(0)">mostrar mensaje 2</div>
<div id="fadimg2" style=&#8221;filter:alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:visible&#8221;>
  <h4>hola mundo</h4>
</div>
 

Algo así deberia funcionarte

[ivan_pala21]

gracias Eleazan pero no me funciona el * si lo pongo no muestra nada si lo quito funciona aparecen los mensajes al pasar por encima de la capa pero al sacar el cursor de la capa el mensaje permanece que puede ser .

[maycolalvarez]

obviamente el * fue un error de escritura y no debe de ir

[ivan_pala21]

y no sabrías el por que no funciona aparte de eso

[Eleazan]

Iniciado por ivan_pala21

y no sabrías el por que no funciona aparte de eso

Si intentas entender los cambios que he realizado, te darías cuenta de dónde está el error. En el mouseout se me ha olvidado añadirle el segundo parámetro

[ivan_pala21]

que no lo veo en el onmouseout te refieres a onmouseout="fade(0)" esta mal

[ivan_pala21]

solucionado tenias razón solo que yo añadí unas comillas y por lo visto sobraban gracias un karmita pa ti