Autor Zpráva
mstar
Profil
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
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
To snad radši přes className.
Laman
Profil
nebo tak. já nejsem moc dobrej, ale tohle mě zrovna napadlo a funguje to
habendorf
Profil
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
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
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 *
Hover přes CSS nestačí, IE to neumí (jen na odkazech).
spirt
Profil *
jen pridavam odkaz na stranku kde se dozvide, jak se to da udelat pres CSS

http://www.smileycat.com/miaow/archives/000230.php
zemj
Profil
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

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0