Clear *After* Submit ? 3

[TommyB44]

Hi All,

the following code is clearing my form before it submits not after how do i fix this ?

<iframe src="messages.asp" height="75%" width="100%" frameborder="0" name="view"></iframe>
<br>
<div align="left">
<FORM  name="fsend" METHOD="Post" ACTION="messages.asp" target="view">
<b>
Name: <INPUT TYPE="Text" NAME="handle" value="" maxlength="10" size="10">&nbsp;&nbsp;&nbsp;
Message: <INPUT TYPE="Text" NAME="msg" value="" maxlength="600" size="45">&nbsp;&nbsp;
<INPUT TYPE="Submit" VALUE="Send" style='background:green;color:white;font:bold' onclick='checkit();'>
</b>
</div>
</form>
<script>
function checkit(){
if (document.fsend.msg.value=="" || document.fsend.handle.value=="")
alert("Enter Value");
clear();
}
function clear(){
//document.fsend.reset();
document.fsend.submit();
document.fsend.msg.value="";
}
</script>

any ideas would be great thanks.

 

[LFI]

Why are you trying to clear the form?

submit() takes a couple of seconds to happen and it is probably a separate thread so execution of the rest of the function does not wait for submit() to be done.

By the way, you probably want to follow your if-statement in checkIt() with an else and put the call to clear() in there. Otherwise, even if the user has not entered a value for msg or handle, the form submission will occur.

'hope this makes sense.

--Dave

 

[theniteowl]

Since you are posting your data to the iframe why dont you try letting the code in that frame handle the clearing of the parent frame?

The submission would complete going to the iframe, the data is displayed/processed and then the command can be executed to clear the first form.

Paranoid? ME?? WHO WANTS TO KNOW????

 

[TommyB44]

Because the page doesn't refresh and only changes the messages.asp, without the clear function the message the user types into the message input box stays where it is, I don't mind the value of the name input box staying where it is, but the value of the message input box needs emptying, but only after it has submitted, otherwise there is nothing to submit.

Thanks.

 

[TommyB44]

Good point theniteowl I'll try that.

 

[LFI]

Ah, I didn't notice that you were posting to an IFRAME. I see now.

niteowl's response should work for you.

--Dave

 

[TommyB44]

O.K,

for anyone else that might get the same problem, I added the following code to the iframe src page (messages.asp).

<script>
var t = parent.document.getElementById('fsend');
t.msg.value="";
</script>

should be cross browser ?...

anyway, thanks theniteowl, I probably wouldn't even of given that a thought.

 

[TommyB44]

actually, it doesn't clear in firefox, Shame, still one step closer.

 

[LFI]

Try, simply:

parent.document.fsend.msg.value="";

--Dave

 

[TommyB44]

Yep, that worked in both IE and FireFox, Thanks.

 

[kaht]

actually, it doesn't clear in firefox, Shame, still one step closer.

The reason that .getElementById() didn't work for you is because you had defined a name for that element, but not an id. If you prefer to use name to define the element but want to avoid those "use w3c standard getElementById() blah blah blah" warnings in firefox then you could modify LookingForInfo's code to this:

[tt]parent.document.forms["fsend"].elements["msg"].value = "";[/tt]

-kaht

...looks like you don't have a job, so why don't you get out there and feed Tina.

 

[TommyB44]

I see it should have been <form id="fsend"....


Thanks Kaht.

 

[kaht]

That's correct, or you could have completely bypassed the form and gave the textbox an id instead:

<INPUT TYPE="Text" ID="msg".....
-using-
document.getElementById("msg").value = "";

When defining elements using id you must give them all unique individual names. For this reason, you do not have to specify which form an element falls under because only 1 item with that id will exist on the entire page.

-kaht

...looks like you don't have a job, so why don't you get out there and feed Tina.