Ik probeer een stuk tekst van kleur te laten veranderen, door over een link te gaan (voor de duidelijkheid, het moet dus niet de link zelf zijn die van kleur veranderd, maar een ander stuk tekst).
Ik heb het zo geprobeerd (zie listing onderaaan, het voorbeeld staat ook online op http://www.swi.psy.uva.nl/usr/beckers/voorbeeld.html)
Omdat het script het ook moet doen onder Mozilla, probeer ik de classe van het stuk tekst te veranderen
Het script werkt niet, javaconsole zegt:
`error: what has no properties'
Wat doe ik fout?
------------------------------------------
<html>
<head>
<script language="JavaScript">
function changeStyle (what , how) {
what.className = how;
}
</script>
<style>
div.gewoon {color:black;}
div.anders {color:red;}
</style>
</head>
<body>
<a href="nergens"
onMouseOver="changeStyle(document.verander,'anders')"
onMouseOut="changeStyle(document.verander,'gewoon')"
class="gewoon"
>
Door hier over heen te gaan</a>
<br>
<div class="gewoon" name="verander">zou dit van kleur moeten veranderen.</div>
</body>
</html>
Ik heb het zo geprobeerd (zie listing onderaaan, het voorbeeld staat ook online op http://www.swi.psy.uva.nl/usr/beckers/voorbeeld.html)
Omdat het script het ook moet doen onder Mozilla, probeer ik de classe van het stuk tekst te veranderen
Het script werkt niet, javaconsole zegt:
`error: what has no properties'
Wat doe ik fout?
------------------------------------------
<html>
<head>
<script language="JavaScript">
function changeStyle (what , how) {
what.className = how;
}
</script>
<style>
div.gewoon {color:black;}
div.anders {color:red;}
</style>
</head>
<body>
<a href="nergens"
onMouseOver="changeStyle(document.verander,'anders')"
onMouseOut="changeStyle(document.verander,'gewoon')"
class="gewoon"
>
Door hier over heen te gaan</a>
<br>
<div class="gewoon" name="verander">zou dit van kleur moeten veranderen.</div>
</body>
</html>