How to change the Reset button image?? pls

fterrazas · Jul 15, 2001

Hi, I want to know how can I change the ugly image of the reset button in a form for an image of my own, I know that you can do this with the submit button with this code:
inpuy type="image" src="image.jpg"
But what about the reset button? I can change the image? Please help me with this. Thanks to all.

Petal · Jul 16, 2001

Hi

I think you need to use a javascript to do this.

Use the input tag to set the image and to call tha javascript.
Something like this:

<input type="image" onclick="resetform()">

the javascipt could be something like this:

function resetform() {
formname.fieldname.value=""
}

Boomerang · Jul 16, 2001

Both examples will work well in IE (I only use/tested 4.0):

<FORM method="POST" name="form_name" action="thatpage.htm">
<IMG src="yourimage" onclick="form_name.reset()">
</FORM>

<FORM method="POST" name="form_name" action="thatpage.htm">
<A onfocus="blur()" href="form_name.reset()">
<IMG border="0" width".." height=".." src="yourimage">
</A>
</FORM>

[red] onfocus="blur()" is to avoid the annoying dashed border after clicking the link[/red]

In NN (I only use/tested 4.73) this wil work (and also in IE):

<FORM method="POST" name="form_name" action="thatpage.htm">
<A onfocus="blur()" href="#" onclick="form_name.reset()">
<IMG border="0" src="yourimage" width=".." height="..">
</A>
</FORM>

The only thing is:
In NN the cursor will stay onfocus in waiting position after clicking this link. It will disappear after you click in your form to fill in some new values

Hope this helps,
Erik

Maybe someone else can give an answer about the waiting cursor?

Is there probably a way to make a javascript function with:

function do_reset()
{
form_name.reset();
[red]here some additional code to stop the cursor[/red]
}

kristof · Jul 16, 2001

Hi all,

This is just an idea, but perhaps the following could work:

Code:

function do_reset()
{
  form_name.reset();
  window.focus();
}

This would set focus on the document. Thus, removing it from the link.

Gtz,

Kristof -------------------
Check out my new site:

http://kristof.freewebspace.com/

Any suggestions are more than welcome.
There's a LOT of work to do, so judge fairly.

Boomerang · Jul 16, 2001

sorry Kristof, but that doesn't work for me (NN 4.73)

Erik

kristof · Jul 16, 2001

Hi,

I've been testing a bit and this seems to work just fine
(also using NS 4.7)

Code:

<html>
<head>
	<title>Form Reset</title>
	<script language=&quot;JavaScript&quot;>
		function do_reset()
		{
		  document.form_name.reset();
		  window.focus();
		}
	</script>
</head>
<BODY>
<FORM method=&quot;POST&quot; name=&quot;form_name&quot; action=&quot;thatpage.htm&quot;>
<input type=&quot;text&quot; name=&quot;textfield1&quot;>
<A href=&quot;javascript:do_reset()&quot;><IMG border=&quot;0&quot; src=&quot;someimage&quot; width=&quot;..&quot; height=&quot;..&quot;></A>
</FORM>
</body>
</html>

Gtz,

Kristof -------------------
Check out my new site:

http://kristof.freewebspace.com/

Any suggestions are more than welcome.
There's a LOT of work to do, so judge fairly.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

How to change the Reset button image?? pls

fterrazas

Technical User

Petal

Programmer

Boomerang

Programmer

kristof

Programmer

Boomerang

Programmer

kristof

Programmer

Similar threads

Part and Inventory Search

Sponsor