Diskuse JPW: Vyvolání funkce na onmouseover a onmouse out

	Autor	Zpráva
	mstar Profil	#1 · Zasláno: 29. 8. 2007, 21:59:59 Odpovědět Citovat Mám zdánlivě jednoduchý problém - chci, aby se na přejetí přes DIV změnila barva pozadí a textu a při odjetí se vrátila do původního stavu. Bohužel mi script hlásí chybu a nevím, jak ji odstranit. Kdybyste se mi na to někdo koukl, dík moc <head> <SCRIPT LANGUAGE="JavaScript"> <!-- button_on() { this.style.backgroundColor ='#aaaaaa'; this.style.color ='#ffffff'; } button_off() { this.style.backgroundColor ='#d7d7d7'; this.style.color ='#000000'; } --> </SCRIPT> </head> <body> <div class="button" onmouseover="button_on()" onmouseout="button_off()" onclick="javascript:window.location='uvod.html'"> TEXT</div> </body>
	Laman Profil	#2 · Zasláno: 30. 8. 2007, 13:51:11 Odpovědět Citovat co takhle? <head> <SCRIPT LANGUAGE="JavaScript"> <!-- function button_on(id) { document.getElementById(id).style.backgroundColor ='#aaaaaa'; document.getElementById(id).style.color ='#ffffff'; } function button_off(id) { document.getElementById(id).style.backgroundColor ='#d7d7d7'; document.getElementById(id).style.color ='#000000'; } --> </SCRIPT> </head> <body> <div id="X" class="button" onmouseover="button_on('X')" onmouseout="button_off('X')" onclick="javascript:window.location='uvod.html'"> TEXT</div> </body>
	habendorf Profil	#3 · Zasláno: 30. 8. 2007, 13:53:08 Odpovědět Citovat To snad radši přes className.
	Laman Profil	#4 · Zasláno: 30. 8. 2007, 13:59:45 Odpovědět Citovat nebo tak. já nejsem moc dobrej, ale tohle mě zrovna napadlo a funguje to
	habendorf Profil	#5 · Zasláno: 30. 8. 2007, 14:04:37 Odpovědět Citovat Laman Jasně že to funguje, ale představ si, že těch divů bude třeba 50 a později se rozhodneš změnit nějakou barvu, nebo třeba přidat další vlastnost.
	Laman Profil	#6 · Zasláno: 30. 8. 2007, 17:17:45 Odpovědět Citovat máš recht. teď jsem se nad tím trochu víc zamyslel a obecně je to mnohem lepší i jednodušší udělat jen přes css pomocí hover to by navíc bylo použitelné i pro vypnutý JS
	mstar Profil	#7 · Zasláno: 31. 8. 2007, 18:00:54 Odpovědět Citovat Díky za všechny rady ... Ten script je mým případě normálně použitelnej - je to na čudlíky v menu, který se chovají stejně, takže se to dá použít, i když to není univerzální. Udělat to pomocí hover mě nenapadlo, zkusíme to ... dík moc
	LastHunter Profil *	#8 · Zasláno: 31. 8. 2007, 22:51:18 Odpovědět Citovat Hover přes CSS nestačí, IE to neumí (jen na odkazech).
		Časová prodleva: 6 měsíců
	spirt Profil *	#9 · Zasláno: 10. 3. 2008, 22:33:14 Odpovědět Citovat jen pridavam odkaz na stranku kde se dozvide, jak se to da udelat pres CSS http://www.smileycat.com/miaow/archives/000230.php
		Časová prodleva: 5 měsíců
	zemj Profil	#10 · Zasláno: 3. 8. 2008, 08:30:13 · Upravil/a: zemj Odpovědět Citovat Díky tady za ten nápad, jen jsem ho trošku poopravil... <div id="X" onmouseover="button_on(this.id)" onmouseout="button_off(this.id)"> , aby se to nemuselo stále přepisovat ... funguje mi to ve Firefoxu i IE
		Časová prodleva: 12 let

Vaše odpověď

Mohlo by se hodit