Javascript class change

Status
Niet open voor verdere reacties.

tiran818

Gebruiker
Lid geworden
16 apr 2009
Berichten
344
ik heb een stukje code waarbij ik op een mouseover de class wil veranderen

HTML:
<script type="text/javascript">
function rollover(a)
{
class = a.className;
if (class == "img") {a.className = "img_used";}
else {a.className = "img";}
}
</script>
dat is de javascript code die ik had gevonden
mn html ziet er zo uit:
HTML:
<div class="buttonmenu">
<a href="#" class="img_used" ><span>Home</span></a>
<a href="email.html" class="img" onmouseover="rollover(this)"><span>E-mail</span></a>
<a href="http://www.woudlopers-zeist.nl/" class="img"><span>woudlopers-zeist</span></a>
<a href="http://camelot.forumcircle.com/" class="img"><span>Het Forum</span></a>
<a href="flash/fotos.html" class="img"><span>foto's</span></a>
</div>

maar volgens mij zit de fout in de javascript

de error die ik krijg is syntaxisfout regel 30 (das in mijn code de regel waar mijn eerste { staat na de function rollover(a)

de bedoeling is dus dat de class "img" vervangen wordt door "img_used"
 
Laatst bewerkt:
Hmm, het probleem met je javascript zie ik zo niet, ben er niet zo heel bekend mee... maar kun je niet ook gewoon in je CSS gebruik maken van "img: hover" en daar je wijzigingen inzetten?

Dan heb je niet eens javascript nodig om dit te doen.
 
nee ik heb in maak in mijn css namelijk gebruik van 2 images en ik heb weinig verstand van css XD :P

ik heb nog wat rondgegoogled want zoals altijd ben ik ongeduldig :)

(bedankt voor je snelle reactie trouwens had niet sneller gekund vlgns mij :P)

ik heb een oplossing gevonden
hij ziet er zo uit:
HTML:
<a href="email.html" class="img" onmouseover="this.className='img_used'" onmouseout="this.className='img'"><span>E-mail</span></a>
geen verder javascript nodig XD
te simpel soms
mr t werkt :)
moet ik dan wel in elke link plakken die onmouseover mr das relatief weinig werk :P
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan