replacement of "input type=submit"

I would like to replace the ugly standard submit button
with an image. The try with

"<input type=image src="button.gif" value="Logout">"

does not works.


<form method=post action="cc.cgi" target="_top">
<input type=hidden name="raum" value="Treffpunkt">
<input type=hidden name="name" value="Renate">
<input type=hidden name="where" value="Logout">
<input type=submit value="Logout">

Thanks for your help

nadiaAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
rigansenConnect With a Mentor Commented:
add this to your form:

<form name="theForm" ... >
<input type=image border=0 src="button.gif" onClick="document.theForm.submit()">
</form>

any problem, just leave a comment.

regards, rigansen.
0
 
julio011597Commented:
Try:

<input type=image src="my.gif" name="Logout">

-julio
0
 
julio011597Commented:
As said, expertise on this site has become a joke.
0
Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

 
rigansenCommented:
It took me about an hour since I saw the question until I replied the answer. If you would have replied your comment as an answer, nothing like this should have ever happened.

I didn't know about your first comment until I got the e-mail due to your second silly comment.

rigansen.
0
 
nadiaAuthor Commented:
Have tried but does not works because there are 3
submit buttons with the same name but different
values in the form

- <input type=submit name=\"where\" value=\"$send\">

- <input type=submit name=\"where\" value=\"who\">

- <input type=submit name=\"where\" value=\"logout">
0
 
ozoCommented:
<input type=image src="logout.gif" name="where">
<input type=image src="who.gif" name="where">
0
 
rigansenCommented:
I'm using Netscape and wasn't sure this could work on IE, that's why I added the onClick() event, thought that way it could work on both for sure...

using ozo's piece of code:

<form method=post action="cc.cgi" target="_top">
<input type=hidden name="raum" value="Treffpunkt">
<input type=hidden name="name" value="Renate">
<input type=hidden name="where" value="Logout">
<input type=image border=0 src="send.gif" name="where">
<input type=image border=0 src="who.gif" name="where">
<input type=image border=0 src="logout.gif" name="where">
</form>

rigansen.
0
 
nadiaAuthor Commented:
where have I to put the "values"?

(3 different functions with "where")
0
 
rigansenCommented:
sorry for delay,
if you need the "values" for the cc.cgi, I think that you'll have to create a hidden field, because the type=image are not sent to the cgi.
From my last comment, only the type=hidden will be sent, so try this out:

<html>
<script>
function mySubmit(which)
{
   document.theForm.btnval.value = which;
   document.theForm.submit();
}
</script>
<body>
<form name="theForm" method=post action="cc.cgi" target="_top">
<input type=hidden name="raum" value="Treffpunkt">
<input type=hidden name="name" value="Renate">
<input type=hidden name="where" value="Logout">
<input type=hidden name="btnval" value="">
<a href="javascript:mySubmit('send')"><img src="send.gif" border=0></a>
<a href="javascript:mySubmit('who')"><img src="who.gif" border=0></a>
<a href="javascript:mySubmit('logout')"><img src="logout.gif" border=0></a>
</form>
</body>
</html>

think it's the easier way to do it!!

rigansen.
0
 
julio011597Commented:
Sorry, but this all may be done with simple HTML... anyway, i won't insist anymore.

Good luck.
0
All Courses

From novice to tech pro — start learning today.