Mensaje de descripción onmouseover

Usa_Firefox · #1 (**permalink**) 20/04/2009, 13:03

Hola!

Ayer me topé con una buena "cosa" para mi web... se trata de una caja de explicación, que aparece al hacer onmoseover en algún enlace...

Imagen de ejemplo:

Quisiera hacer algo parecido, pero no sé cómo hacerlo...

Saludos!

Edito: Parece de una web X, pero es de una web de diversión ehh... (para evitar malos pensamientos)

TonyChile · #2 (**permalink**) 20/04/2009, 13:11

Yo uso algo parecido mira pero el efecto es distinto ya que aparece una caja en donde salen las letras con un efecto desde izquierda a derecha el codigo que debes poner es:

Esto antes del <html>

Código javascript:

Ver original<SCRIPT LANGUAGE="JavaScript">
 
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
</script>

esto en el body asi:

Código asp:

Ver original<body>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:#CCCCCC;z-index:10"></div>

y despues solo lo debes poner donde lo necesites mostrar de la siguiente forma por ejemplo asi dentro de una caja de texto o en un boton como quieras:

Código asp:

Ver original<tr>
      <td width="38%" nowrap class="Estilo7">Notas:</td>
      <td colspan="2">
           <input name="Nombre del campo text(en este caso)" size="25" maxlength="200"  onMouseover="showtip2(this,event,'Permite ingresar datos extras que no se encuentran en las otras opciones');" onMouseout="hidetip2();" STYLE="cursor: hand"><BR>      
      </td>
  </tr>

espero te sirva

TonyChile · #3 (**permalink**) 20/04/2009, 13:17

Me dices si te sirve lo que publique no se si esperabas ese tipo de forma de mostrar la informacion
por lo menos a mi me sirve y mucho

Usa_Firefox · #4 (**permalink**) 20/04/2009, 13:22

Muchas gracias por el esmero en esa gran respuesta... pero esque no eso lo que buscaba, ya que quisiera algo lo más parecido posible a la imagen

Saludos y gracias

TonyChile · #5 (**permalink**) 20/04/2009, 13:27

A OK lo q pasa es q lo q te envie tambien funciona de la misma forma q lo q necesitas pero tan solo es otra forma de mostrar la informacion. Tu klo q deseas sino me equivoco es como lo q se usa aca en el foro cuando uno se posiciona cobre un de los temas por ejemplo y muestra informacion de una cierta cantidad de caracteres de lo q trata. O mostra informacion dee esa forma pero lo que esta predestinado q tu colocas en el codigo?

Si es asi creo no poder ayudaret ya q no lo se hacer de esa forma

TonyChile · #6 (**permalink**) 20/04/2009, 13:28

Mmmmmmmmm no se me ocurre como mostrarte el efecto que tiene lo que postee creo que la unica forma es que lo pruebes ya que no se donde hay una pagina con ese efecto

Usa_Firefox · #7 (**permalink**) 20/04/2009, 13:29

No importa... Al menos lo intentaste... Ya habrá alguien que pueda ayudarNOS y así aprenderemos los dos

Saludos!

TonyChile · #8 (**permalink**) 20/04/2009, 13:43

Que estes muy bien

Usa_Firefox · #9 (**permalink**) 23/04/2009, 07:40

Cita:

Iniciado por TonyChile

Que estes muy bien

Gracias : -)

¿Alguien tiene la solución?