Comentarios en: Sweet Titles: Bonitos Tooltips semi transparente para nuestros enlaces

Por: ACAXAO

ACAXAO — Fri, 22 Aug 2008 07:43:43 +0000

E R R O R
Hola, estaba probando este tooltip, en firefox me jala muy bien, pero en Microsoft Internet Explorer si bajo la ventana el tooltip ya no se ve porque aparece muy arriba, así que encontré como solucionarlo, en el archivo js “sweetTitles”( que descargamos en esta pagina ), tiene el código para leer la posición del Mouse, lo tiene de la siguiente manera:

if ( document.captureEvents ) {
sweetTitles.xCord = e.pageX;
sweetTitles.yCord = e.pageY;
} else if ( window.event.clientX ) {
sweetTitles.xCord = window.event.clientX+document.documentElement.scrollLeft;
sweetTitles.yCord = window.event.clientY+document.documentElement.scrollTop;
}

Todo eso lo sustituí por:

/*ie la ocupamos para saber si estamos en Microsoft Internet Explore o en otro navegador:*/
var ie = document.all ? true : false;
/*Si estamos en Microsoft Internet Explore, se lee la posición del Mouse de la siguiente forma:*/
if (ie){
sweetTitles.xCord = event.clientX+document.body.scrollLeft;
sweetTitles.yCord = event.clientY+document.body.scrollTop;
}
/*en otros exploradores es */
else{
sweetTitles.xCord = e.pageX;
sweetTitles.yCord = e.pageY;
}

Y ya jala en Microsoft Internet Explorer, gracias por poner estos minitutos, espero que esto le sea útil a alguien mas, gracias

Por: Abraham

Abraham — Sun, 03 Aug 2008 05:06:20 +0000

He probado lo último y resultó verdad… ahora ya quedó así:

this.tip.innerHTML = “”+anch.getAttribute(‘tip’)+”";
if ( parseInt(document.documentElement.clientWidth+document.documentElement.scrollLeft) la_url y, dado que ya no esta, pues entonces tambien podemos quitar el CSS del em porque ya no lo vamos a usar

Por: Abraham

Abraham — Sun, 03 Aug 2008 05:04:02 +0000

Para los que no han podido quitar la URL del tooltip, basta con cambiar:

div#toolTip p em {
display: block;
margin-top:3px;
color:#f60;
font-style:normal;
font-weight:bold;
}

Por:

div#toolTip p em {
display: none;
}

Y lo que hacen es ocultarl el em, que es la parte que trae la URL.

Otra idea que tengo, es que se podría cambiando esta linea del js:

this.tip.innerHTML = “”+anch.getAttribute(‘tip’)+”“+access+addy+”“;

Por algo asi:

this.tip.innerHTML = “”+anch.getAttribute(‘tip’)+”";

Y asi no se genera el que es lo que trae la URL…

Espero haber sido de ayuda jeje

Por: alvaro

alvaro — Sun, 18 May 2008 08:29:37 +0000

Muy bueno tu tooltip pero como le hago para que no salga en todos los link, que le debo mover para que no me salga en todos los links :S ayuda!!!!!

Por: javier

javier — Tue, 13 May 2008 21:47:44 +0000

este tooltip es sólo para ser usado en enlaces? o pueod tb usarlo si se hace mouseover en un cuadro de texto por ejemplo?

Por: hernan

hernan — Sun, 30 Dec 2007 23:58:20 +0000

Te hago una consulta para eliminar la url al final del tooltip como tengo que hacer?

gracias y muy buena la pagina!

Por: jose

jose — Mon, 03 Sep 2007 19:32:50 +0000

Hola,

este trukillo está muy chulo. Yo quería saber si se puede hacer que esté activo solo en algunos casos o una vez que lo pones sale el tooltip para todos los links…

Muchas gracias

Por: Sweet Titles, tooltips semi transparente para los enlaces « Cosas sencillas

Sweet Titles, tooltips semi transparente para los enlaces « Cosas sencillas — Fri, 31 Aug 2007 16:40:30 +0000

[...] Titles, tooltips semi transparente para los enlaces En XYBERNETICOS nos muestran a Sweet Titles es un script que nos permite generar en nuestros enlaces tooltips. Los [...]

Por: Rosella

Rosella — Fri, 31 Aug 2007 15:10:53 +0000

Excelente tip Nikko!Muchas gracias.
Por cierto te he dejado en tu buzon de gmail un correo y no me has respondido ni nada espero que no haya ido a parar al spam…
Saluditos