tooltip

[Oki]

Witam serdecznie,

mam taki kod do pokazywania tooltipa po najechaniu myszką na link. Wszystko działa poprawnie, tylko jedna rzecz mnie denerwuje. Tooltip pokazuje się lekko w prawo i w dół. Jeżeli link jest na dole strony to tooltip jest niewidoczny, lub ucięty w połowie. Czy można zrobić tak, że gdy tooltip pojawia się poza stroną na dole to cała strona przesuwa się do góry tak, żeby tooltip był w całości widoczny?

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.documentElement.scrollTop);

if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;

var leftPos = e.clientX + 80;

if(leftPos<0)leftPos = 0;

obj.style.left = leftPos + 'px';

obj.style.top = e.clientY + obj.offsetHeight -195 + st + 'px';

}

function hideToolTip(){

document.getElementById('bubble_tooltip').style.display = 'none';

}

Pozdrawiam i z góry dziękuję.

[Mion]

A co to ma wspólnego z PHP i MySQL ?

[Oki]

Nic, ale widziałem w tym temacie inne posty z js i pomyślałem, że zapytam.

[-=SnU=-]

a nie prościej ruszyć tego tooltipa? zmienić cyferki na inne wartości poprzedzone + lub - co przesunie go góra-dół lub lewo-prawo

var leftPos = e.clientX + 80;

obj.style.top = e.clientY + obj.offsetHeight -195 + st + 'px';

[Mion]

jquery tooltip

[Oki]

Nie chce ruszać tooltipa. Strona na której się on znajduje składa się w głównej części z linków i po prostu chciałem, żeby użytkownik oglądając linki na dole nie musiał scrollować w dół, tylko tooltip by to za niego robił. Nie wiem za dużo o js. Myślałem, że to strawa jednej lub dwóch linijek. Jak ktoś może, to proszę o pomoc.

[Oki]

Mogę jeszcze przesunąć ten tooltip do góry, ale tam następny problem. Mam banerek flash i tooltip pojawia się pod nim (w sensie jest przykryty przez flasha). Czy można coś zrobić, żeby tooltip był nad flashem?

[Mion]

https://www.w3schools.com/css/pr_pos_z-index.asp