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 · 01. 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 · 01. 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 · 01. 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 · 01. 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... :-(

duki · 02. 08. 2007.

Citat:

Kôd:

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

Da, ovo radi... na sve linkove postavi isti handler...
Nisam uspeo da uradim sledece:
document.links[i].onmouseover = function() {alert ('Uradi nesto! ' + i)};
pa da prvi link ispise Uradi nesto 1, drugi Uradi nesto 2 itd...
nego svi linkovi dobiju identicnu (jednu) krajnju vrednost brojaca kada izađe iz petlje.
Npr ako je document.links.length == 10
onda ce primer:
document.links[i].onmouseover = function() {alert ('Uradi nesto! ' + i)};
uciniti da kada stavim misa na bilo koji link ispisati "Uradi nesto 10",
a ne Uradi nesto 1, drugi Uradi nesto 2 itd...

Moze li se proslediti parametar i ako da koja je sintaksa?
Thanx!

Milos Vukotic · 02. 08. 2007.

Probaj da stavis npr.

Kôd:

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

duki · 02. 08. 2007.

Citat:

Originalno napisao noviKorisnik

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

Kôd:

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

Ulažem izvinjotinu!
Ovo radi!
Hvala tisuću puta!

ivanhoe · 16. 08. 2007.

ovo sto je noviKorisnik napravio je lepa generalizacija problema... globalni objeat koji ima zadatak da pali/gasi module i pamti koji je trenutno aktivan modul. Svaki put kad palis novi modul, on prvo ugasi stari, tj. pozove njegovu metodu koja radi clean-up za modul...

to je otprilike ono sto radi ovaj kod, i to je isto ono sto sam ja predlagao, s tim sto sam ja seljak pa bih ja to sve potrpao u globalne promenjive, ne bih se zezao sa objektima, ali ovako je jos lepse

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?

01. 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

01. 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.	#8
Milos Vukotic Knowledge base Wrote a book Datum učlanjenja: 07.06.2005 Lokacija: Neđe ođe... Poruke: 1.197 Hvala: 339 688 "Hvala" u 178 poruka	Probaj da stavis npr. Kôd: function PostaviParametre() { for(i=0; i<document.links.length; i++) { var broj = i + ''; //dva puta ' document.links[i].onmouseover = function() {alert ('Uradi nesto!' + broj)}; } } __________________ Чак Норис може да си ги врзе врвките на чевлите со стапалата.

16. 08. 2007.	#10
ivanhoe Ivan Dilber Sir Write-a-Lot Datum učlanjenja: 18.10.2005 Lokacija: Bgd Poruke: 5.320 Hvala: 104 2.344 "Hvala" u 583 poruka	ovo sto je noviKorisnik napravio je lepa generalizacija problema... globalni objeat koji ima zadatak da pali/gasi module i pamti koji je trenutno aktivan modul. Svaki put kad palis novi modul, on prvo ugasi stari, tj. pozove njegovu metodu koja radi clean-up za modul... to je otprilike ono sto radi ovaj kod, i to je isto ono sto sam ja predlagao, s tim sto sam ja seljak pa bih ja to sve potrpao u globalne promenjive, ne bih se zezao sa objektima, ali ovako je jos lepse __________________ Leadership is the art of getting people to want to do what you know must be done.

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... :-(

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	16. 03. 2009. 23:24
PHP: Dinamicko kreiranje klasa?	LiquidBrain	PHP	1	25. 02. 2009. 18:05