<h1>Voorbeeld 2</h1>
<?
$var = "Mickey Mouse!";
?>
<form action="" method="get">
<input type="hidden" id="naam" value="<? echo "Opgehaald uit een hiddenfield: $var"; ?>"><br>
<input type="button" value="Haal hidden waarde op" onClick="LeesWaardeUitHiddenField();";>
</form>
<script>
function maakZichtbaar() {
// Maak item zichtbaar
var x = document.createElement("INPUT");
x.setAttribute("type", "hidden");
document.body.appendChild(x);
document.getElementById("demo").innerHTML = "<h3>Deze zin was eerst onzichtbaar :)</h3>";
}
function Verberg() {
// veld verbergen
var x = document.createElement("INPUT");
x.setAttribute("type", "hidden");
document.body.appendChild(x);
document.getElementById("demo").innerHTML = "";
}
function LeesWaardeUitHiddenField() {
// waarde uit een hidden field lezen en laten zien..
var waarde = document.getElementById("naam").value;
alert (waarde);
}
</script>
<?