Hide a button after 3 seconds

[ballouta]

Hello

I am testing this script on firefox

<script type="text/javascript">
function fnHide(oToHide){
   window.setTimeout("fnHide2(" + oToHide.id + ")", 3000);
}

function fnHide2(sID){
   var o = eval(sID);
   alert (o);
   o.style.display="none";
}
</script>

 

<input type="button" value="Count Down" id="oHideButton" onclick="fnHide(this)">

 

when I click the count down button, and after 3 seconds, the firebug shows this error message:

oHideButton is not defined

window.setTimeout("fnHide2(" + oToHide.id + ")", 3000);

 

Please help

thank you

[nogray]

You are forgetting the quotes around the id string (since it's a string in the setimeout), this will fix it

window.setTimeout("fnHide2('" + oToHide.id + "')", 3000); 

[ballouta]

Thanks

now i have another error!

oHideButton is not defined

 

thank u very much

[Adam]

You're trying to eval() just the ID - though I don't know why you're using it in the first place - which is causing the error. Replace it with document.getElementById():

 

function fnHide2(sID){
   var o = document.getElementById(sID);
   o.style.display="none";
}

[ballouta]

Thanks MrAdam

ur code solved the problem

 

actually this code is not mine, our instructor asked us to read handouts she posted, and i like this code function and wanted to test it

then I had troubles with it,

the code that you used is what we studied at college

 

thank you