Buenos días a todos y en especial a ti
indio-, que va dirigido este post.
Te voy a dejar aqui puesto el códiugo de mi propia librería de Tooltip's a fin de que le des un buen uso.
Esta bastante abanzada, pero no descarto modificaciones y mejoras.
se compone de 3 ficheros:
a) Fichero de CSS
Código PHP:
/* Estilos de separadores */
.sp {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1px;text-decoration:none;color: #EFEFEF;line-height:1px}
.a11_EFEFEF {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 11px;text-decoration:none;color: #EFEFEF;}
b) Fichero HTML, donde puedes ver sus usos
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tooltip</title>
<link rel="STYLESHEET" type="text/css" href="css/estilos.css">
<script src="tooltip.js" type="text/javascript"></script>
</head>
<body>
<center>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#" onmousemove="mostrar_tooltip(event,998,'!Este es el mensaje al poner el raton encima')">Ponme el raton encima :)</a><br><br><br>
<a href="#" onmousemove="mostrar_tooltip(event,999,'!salir')">Otro tipo de mensaje</a><br><br><br>
<a href="#" onmousemove="mostrar_tooltip(event)">Si no defines mensaje ni codigo de evento</a><br><br><br>
<a href="#" onmousemove="mostrar_tooltip(event,1,'perro')">Otro tipo de mensaje (para que saque el artículo del parámetro MASCULINO)</a><br><br><br>
<a href="#" onmousemove="mostrar_tooltip(event,1,'gata')">Otro tipo de mensaje (para que saque el artículo del parámetro FEMENINO)</a><br><br><br>
</center>
</body>
</html>
c) Y por último la libreria JS donde está el código del Tooltip
LO POSTEO LUEGO, porqu eme quedaba sin espacio en el post para seguir escribiendo
Creo que está bastante bien, y se salta bastantes problemas que en este foro habíamos visto y hablado respecto a otros que ya se hicieron.
Uno de los problemas principales, es que si pones un tooltip de los cotidianos, sobre ciertos elementos de formulario (select y select múltiple) los otros tooltips se quedaban por detras de dichos elementos. Este tiene un "abanzado" jejeje desarrollo para evitar lo comentado.
Toda persona que coja este tooltip, lo destripe y le saque defectos y mejoras, porfavor, háganmelo saber, para incluir dichas mejoras en mi librería.
Espero que esto te sea útil.
Un saludo a tod@s.
