Witam!
Mam problem: chciałbym pozycjonować diva względem pozycji myszy i nie bardzo wiem jak to zrobić.... Mam nadzieję, że ktoś zna rozwiązanie.....
Pozdrawiam, Vegat
Witam!
Mam problem: chciałbym pozycjonować diva względem pozycji myszy i nie bardzo wiem jak to zrobić.... Mam nadzieję, że ktoś zna rozwiązanie.....
Pozdrawiam, Vegat
pisane na szybko - sprawdzane na ie - reszte pokombinuj
<script language="Javascript">
function mouse(nazwa)
{
document.all[nazwa].style.left=event.x+document.body.scrollLeft+15;
document.all[nazwa].style.top=event.y+document.body.scrollTop;
}
function widok(nazwa,widok)
{
document.all[nazwa].style.visibility=widok;
}
</script>
<a href="#" onMouseOver="widok('war1','visible')" onMouseOut="widok('war1','hidden')" onMouseMove="mouse('war1')">Odsyłacz__1</a>
<br>
<a href="#" onMouseOver="widok('war2','visible')" onMouseOut="widok('war2','hidden')" onMouseMove="mouse('war2')">Odsyłacz__2</a>
<div id="war1" style="filter:alpha(opacity=70); position:absolute; visibility:hidden; background:orange;">---Opis1---Opis1---Opis1---</div>
<div id="war2" style="filter:alpha(opacity=70); position:absolute; visibility:hidden; background:green;">---Opis2---Opis2---Opis2---</div>
o, fajne ale nie dziala pod firefoxem :/
ale widze, ze jest chyba do poprawienia...
teraz nie mam czasu aby cos wymyslec ale zobaczyc warto na
http://www.knoppix.org/
tam sa takie opisy na stronie glownej
powodzenia
<script>
function engine(e) {
var b = document.body, x, y;
e = e || event;
x = e.clientX + b.scrollLeft;
y = e.clientY + b.scrollTop;
with (document.getElementById('test_box').style) {
left = x + 'px', top = y + 'px';
}
}
document.onmousemove = engine;
</script>
<div id="test_box" style="position: absolute;
width: 100px; height: 100px; background: red"></div>
Niestety, podane sposoby nie diałają pod Operą i FF.
FF twierdzi, że nie ma obiektu event (event is not defined) a opera po prostu nie przesuwa bloku.
kod piechnat'a dziala pod FF
// dodam jeszcze ze pod Opera 8 tez mi dziala - m.piechnat