Mouseover a getElementById – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravim, resim nasledujici situaci:
v CSS mam u urciteho divu nastaveny obrazek jako pozadi, a chci aby se dal zmenit pomoci js udalosti onmouseover (a zpet na puvodni pomoci onmouseout) a docetl jsem se, ze se toho da docilit tim, ze do onmouseover napisu neco ve stylu tohohle:
document.getElementById('ID_prvku')

... ale nejak to neumim pouzit :-(

V jakekoliv udalosti nebo funkci na ni reagujici muzes pouzit objekt this, ktery obsahuje objekt ji vyvolavajici.

S tim objektem potom muzes pracovat uplne stejne jako kdyby jsi ho ziskal pomoci getElementByid.

takze takhle:

... onmouseover="zmenit(this)" ...

function zmenit(objekt){

	//tady uz muzes delat cokoliv, treba zmenit obrazek:

	objekt.src="novyobrazek.jpg";

	//nebo zmenit pozadina cerveno

	objekt.style.background="red";

}

To CommanderZ : No fajn, diky moc moc, to jsem mel na mysli, bez problemu mi to funguje s barvou, ale s tim obrazkem je to horsi. De zrejme o to ze to neni obrazek vlozeny tagem <img /> ale o obrazek ktery je v CSS nastaven jako pozadi toho objektu...

tak to pak nastavis jako

objkekt.style.background="obrazek.jpg";

objkekt.style.backgroundImage="obrazek.jpg";

To CommanderZ : Fajn, dik, uz mi to beha i s obrazkem, akorat to jeste chtelo drobnoejsi upravu aby to behalo i ve FF a to: objekt.style.backgroundImage="url('obrazek.png')";

Jo, sorry, na to jsem zapomnel