cdiepenbroek
Gebruiker
- Lid geworden
- 29 okt 2007
- Berichten
- 6
Mensen,
De code hieronder werkt niet. Dat wil zeggen, ik krijg een javascript error Object Verwacht regel 29 (de input:button regel). Vreemd want bij andere scripts werkt het wel op deze manier.. Iemand enig idee wat ik fout doe? De bedoeling is dat het 'nieuwe venstertje' zichtbaar wordt en groeit naar zijn uiteindelijke grootte.
Thanks!!
De code hieronder werkt niet. Dat wil zeggen, ik krijg een javascript error Object Verwacht regel 29 (de input:button regel). Vreemd want bij andere scripts werkt het wel op deze manier.. Iemand enig idee wat ik fout doe? De bedoeling is dat het 'nieuwe venstertje' zichtbaar wordt en groeit naar zijn uiteindelijke grootte.
Code:
<html>
<head>
<script type="text/javascript">
function grow(that) {
var box = document.getElementById(that);
var targetHeight = box.style.height.split('px')[0];
var targetWidth = box.style.width.split('px')[0];
var currentHeight = 1;
var currentWidth = 1;
box.style.width = currentWidth + 'px';
box.style.height = currentHeight + 'px';
box.style.display = 'block';
interval = window.setInterval(
function {
currentHeight++;
currentWidth++;
box.style.width = currentWidth + 'px';
box.style.height = currentHeight + 'px';
if(currentHeight == targetHeight) {
window.clearInterval(interval);
}
}
, 10);
}
</script>
</head>
<body>
<div id="divv" style="display: none; width: 400px; height: 200px; border: 1px solid #000000; position: absolute; left: 20px; top: 20px;">Blaat</div>
<input type="button" onclick="grow('divv');" value="Knop">
</body>
</html>
Thanks!!
Laatst bewerkt: