tool tip en forma de globo

[chalchis]

Hola amigos estoy utilizando un tool tip muy padre, solo que me tope
con un problem

http://www.dhtmlgoodies.com/index.ht...bubble_tooltip

Tengo dos frames uno como cabezera y otro como contenido, en el frame de contenido imprimo unas imagenes estas estan cerca del borde superior del frame de contenido en las imagenes aplico el tooltip ,el problema es que cuando paso el mause sobre la imagen el tool tip se recorre hasta arriba pasando por debajo del frame cabezera y se ve mocho eh aqui un ejemplo de como se ve



como le puedo modificar ,para que cuando tope el borde superior del frame cabezera se baje el tool tip

saludos amigos
espero sus comentarios

gracias

[skatomundo]

Creo que posisionarlo o hacerlo visible sobre los límites del navegador no pasará..

Pero se puede obtener lo límites o posiciones "e.clientY" y señalarle ahí que sí se obtiene un "obj.style.top" < "a alguna Posición Y" se muestre en otro lugar o de la Forma Hacia abajo con flecha inferior.

espero me entiendas, tengo como la idea, bajé el ejemplo y lo estoy viendo..

[skatomundo]

Es como tener 2 layer, es decir uno para los elementos TOP, para que no sea mostrado el layer hacia arriba, sino hacia abajo.

[chalchis]

ehhh la verdad amigo gracias por la ayuda pero si me puedes ayudar en modificar el escript seria de mucha ayuda ya que no soy muy bueno en javascrip

saludos

espero tus comentarios

[paulkees]

Hola chalchis...
Te recomiendo estos tooltips... hay varios para elegir y con ellos no tendras ese problema...
http://www.dyn-web.com/
Saludos.-

[chalchis]

orale gracias paulkees por la recomendacion
pero creo lo tomare en cuenta pero mi idea fue
hacer un tool tip muy distinto y la ideal del globo
esta padre pero de todas maneras te loa agradesco y
lo tomo mucho en cuenta gracias men

saludos

Iniciado por paulkees

Hola chalchis...
Te recomiendo estos tooltips... hay varios para elegir y con ellos no tendras ese problema...
http://www.dyn-web.com/
Saludos.-

[skatomundo]

Estube tratando de modificarlo, pero no me ha resultado.. en todo caso cualquiera sea el tooltip se limita por bajo los límites del navegador..

pero trataré de hacerlo cualquier momento..

Revisando los otros el sitio que recomendaron y por ahí encontré unos Scrolling layer bastante buenos...

saludos!

[chalchis]

no pues gracias men por el esfuerzo yo hice una prueba comentando
esta linea

obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
aparentemente lo deja bien ya no pasa por debajo del frame
pero queda fija la posicion

[chalchis]

hola skatomundo
men creo que ya me salio

function showToolTip(e,text){
if(document.all)e = event;

var obj = document.getElementById('bubble_tooltip');
var obj2 = document.getElementById('bubble_tooltip_content');
obj2.innerHTML = text;
obj.style.display = 'block';

var st = Math.max(document.body.scrollTop,document.document Element.scrollTop);
if(navigator.userAgent.toLowerCase().indexOf('safa ri')>=0)st=0;
var leftPos = e.clientX - 100;
if(leftPos<0)leftPos = 0;
obj.style.left = leftPos + 'px';
//obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
var tope= e.clientY - obj.offsetHeight -1 + st;
//alert(tope);
if(tope>0)
{
obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
}
else
{
obj.style.top='0px';
}

Iniciado por skatomundo

Estube tratando de modificarlo, pero no me ha resultado.. en todo caso cualquiera sea el tooltip se limita por bajo los límites del navegador..

pero trataré de hacerlo cualquier momento..

Revisando los otros el sitio que recomendaron y por ahí encontré unos Scrolling layer bastante buenos...

saludos!

[skatomundo]

En el caso del ELSE, siendo TOPE < 0:

POdemos agregar algo así, para poder darle como la posicion real bajo el Texto..

Código PHP:

  if(tope>0){
    obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
}else{
    obj.style.top = (e.clientY + tope) + obj.offsetHeight -1 + st + 'px';
} 
   

ahora habría que diseñar otro layer que sea mostrado.. con la flecha hacia arriba..

[chalchis]

ok

Iniciado por skatomundo

En el caso del ELSE, siendo TOPE < 0:

POdemos agregar algo así, para poder darle como la posicion real bajo el Texto..

Código PHP:

  if(tope>0){
    obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
}else{
    obj.style.top = (e.clientY + tope) + obj.offsetHeight -1 + st + 'px';
} 
   

ahora habría que diseñar otro layer que sea mostrado.. con la flecha hacia arriba..