Dinamicko setovanje onMouseOver

duki · 01. 08. 2007.

Pozdrav svima!

Zanima me postoji li način da se dinamički iz JavaScripta postavi onMouseOver/onMouseOut handler...

Standardni način pisanja je:
HTML

Kôd:

<a href="1.php" onMouseOver="mover(1); return true;" onMouseOut="mout(1); return true;"><img name=img1 border=0 src="./Images/Buttons/MenuButton_1B.jpg"></img></a>
<a href="2.php" onMouseOver="mover(2); return true;" onMouseOut="mout(2); return true;"><img name=img2 border=0 src="./Images/Buttons/MenuButton_2B.jpg"></img></a>
<a href="3.php" onMouseOver="mover(3); return true;" onMouseOut="mout(3); return true;"><img name=img3 border=0 src="./Images/Buttons/MenuButton_3B.jpg"></img></a>

I onda JavaScript okida mover(x); i mout(x);

Znaci ja moram u HTML kodu da hardcodujem OnMouseOver i OnMouseOut.

e sad, ono sto bi meni pravilo posao je neki sledeci kod:
HTML

Kôd:

<a href="7.php" id="MojATag"> .... </a>

a u JavaScriptu nesto kao:

Kôd:

function PostaviParametre()
{var x=document.getElementById("MojATag");
x.onMouseOver="alert('Uradi nesto!');";
}

pa bih onda u HTML-u imao

Kôd:

<body lang="en-US" dir="ltr" onload="PostaviParametre();">

e ovo poslednje x.onMouseOver="alert('Uradi nesto!');"; ne radi

radi

Kôd:

x.innerHTML="BlaBla";
x.href="http://www.ibm.com";
x.target="_blank";

ali

Kôd:

x.onMouseOver=...

ne radi...

Primer je namerno osakaćen. Prosleđivali bi se neki parametri itd, ali ovako je čitkije.
Doktori, ima li pomoći?

noviKorisnik · 02. 08. 2007.

Možeš da probaš, za početak ...

Kôd:

x.onmouseover = function () {alert ('Uradi nesto!');}

ili

Kôd:

function nesto () {alert ('Uradi nesto!');}
x.onmouseover = nesto;

duki · 02. 08. 2007.

Citat:

Originalno napisao noviKorisnik

Možeš da probaš, za početak ...

Kôd:

x.onmouseover = function () {alert ('Uradi nesto!');}

ili

Kôd:

function nesto () {alert ('Uradi nesto!');}
x.onmouseover = nesto;

Ma ne radi mi
x.onmouseover
a ne ono sa desne strane jednakosti

Ne znam da li postoji uopste "x.onmouseover=..."

Milos Vukotic · 02. 08. 2007.

Na w3c schools kaze da je onmouseover:

Citat:

Supported by the following JavaScript objects:
layer, link

Po tome bi ovo trebalo da radi:

Kôd:

function PostaviParametre()
{
for(i=0; i<document.links.length; i++)
	{
	document.links[i].onmouseover = function() {alert ('Uradi nesto!')};
	}
}

dee · 02. 08. 2007.

vjerojatno zove funkciju u headu, prije nego mu ucita sam div.

stavi cijelu funkciju na kraj html documenta

[Edit] btw, ima li neki elegantan nacin da se sav javascript na strani, gdje god je, pocne izvrsavati tek kad je cijeli body ucitan?

srdjevic · 02. 08. 2007.

pa naravno. onload stranice resava bas to.
1. <body onload="funkcija()">
2. window.onload = funkcija;

