void(0) in JS

[google]void(0) js[/google]
http://blog.reindel.com/2006/08/11/a-hrefjavascriptvoid0-avoid-the-void/

als je beseft wat het is, moet je ook bedenken dat het niet iets is wat je te vaak moet gebruiken. Er zijn nog steeds mensen die javascript uit hebben staan, of door een fout javascript niet kan laden.

Ik gebruik volgende code als voorbeeld hoe je zoiets altijd kan laten werken:

<form method="post" action="" name="form">
<input name="test" value="0" /><input type="submit" name="submit" value="Verhoog" />
</form>

Hier wil ik, dat als ik op de knop klik, de waarde in het veld met de naam test met 1 verhoogt wordt.

Eerst zorg ik er dan voor dat het werkt zonder javascript:

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST') {
    $getal = intval($_POST['test']);
    $getal += 1;
} else {
    $getal = 0;
}
?>
<form method="post" action="" name="form">
<input name="test" value="<?= $getal ?>" /><input type="submit" name="submit" value="Verhoog" />
</form>

Om het dan wat sneller te laten verlopen, kan ik ook nog iets met javascript doen:

<script type="text/javascript">
function verhoog() {
    var getal = document.form.test.value * 1;
    getal += 1;
    document.form.test.value = getal;
}
</script>
<form method="post" action="" name="form">
<input name="test" value="<?= $getal ?>" /><input type="submit" name="submit" value="Verhoog" onclick="verhoog();return false" />
</form>

Uiteindelijk kom je dus op zoiets uit:

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST') {
    $getal = intval($_POST['test']);
    $getal += 1;
} else {
    $getal = 0;
}
?>
<script type="text/javascript">
function verhoog() {
    var getal = document.form.test.value * 1;
    getal += 1;
    document.form.test.value = getal;
}
</script>
<form method="post" action="" name="form">
<input name="test" value="<?= $getal ?>" /><input type="submit" name="submit" value="Verhoog" onclick="verhoog();return false" />
</form>

ps. fouten voorbehouden, is allemaal niet getest