Question

Keeping with the idea of progressive implementation, I have a simple page refresh button on my page. Is there an elegant way to turn that button into an onclick=”ajaxfunction()” event if javascript is enabled?

All I’ve come up with having two buttons, and hiding one with CSS — which seems a bit clunky.

Note, I have the ajax call working, etc – I just want that $%@# button to switch over…

Answer 1

Assuming you’ve a form with a button type of submit:

<button id="sbut" type="submit" ...>OK</button>

You can do this:

function chgButton () {
    var button = document.getElementById('sbut');
    button.type = 'button';
    button.addEventListener('click', ajaxfunction,false);
    return;
}

window.onload = function () {
    chgButton();
    return;
}