Javascript web browser script not working

[jilledson]

Internet Explorer 7 does not handle buttons correctly since it sends the text between <button> and </button>rather than the value. (Weird but true.) This Javascript is supposed to correct this by sending the value of the button onClick. But it does not work. Can anybody see the error ?

I use this to attach the Javascript file in HTML5 :

<script src="buttonfix.js"></script>

Contents of buttonfix.js :

function runonclick()
{
    var count = 0;
    var formlength = this.form.elements.length;
    while(count < formlength)
    {
        if(this.form.elements[count].tagName.toLowerCase() == "button")
        {
            this.value = this.attributes.getNamedItem("value").nodeValue;
        }

        count++;
    }
}

function buttonfix()
{
    var buttonarray = document.getElementsByTagName("button");

    var count = 0;
    var buttonarraylength = buttonarray.length;
    while(count < buttonarraylength)
    {
        buttonarray[count].onClick = runonclick();

        count++;
    }
}

window.attachEvent("onload", buttonfix());

[clueful]

Event handlers are all lowercase, so the syntax should be:

buttonarray[count].onclick = runonclick;

The .value property would be better assigned on load, so I would call
runonclick on load and forget the other function.

Why does it have to be <button> rather than <input type='button'> ?

[jilledson]

Event handlers are all lowercase, so the syntax should be:

buttonarray[count].onclick = runonclick;

Thank you, did not know that was an issue.

The .value property would be better assigned on load, so I would call
runonclick on load and forget the other function.

Why does it have to be <button> rather than <input type='button'> ?

I do not follow, can you explain it ?