[JS] Pozycja myszy w JS

0

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

0

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>
0

o, fajne ale nie dziala pod firefoxem :/
ale widze, ze jest chyba do poprawienia...

0

teraz nie mam czasu aby cos wymyslec ale zobaczyc warto na
http://www.knoppix.org/
tam sa takie opisy na stronie glownej

powodzenia

0
<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>
0

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.

0

kod piechnat'a dziala pod FF

// dodam jeszcze ze pod Opera 8 tez mi dziala - m.piechnat

1 użytkowników online, w tym zalogowanych: 0, gości: 1