Autor Zpráva
mark92
Profil
Zdravím, mám kód:
<div id="div" style="background: #808; width: 500px; height: 500px;">
  <div style="position: relative; background: #F88; width: 100px; height: 100px; top: 50px;"></div>
</div>
<script>
document.getElementById("div").onmousemove = function(e){udalost(e);};
function udalost(e)
  {
  if (!e) e = event;
  document.getElementById("span").innerHTML = e.offsetX+"__"+e.offsetY;
  }
</script>
<span id="span"></span>

dá sa nejak urobiť to, aby mi vrátilo korektné súradnice pohybu myši aj keď ňou prejdem cez menší div? vďaka...
_es
Profil
mark92:
document.getElementById("div").onmousemove = function(e){udalost(e);};
Nejaké divné, prečo nie jednoducho:
document.getElementById("div").onmousemove = udalost;
Funkčnosť skriptu si si asi neoveril vo viacerých prehliadačoch, že?
mark92
Profil
myslel som, ze kompatibilita kódu pre prehliadače tu nehrá veľkú úlohu, preto sa ospravedlňujem a upravujem JS kód:
<script>
document.getElementById("div").onmousemove = udalost;
function udalost(e)
  {
  if (!e) e = event;
  x = e.offsetX ? e.offsetX : e.layerX;
  y = e.offsetY ? e.offsetY : e.layerY;
  document.getElementById("span").innerHTML = x+", "+y;
  }
</script>

no to nerieši moj problém. Pri pohybe myšou v menšom elemente mi vracia súradnice vzhľadom na menší element a nie ten rodičovský.
Louka
Profil
mark92:
Tak zjisti souřadnice toho menšího elementu a přičti je, měl bys získat souřadnice vzhledem k rodičovskému.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0