Edit: sad skontah ko je pitao... :-)
Ne, nema. jedino sve u funkcije, pa gorenavedeno... :-(

noviKorisnik · 02. 08. 2007.

Evo malo adaptiranog koda iz prototypa:

Kôd:

observe = function (element, name, observer, useCapture) {
    if (element.addEventListener) {
        element.addEventListener (name, observer, useCapture);
    } else if (element.attachEvent) {
        element.attachEvent ('on' + name, observer);
    }
}

Potom nešto poput...

Kôd:

observe (window, funkcija1, 'load', false);
...
observe (window, funkcija45, 'load', false);

... može da se dodaje na proizvoljnim mestima u dokumentu, a sve se izvršava na onload (to je konkretno u primeru zadato - na objektu window postavi funkciju1 da se izvršava kad se desi događaj load). Ista funkcija može da se koristi za postavljanje proizvoljnog hendlera na proizvoljni element, recimo:

Kôd:

// svi linkovi izvrsavaju funkciju mover na mouseover
for (var i = 0; i < document.anchors.length; i++)
    observe (document.anchors [i], mover, 'mouseover', false);

dee · 02. 08. 2007.

to je to

noviKorisnik · 02. 08. 2007.

Btw - pobrkao sam pozicije parametara u navedenim primerima - ide objekat, pa naziv događaja i tek onda hendler funkcija.

Off Topic: (... koliko ovde traje vreme za editovanje poruke? 30 minuta! Iju, brutalno, taknuto-maknuto - nema mi nigde gumba da ispravim brljotine iz prethodnog posta...

Ilija Studen · 02. 08. 2007.

Off Topic: Ranije je bilo par bisera koju su menjali svoje poruke nakon par sati / dana pa je bilo varijanti da se ljudi ispod svađaju sami sa sobom, iz nevezuše... Ah, to su bili dani!

01. 08. 2007.	#1
duki novi član Na probnom radu Datum učlanjenja: 01.08.2007 Lokacija: Beograd Poruke: 10 Hvala: 1 0 "Hvala" u 0 poruka	Dinamicko setovanje onMouseOver Pozdrav svima! Zanima me postoji li način da se dinamički iz JavaScripta postavi onMouseOver/onMouseOut handler... Standardni način pisanja je: HTML Kôd: <a href="1.php" onMouseOver="mover(1); return true;" onMouseOut="mout(1); return true;"><img name=img1 border=0 src="./Images/Buttons/MenuButton_1B.jpg"></img></a> <a href="2.php" onMouseOver="mover(2); return true;" onMouseOut="mout(2); return true;"><img name=img2 border=0 src="./Images/Buttons/MenuButton_2B.jpg"></img></a> <a href="3.php" onMouseOver="mover(3); return true;" onMouseOut="mout(3); return true;"><img name=img3 border=0 src="./Images/Buttons/MenuButton_3B.jpg"></img></a> I onda JavaScript okida mover(x); i mout(x); Znaci ja moram u HTML kodu da hardcodujem OnMouseOver i OnMouseOut. e sad, ono sto bi meni pravilo posao je neki sledeci kod: HTML Kôd: <a href="7.php" id="MojATag"> .... </a> a u JavaScriptu nesto kao: Kôd: function PostaviParametre() { var x=document.getElementById("MojATag"); x.onMouseOver="alert('Uradi nesto!');"; } pa bih onda u HTML-u imao Kôd: <body lang="en-US" dir="ltr" onload="PostaviParametre();"> e ovo poslednje x.onMouseOver="alert('Uradi nesto!');"; ne radi radi Kôd: x.innerHTML="BlaBla"; x.href="http://www.ibm.com"; x.target="_blank"; ali Kôd: x.onMouseOver=... ne radi... Primer je namerno osakaćen. Prosleđivali bi se neki parametri itd, ali ovako je čitkije. Doktori, ima li pomoći?

02. 08. 2007.	#2
noviKorisnik Dejan Katašić Wrote a book Datum učlanjenja: 10.06.2005 Lokacija: Novi Sad Poruke: 1.017 Hvala: 129 86 "Hvala" u 43 poruka	Možeš da probaš, za početak ... Kôd: x.onmouseover = function () {alert ('Uradi nesto!');} ili Kôd: function nesto () {alert ('Uradi nesto!');} x.onmouseover = nesto; __________________ novikorisnik.net_BoxUp Blog maternji_Monty Hall paradoks - interaktivni demo

02. 08. 2007.	#5
dee Domagoj Horvat Expert Datum učlanjenja: 24.07.2006 Lokacija: Zagreb Poruke: 502 Hvala: 22 10 "Hvala" u 8 poruka	vjerojatno zove funkciju u headu, prije nego mu ucita sam div. stavi cijelu funkciju na kraj html documenta [Edit] btw, ima li neki elegantan nacin da se sav javascript na strani, gdje god je, pocne izvrsavati tek kad je cijeli body ucitan? __________________ postoje ludosti bez kojih je nemoguce ljudsko dostojanstvo

02. 08. 2007.	#7
noviKorisnik Dejan Katašić Wrote a book Datum učlanjenja: 10.06.2005 Lokacija: Novi Sad Poruke: 1.017 Hvala: 129 86 "Hvala" u 43 poruka	Evo malo adaptiranog koda iz prototypa: Kôd: observe = function (element, name, observer, useCapture) { if (element.addEventListener) { element.addEventListener (name, observer, useCapture); } else if (element.attachEvent) { element.attachEvent ('on' + name, observer); } } Potom nešto poput... Kôd: observe (window, funkcija1, 'load', false); ... observe (window, funkcija45, 'load', false); ... može da se dodaje na proizvoljnim mestima u dokumentu, a sve se izvršava na onload (to je konkretno u primeru zadato - na objektu window postavi funkciju1 da se izvršava kad se desi događaj load). Ista funkcija može da se koristi za postavljanje proizvoljnog hendlera na proizvoljni element, recimo: Kôd: // svi linkovi izvrsavaju funkciju mover na mouseover for (var i = 0; i < document.anchors.length; i++) observe (document.anchors [i], mover, 'mouseover', false); __________________ novikorisnik.net_BoxUp Blog maternji_Monty Hall paradoks - interaktivni demo

02. 08. 2007.	#8
dee Domagoj Horvat Expert Datum učlanjenja: 24.07.2006 Lokacija: Zagreb Poruke: 502 Hvala: 22 10 "Hvala" u 8 poruka	to je to __________________ postoje ludosti bez kojih je nemoguce ljudsko dostojanstvo

02. 08. 2007.	#6
srdjevic profesionalac Professional Datum učlanjenja: 15.06.2005 Lokacija: Chicago IL, USA Poruke: 209 Hvala: 12 12 "Hvala" u 11 poruka	pa naravno. onload stranice resava bas to. 1. <body onload="funkcija()"> 2. window.onload = funkcija; Edit: sad skontah ko je pitao... :-) Ne, nema. jedino sve u funkcije, pa gorenavedeno... :-(

02. 08. 2007.	#10
Ilija Studen Direktor Kombinata Invented the damn thing Datum učlanjenja: 07.06.2005 Poruke: 2.669 Hvala: 44 119 "Hvala" u 64 poruka	Off Topic: Ranije je bilo par bisera koju su menjali svoje poruke nakon par sati / dana pa je bilo varijanti da se ljudi ispod svađaju sami sa sobom, iz nevezuše... Ah, to su bili dani! __________________ activeCollab - Project Management and Collaboration Tool iz domaće kuhinje \| area51.rs - Blog

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
Dinamicko menjanje css za pseudo klasu	Damjan	(X)HTML, JavaScript, DHTML, XML, CSS	7	17. 03. 2009. 00:24
PHP: Dinamicko kreiranje klasa?	LiquidBrain	PHP	1	25. 02. 2009. 19:05