How do I replace a submit button with an image?

[kickindaspeaker]

I have this php form on my website, for the user to login. Basically, it's:
a username field
a password field
a login button

The login button is programmed as follows:

<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />

I have tried the following:

<input type="image" class="mainoption" src="templates/raps/images/lang_english/nav_login.gif" name="login" value="{L_LOGIN}" />

but although it shows the correct image, it doesn't "log-in", but takes the user to the login page instead.

Any idea?

[IWS]

Check for "login_x" or "login_y" in the GET, POST, or REQUEST arrays. Image buttons send back these two incidents upon click.

A useful tool for you: print_r($_REQUEST);

[leatherback]

Hi,

Please have a look ath this tutorial:

http://htmlgoodies.earthweb.com/tutors/colorbutton.html

J.

[kickindaspeaker]

Thanks a lot for the help, but you guys lost me. I don't have a get or request array. And I wouldn't know how to include this javascript in my php file. Here's the whole code. I'm surprised that there isn't some simple solution for this, that wouldn't require a javascript?

<!-- BEGIN switch_user_logged_out -->

<form method="post" action="{S_LOGIN_ACTION}">

<tr> 

	<td class="cat" colspan="5"><a name="login"></a><span class="cat">{L_LOGIN_LOGOUT}</span></td>

</tr>

<tr> 

	<td class="row1" colspan="5" align="center" valign="middle"><span class="gensmall">{L_USERNAME}: 

		<input class="post" type="text" name="username" size="10" />

		&nbsp;&nbsp;&nbsp;{L_PASSWORD}: 

		<input class="post" type="password" name="password" size="10" />

		&nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN} 

		<input class="text" type="checkbox" name="autologin" />

		&nbsp;&nbsp;&nbsp; 

		<input type="image" class="mainoption" src="templates/raps/images/lang_english/nav_login.gif" name="login" value="{L_LOGIN}" />

		&nbsp;&nbsp;&nbsp;No username? &nbsp;

		<a href="{U_REGISTER}"><img src="templates/raps/images/lang_english/nav_register.gif" border="0" hspace="1" alt="{L_REGISTER}" />



	</span></td>


</tr>

</form>

<tr>

	<td colspan="5" class="dark">&nbsp;</td>

</tr>

<!-- END switch_user_logged_out -->[/QUOTE]

[leatherback]

Aaaarg! Am I stupid or WHAT!???

This should work!

<FORM method="POST" action="someaction">

<INPUT TYPE="image" SRC="image.gif" HEIGHT="24" WIDTH="129" BORDER=0 ALT="picture button">

</form>

Sorry for my earlier mispost!

:rolleyes:

[kickindaspeaker]

Thanks! It "almost" works, but instead of directly submitting the username and password in order to directly log-in the user, it simply takes the user to the login page. ???

[leatherback]

Hm,

Yeah, maybe it understands only normal posts or something? Aargh. It is too late!?
Perhaps an option to submit to a login page, which will actually login upon submittal of the data? (Not elegant, but functional!?)

I know. No beauty-price for this solution.

-- Should be siging of and off to bed! --

[leatherback]

Hm,

Yeah, maybe it understands only normal posts or something? Aargh. It is too late!?
Perhaps an option to submit to a login page, which will actually login upon submittal of the data? (Not elegant, but functional!?)

I know. No beauty-price for this solution.

-- Should be siging of and off to bed! --

[kickindaspeaker]

Thanks! Well, in that case I'd rather just keep the login text button instead of an image. It works well, although not a beauty prize winner either 🙂

Thanks for the help, though.