Slozity dotaz - vyskakovaci div ruzne pozicovany

Celé to je docela komplexní záležitost, ale jak to vidím já, tak první věc, kterou potřebuješ znát jsou souřadnice myší. Ty získáš tak, že si na událost onmousemove nad dokumentem píchneš něco co ti je bude vracet, třeba takhle:

function get_coordinates ( e )

{

	if(document.getElementById)

	{

		

		x = (ie5)?event.x:(ns6)?clientX=e.clientX:false;

 		y = (ie5)?event.y:(ns6)?clientY=e.clientY:false;



	}

}

document.onmousemove = get_coordinates;	

Tím dostaneš do x a y souřadnice myši.

Další věc kterou potřebuješ znát jsou souřadnice a rozměry toho elementu (divu) nad kterým chceš ten hint za kurzorem zobrazit. Tyhle informaci zjistíš, nějak takhle:

document.getElementById('id_divu').Top; // souradnice y

document.getElementById('id_divu').Left; // souradnice x

document.getElementById('id_divu').Width; // souradnice sirka

document.getElementById('id_divu').Height; // souradnice vyska

. Rozhodně ti doporučuji nainstalovat si FireFox s DOM inspektorem. Ve struktuře dokumentu se proklikáš až na tebou požadovaný element a zjistíš, jaké má vlastnosti které by jsi mohl ve svém záměru použít. Na zkoušku můžeš použít i tenhle jednoduchý bookmarkový DOM Inspektor http://slayeroffice.com/tools/modi/v2.0/modi_help.html.

Za třetí musíš nějak nastavit pozici toho hintu za myší. Nejspíš to bude nejlepší udělat, jako absoultně pozicovaný div, s pevně stanovenými rozměry, kterému budeš po změně souřadnic myši měnit i pozici nastavenou ve stylech. Nějak takhle:

	element.style.left = x;

	element.style.top = y;

Vlastnosti Top a Left samotného elementu (viz. výše) jsou pouze pro čtení, takže je nelze pro nastavení pozice použít.

Potom už jenom zbývá slepit všechno do hromady, kombinací pozic, výšek, šířek a podmínek, jestli není některá z nich překročena. Btw. bez DOM inspektoru se určitě neobejdeš, mrkni na něj...