Mar 25, 2011

Het is belangrijk om niet van client-side scripts zoals javascript afhankelijk te moeten zijn om je pagina goed weer te geven, daarom moet er een soort backup plan zijn voor als javascript op de een of andere manier niet aan staat bij de gebruiker. Er zijn een aantal gebruikers die vanwege uiteenlopende redenen geen javascript gebruiken. In dit topic schrijft men over de mogelijkheid om een hyperlink te maken die niet werkt, dit klinkt onlogisch maar kan toch handig zijn in sommige gevallen. Dit trucje kunnen we namelijk handig gebruiken om een "Semantic deadlink" te creëren.

Ingestuurd door: jurrian

Stel, we hebben een functie changeImage() hebben om een foto te vergroten en reset() om deze weer terug te brengen naar oorspronkelijke staat:
<script type="text/javascript">
function changeImage(){
document.getElementById('desert').width=200;
document.getElementById('desert').height=150;
}
function reset(){
document.getElementById('desert').width=100;
document.getElementById('desert').height=75;
}
</script>
Verder hebben we een afbeelding:
<a onclick="changeImage();return false;" onmouseout="reset();" href="uploads/images/blog/Desert.jpg" target="_blank"><img id="desert" src="uploads/images/blog/Desert.jpg" alt="Demo" width="100" height="75" /></a>
Met javascript Zonder javascript Als javascript aan staat zal het plaatje groter worden doormiddel van changeImage(), de link werkt echter niet door het stukje return false; Als javascript niet aan staat zal de link wél werken.
De gebruiker krijgt dus toch de afbeelding in het groot te zien als javascript niet werkt.

Voorbeeld, toegepast in jQuery

Voeg commentaar toe