Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: ‭lipman en 10 Julio 2010, 10:14 am



Título: Parámetro "title"
Publicado por: ‭lipman en 10 Julio 2010, 10:14 am
Queria que apareciese un texto cuando se pusiera el ratón encima de un div. El parámetro title me permite hacer esto pero, no puedo realizar un salto de línea.

Me gustaría introducir un texto (que puede ser extenso) al pasar el ratón por encima, pero no puedo hacer si solamente me deja realizarlo en una sola línea (porque queda estéticamente mal)

Entonces, necesaria saber como realizar un salto de línea en el parámetro title, o averiguar otra función que me permita hacer eso.

Un saludo y gracias!


Título: Re: Parámetro "title"
Publicado por: Nakp en 10 Julio 2010, 21:34 pm
tendras que usar tooltips en javascript para tomar la info del "title" o en su defecto css pero tendras que usar divs o spans

un ejemplo:
http://flowplayer.org/tools/tooltip/index.html

;D


Título: Re: Parámetro "title"
Publicado por: ‭lipman en 10 Julio 2010, 22:01 pm
Lo ideal sería hacerlo en CSS, ya que en javascript no me quiero meter todavia xD y sí, uso divs, así que no tendría problema.

Entonces con ayuda de CSS como lo podria conseguir? >.<


Título: Re: Parámetro "title"
Publicado por: MinusFour en 11 Julio 2010, 03:16 am
Puedes probar también con jquery.

http://jquery.bassistance.de/tooltip/demo/

http://plugins.jquery.com/project/Tooltip


Título: Re: Parámetro "title"
Publicado por: jdc en 11 Julio 2010, 07:33 am
Para hacerlo con css también tendrías que usar javascript, y usar onmousmove en el div o algo asi para hacer visible o no el div...
 
Quizás me equivoque sólo es lo que se me ocurre.
 


Título: Re: Parámetro "title"
Publicado por: Nakp en 11 Julio 2010, 07:57 am
no necesariamente

http://www.blogohblog.com/pure-css-tooltips/
http://cssglobe.com/articles/link_tech/01.html


Título: Re: Parámetro "title"
Publicado por: ‭lipman en 11 Julio 2010, 12:52 pm
Perfecto, me ayudó muchísmimo el enlace http://cssglobe.com/articles/link_tech/01.html

Muchas gracias a todos, solved :3