Hey,
This code works in FF3.6 but doesn't in IE8. It gives this error: Object doesn't support this action on line 43.
HTML Code:<input type="button" class="row" value="starten" onclick="start()" />Code:var timer = ""; function start(){ temp = document.getElementById("timer").value; temp = parseFloat(temp); // Waarde uit een html element uitlezen levert telkens een stringvalue op, om te incrementeren heb je de omzetting naar een getalformaat nodig temp++; document.getElementById("timer").value = temp; timer = window.setTimeout("start()", 30); // timer = window.setTimeout } function stop(){ window.clearTimeout(timer); var resultaat = document.getElementById("timer").value; if(resultaat == 100){ alert("Proficiat! Perfecte timing!"); } else if((resultaat == 99) || (resultaat == 101)){ alert("Bijna perfect, maar nog niet helemaal"); } else{ alert("Nog een beetje oefenen, je timing kan beter"); } }
Full html
Any idea why this doesn't work in IE8?HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Timing</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="timing.css" /> <script type="text/javascript"> /* <![CDATA[ */ var timer = ""; function start(){ temp = document.getElementById("timer").value; temp = parseFloat(temp); // Waarde uit een html element uitlezen levert telkens een stringvalue op, om te incrementeren heb je de omzetting naar een getalformaat nodig temp++; document.getElementById("timer").value = temp; timer = window.setTimeout("start()", 30); // timer = window.setTimeout } function stop(){ window.clearTimeout(timer); var resultaat = document.getElementById("timer").value; if(resultaat == 100){ alert("Proficiat! Perfecte timing!"); } else if((resultaat == 99) || (resultaat == 101)){ alert("Bijna perfect, maar nog niet helemaal"); } else{ alert("Nog een beetje oefenen, je timing kan beter"); } } /* ]]> */ </script> </head> <body> <div id="wrapper"> <form action=""> <fieldset> <legend>Timing</legend> <p>Probeer de timer te stoppen op <span>100</span></p> <input type="text" id="timer" value="0" onselect="blur()" /> <div id="buttons"> <input type="button" class="row" value="starten" onclick="start()" /> <input type="button" class="row" value="stoppen" onclick="stop()" /> <input type="reset" class="row" value="opnieuw" /> </div> </fieldset> </form> </div> </body> </html>


Reply With Quote

Bookmarks