Question

I’m currently creating a very small form on my homepage using HTML and JavaScript. I’ve run into a problem I’m pretty sure I could circumvent somehow (probably in a pretty ugly way though), but I got interested in why this error appears.

I have a form on my page which I specify in the following way:

<FORM name="form1" onsubmit="submitTheScript()">

The function “submitTheScript()” is placed in the header and reads:

setCookie("F_GivenSum", GivenSum);
window.location="LastScreen.html";

“setCookie()” is a function that basically just, well, creates a cookie :).

Now, the problem arises with the last line of code. I’m trying to send the user to another page, after the cookie has been set (I’m doing some controls that the input value is alright, but I’ve skipped that part here) but FireFox gives me the following error:

uncaught exception: [Exception... "Cannot modify properties of a WrappedNative"  nsresult: "0x80570034 (NS_ERROR_XPC_CANT_MODIFY_PROP_ON_WN)"  location: "JS frame :: chrome://global/content/bindings/autocomplete.xml :: onxblpopuphiding :: line 827"  data: no]

I guess I can’t call this function the way I do, from within a onsubmit command, however, I don’t see why.

Answer 1

Okay, I did a quick test and found out that you need to assign the onsubmit event handler via javascript like so:

    document.getElementById("myform").onsubmit = doSubmit;

    function doSubmit()  {
       document.cookie = "F_GivenSum=200";

       window.setTimeout(function() {
           window.location = ('test2.html');
       }, 20);

       return false;
    }

This did not give any errors in FF.