set timeout problem

[tpeck]

Is there a reason why this doesn't work?

function delay(){
soundManager.play('piano','../../media/mp3/piano.mp3'); 
setTimeout('function(){document.getElementById("tutor").submit();}',4000);
}

...but this does:

function delay1(){
soundManager.play('piano','../../media/mp3/piano.mp3'); 
setTimeout('delay2()',4000);
}

function delay2(){
document.getElementById("tutor").submit();
}

It seems to me that the first one should work too.

[Philip M]

Suggest you check the position of the closing brace.

We've clearly still got players coming into the squad who haven't arrived yet. - London Irish RFC Coach

[tpeck]

It seems right to me. All I am doing is cutting and pasting this:

function delay2(){
document.getElementById("tutor").submit();
}

(without the function name) into this:

function delay(){
soundManager.play('piano','../../media/mp3/piano.mp3'); 
setTimeout('FUNCTION GOES HERE',4000);
}

Maybe I've stared at it too long!

[Philip M]

setTimeout('function(){document.getElementById("tutor").submit(),4000}');

[tpeck]

That's confusing Philip because it doesn't work either!

...and it doesn't look like the setTimeout pattern.

Strange. Maybe you can't put a document.getElementById() inside a setTimeout.

[Logic Ali]

setTimeout( 'document.getElementById("tutor").submit()', 4000 );

but preferably

setTimeout( function(){ document.getElementById( "tutor" ).submit(); }, 4000 );

[Philip M]

Originally Posted by tpeck

That's confusing Philip because it doesn't work either!

...and it doesn't look like the setTimeout pattern.

Strange. Maybe you can't put a document.getElementById() inside a setTimeout.

Is the document.getElementById("tutor") the id of a form?

[tpeck]

Thanks Logic Ali, those work well.

Yes, it is the id of a form. Here is the whole thing:

function delay(value){
soundManager.play('piano','../../media/mp3/piano.mp3'); 
setTimeout(function(){document.getElementById(value).submit();},4000);
}

<form id="tutor" method="post" target="_self" action="feedback(tutor).html">
<input type="submit" onclick="delay('tutor');return false" class="TextArea" value="CLICK HERE">
</form>

<form id="student" method="post" target="_self" action="feedback(student).html">
<input type="submit" onclick="delay('student');return false" class="TextArea" value="CLICK HERE">
</form>

It may be useful for someone else that wants to play a sound before submitting or, for some other reason, not immediately submit.