changing ONCLICK

Stefan Finzel · Oct 2, 2005

Hi

what's the right way to add ONCLICK to a form button using javascript?

<HTML>...
<INPUT ID="RESET" NAME="RESET" TYPE="RESET" VALUE=" Reset ">No onclick
is used here

<SCRIPT TYPE="text/javascript">...
form.RESET.click = "javascript:reset_action();"
....
</SCRIPT>

TIA

Stefan

Randy Webb · Oct 2, 2005

Stefan Finzel said the following on 10/2/2005 2:20 PM:

Hi

what's the right way to add ONCLICK to a form button using javascript?

<HTML>...
<INPUT ID="RESET" NAME="RESET" TYPE="RESET" VALUE=" Reset ">No onclick
is used here

That is because reset buttons have a default action.

<SCRIPT TYPE="text/javascript">...
form.RESET.click = "javascript:reset_action();"
....
</SCRIPT>

Don't use a reset button if you don't want normal reset actions. Use a
plain button instead.

Give your form a name.
Access the button through the forms collection.
Give it an onclick (not click) action.

document.forms['formNAME'].elements['elementNAME'].onclick=reset_action;

<form name="formNAME">
<input type="button" value=" Reset " name="elementNAME">

BootNic · Oct 3, 2005

Stefan Finzel said:
what's the right way to add ONCLICK to a form button using
javascript?

<HTML>... <INPUT ID="RESET" NAME="RESET" TYPE="RESET" VALUE=" Reset
">No onclick is used here

<SCRIPT TYPE="text/javascript">... form.RESET.click =
"javascript:reset_action();" ... </SCRIPT>

If you want to run some javascript when the form is reset you may
want to consider using onreset=""

<form action="javascript:void();" id="myform" name="myform"
onreset="alert('well done grasshopper')">

Add onreset to form:

document.forms['myform'].onreset =
function r(){alert('well done grasshopper')};

OR add using Id

document.getElementById('myform').onreset =
function r(){alert('well done grasshopper')};

Add onclick:

document.forms['myform'].elements['reseta'].onclick =
function r(){alert('well done grasshopper')};

OR add using Id

document.getElementById('reseta').onclick =
function r(){alert('well done grasshopper')};

<form action="javascript:void();" id="myform" name="myform">
<input id="reseta" name="reseta" type="reset" value=" Reset ">
</form>

Stefan Finzel · Oct 5, 2005

As this should run on older Pocket IE (Win CE 2003 SE) is seems for me
only the click-Method is available.

But nethertheless using ONRESET immediatly is working and a better way
to get it right. So there is even no need to differ between browsers
here any more.

Thanks to all!

Stefan

How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Song requests	4	Aug 16, 2023
How to treat an input data as variable?	4	Apr 13, 2023
I need help making a zooming function	11	Dec 14, 2021
Reversing output of user input by using while loop...	2	Sep 1, 2022
Javascrip code wont run properly.	2	Oct 2, 2022
Function call from button to automatic	7	Mar 17, 2023

changing ONCLICK

Stefan Finzel

Randy Webb

BootNic

Stefan Finzel

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads