Registrace událostí – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Dělá mi problém registrace událostí.
např.:

<script type="text/javascript">

document.getElementById('prvek').onMouseDown = mojeFunkce;

function mojeFunkce() {

//nějaký kód

}

</script>

moýná máš chybu právě v té funkci...hoď to sem celý ;o)

To Nefaritus : Jsem na úplném začátku projektu a nechtěl jsem události psát jako atributy do elementů (přijde mi to hrozně neelegantní :smile1: ), tak jsem chtěl vyzkoušet registraci událostí ve skriptu... opravdu jen vyzkoušet - mojeFunkce() zatím obsahuje jen alert('Hello, world!');, takže by bylo skutečně zbytečné ji tady uvádět :smile1: . Není třeba možné, že se nedá registrovat událost objektu zjištěného pomocí metody getElementById()?

Fakt netusim co tam je zle.

V onmousedown všechna malá písmena dej. ,)
Edit: Jak bych to řešil já - při události bych vzal aktuální polohu myši a začal zpracovávat interval navázaný na body onmousemove, který by ověřoval změny - při změně změna polohy, při druhé události konec zpracovávání intervalu... Ale nezkoušel jsem, musím si to ověřit, jak dobře to půjde. :)

Musis tu funkci nejdriv definovat

To pawlik : Wow, díky :smile1: Já věděl, že to bude blbá chyba.

Taky jsem ji dlouho nemohl najít :) až strejda Google pomohl :)

To pawlik : Nejdřív se definovat fce nemusí. Zkus to prohodit, půjde to i tak. ,)

drag n drop
princip:
( během přesouvání musí mít prvek position:absolute)
A) V momentu události onmousedown zjistit pozici prvku start={x,y} a uložit posun=getMousePos()-start,
- nastavit prvku onmousemove:

var mMove=function(e) { ....
object.style.top = getMousePos().y - posun.x;
object.style.left = getMousePos().x - posun.y;
}
- nastavit prvku onmouseup (pokud není použitý trvale jako document.onmouseup)
B) V momentu události onmouseup vynulovat prvku onmousemove

Napadly mě tyhle varianty
1. jen 1 prvek vybavený touto schopností
2. každý prvek který bude označený (třebas class="dragable") lze přesouvat
3. Univerzál => funkce (které předáš xpos, ypos a HTML kód) vytvoří přemísťovatelný objekt a umístí ho na dané souřadnice

U všech 3 způsobů je třeba:
funkce getMousePos() , která pokud dojde ke scrollingu dokumentu musí zahrnout i toto (musí dát abs.souřadnice vzhledem k poč.dokumentu)

Ad1 nejjednodušší: prvku se nastaví position,top,left,onmousedown,onmouseup

Ad2+3 Použije se document.onmousedown/onmouseup.
přetahovaný obrázek se umístí vždy nad ostatními aniž se změní jejich z-pořadí

Ad2 Ve fázi A je třeba spočítat top a left prvku (nutno iterovat přes parenty) a nastavit mu position absolute.
Určovat překrývání prvků navzájem jde jedině neustálým zvyšováním last z-indexu (teoreticky by jednou přetekl...v praxi snad ne).

Ad3 Použije se document.onmousedown/onmouseup.
(makeDragable, removeDragable a Drag zaktualizují seznam objektů a podle jejich pořadí jim nastaví hodnoty z-index)
Použití např. obrázková galerie:

var images=["petr.jpg","pavel.jpg","olda.jpg"];

for(i=0;i<images.length;i++) makeDragable(20*(1+i),10*(1+i),"<img src='"+images[i]+"' />")

/*********/

Kdyby náhodou někdo řešil podobný problém s registrací událostí, chtěl bych ještě doplnit, že jsem našel mnohem hezčí způsob (který však bohužel nefunguje v IE :smile11: ), a to Event Listener obsažený v DOM Level2.

<script type="text/javascript">

function pozdravSvet() {

alert("Ahoj, světe!");

}

document.addEventListener( "click", pozdravSvet, true ); //po kliknutí na tělo dokumentu se spustí funkce pozdravSvet()

</script>

To Colpik : IE má jiný model pro registrování událostí. ,)

Viz odkaz: http://www.quirksmode.org/js/events_advanced.html

Kód je pak třeba ošetřit podmínkou:

if (document.attachEvent) {	

	element.attachEvent("onclick", runMeOnEvent);

}

else if (document.addEventListener) {

	element.addEventListener("click", runMeOnEvent, false);

} 

else {

	// případně ošetření pro jiné situace

}