Wrox Home  
Search P2P Archive for: Go

  Return to Index  

html_code_clinic thread: Change form buttons to graphic button


Message #1 by "Graham Abrey" <design@t...> on Sat, 23 Feb 2002 21:01:41
I hope this code helps:

<html>
<head>
	<title>Reset and Delete</title>
<script language="JavaScript">
<!--
function doReset() {
	document.forms(0).reset();
}

function doDelete() {
	form = document.forms(0);
	for (i = 0;i < form.elements.length; i++) {
		form.elements[i].value="";
	}
}
//-->
</script>
</head>

<body>
<form>
<input type="text" name="txtName1" value="test"><br>
<input type="text" name="txtName2"><br>
<input type="text" name="txtName3"><br>
<input type="text" name="txtName4"><br>
<a href="#" onclick="doReset()"><img src="..." border="0" alt="Reset"></a>
<a href="#" onclick="doDelete()"><img src="..." border="0" alt="Delete"></a>
<input type="image" src="..." border="0" alt="Submit">
</form>
</body>
</html>

greetz,

Arjan.

-----Original Message-----
From: Graham Abrey [mailto:design@t...]
Sent: zondag 24 februari 2002 20:49
To: HTML Code Clinic
Subject: [html_code_clinic] Re: Change form buttons to graphic button


Hi Philip,
Brilliant, Thanks for your help but do you know what can be done 
regarding the DELETE and RESET buttons?
Thanks again
Graham


> Hi Graham,
> I didn't know how to do this myself, but I found its actually very 
simple.
> All you have to do is use
>   <input type="image">
> instead of a submit button.
> 
> So a login form could be:
>   <form method="post" action="login.asp">
>     <input type="text" name="name" value="">
>     <input type="password" name="pass" value="">
>     <input type="image" src="login.gif">
>   </form>
> 
> The image then behaves in exactly the same way as the submit.
> 
> Regards
> 
> Philip
> -------------------------
> dhtml_phil@p...

$subst('Email.Unsub').

  Return to Index