Magic Div's

WinSrev · 12-09-2007, 05:05 PM

Hey,

I wanted to try and make it so that, if someone clicked a link then it'd wait 3 seconds then make a certain div disappear.

I have this code:

Code:

function hideElement(obj){
    document.getElementById(obj).style.display = "none";
}

And this on the link itself (in an on click):

Code:

window.setTimeout(hideElement(admin2), 3000);

But it just produces an error, as in it does nothing.
Any ideas?
Thanks.

devolio · 12-09-2007, 05:08 PM

Try setting your window.setTimeout to a var, but I'm curious, what's the error it's giving you?

Also, you may want to just setTimeout, not window.setTimeout.

WinSrev · 12-09-2007, 05:09 PM

Well, internet explorer gives the error of

Quote:

Originally Posted by IE

Object Required

Wildhoney · 12-09-2007, 05:09 PM

javascript Code:

function hideElement(obj){
    document.getElementById(obj).style.display = "none";
}

setTimeout("hideElement('admin2')", 3000);

devolio · 12-09-2007, 05:11 PM

Gah, I thought it was missing quotes too. Shows how much JS I've done lately.

WinSrev · 12-09-2007, 05:12 PM

That gives a syntax error. It works without the " but it happens instantly.

Salathe · 12-09-2007, 05:15 PM

JavaScript Code:

setTimeout(function(){ hideElement('admin2'); }, 3000);

devolio · 12-09-2007, 05:15 PM

Nevermind, I wasn't doing it right and Salathe beat me to it.

Edit: Just in case...

javascript Code:

function hideElement(obj){
    document.getElementById(obj).style.display = "none";
}
function clickTest(){
    window.setTimeout(hideElement('test'), 3000);
}

WinSrev · 12-09-2007, 05:20 PM

Thanks a lot, it works great :D