How can I use Images Instead of Buttons

[mrnader]

Well i am trying to make this site working well which is : http://www.alami.net/beta2 as u can see at the members login area i can't submit to makr it loggining in ,, as the one which is in the old home page which is http://www.alami.net

so may be u can send me the code or helping me how to do it or by sending me and example ,,,
thanx in advance

[mrnader]

How can i make the form which is at www.alami.net
working on the form which is at the www.alami.net/beta2
in the members login area ,,,
please if u have any idea ..i'll be thanful....

[khalidali63]

Both pages have the form,with the only difference being a selection box in the main page which is not on the beta page,please elaborate a bit more ,what is your question

Khalid

[khalidali63]

ok I get it,you want to submit a form using an image,
in the image definition add onclick event

<img SRC="images/home_34.gif" width=36 height=106 border="0" usemap="#FPMap0Map" onclick="submitForm()">

in the javascript code section

function submitForm(){
document.formName.submit();
}

the above will submit the frm provided you have all the required attriutes in the form tag.

Cheers

Khalid

[mrnader]

the diffrence between both of them is that at the first page there is a button and the second one there is an image to loggin so how can i make the image to do the same job as the button does ..
the first page is www.alami.net
the secound is www.alami.net/beta2

[Jona]

This is actually accomplished with pure HTML:

<input type=image src="theFile.jpg"">

[mrnader]

please guys i want someone to help me in doing the same form which is in www.alami.net (user name and password form)
at this new page which is www.alami.net/beta2
using the image as a button instead of the button in the first page

thanxxxxxxxxxxxxx

[mrnader]

please guys i want someone to help me in doing the same form which is in www.alami.net (user name and password form)
at this new page which is www.alami.net/beta2
using the image as a button instead of the button in the first page

[khalidali63]

Originally posted by mrnader
please guys i want someone to help me in doing the same..................

In resoponse to your PM ,I did email back to you the solution for it.you should check your email as well ,you know.

http://68.145.35.86/temp/Alami-mnader.html

:D

Cheers

Khalid

[khalidali63]

And most certainly you must not keep posting until some one responds back to you.People at this forum just help others volunteerily,and keep posting one question is annoying.
I hope the modereator takes notes and deletes all of these threads but one that actually initiate the question first. I guess the original thread was

http://forums.webdeveloper.com/showthread.php?s=&threadid=7695


Khalid

[mrnader]

wELL THANK U ALL FOR TRYING TO HELP ME ....
STILL DIDN'T GET WHAT I NEED .,..
WHICH THE SCRIPT WHICH I HAVE TO PUT IN THE IMAGE BUTTON AND THE JAVA SCRIPT TO MAKE IT CHECKING THE USERNAME AND THE PASSWORD

THANX ANYWAYS

[mrnader]

<SCRIPT language=javascript>

function setupSession () {
document.emuform.password.value = document.emuform.pass_tmp.value;
document.emuform.pass_tmp.value = "";

document.cookie="emu_session=; expires=Sun, 01-Jan-1995 01:00:00 GMT;";
today = new Date();
document.emuform.sessionID.value = today.getTime();
}

</SCRIPT>

***********************************
<FORM name=emuform onsubmit=setupSession() action=emumail.fcgi
method=post><INPUT type=hidden value=login_parse name=passed> <INPUT type=hidden
value=1 name=first> <INPUT type=hidden name=sessionID> <INPUT type=hidden
name=password>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="85%" bgColor=#ffffff>
<TABLE cellSpacing=1 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 cellPadding=0 width="85%" border=0>
<TBODY>
<TR>
<TD align=right width="50%"><FONT class=default>Email
address:&nbsp;</FONT></TD>
<TD><INPUT size=30 name=user_name> </TD></TR></TD></TR>
<TR>
<TD align=right><FONT class=default>Password:&nbsp;</FONT></TD>
<TD><INPUT type=password size=30 name=pass_tmp
autocomplete="off"> </TD></TR>
<TR>
<TD align=right><FONT class=default>Interface:&nbsp;</FONT></TD>
<TD><SELECT name=type> <OPTION
selected>normal<OPTION>classic</OPTION></SELECT> </TD></TR>
<TR>
<TD align=right>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR align=middle>
<TD colSpan=2>&nbsp;<BR><INPUT type=submit value="Login &amp; Check Email">
</TD></TR>
</TBODY></TABLE></TD></TR></TBODY></TABLE><!-- Close Body --></TD></TR>
</TBODY></TABLE>
<STYLE type=text/css>FONT.copyright {
FONT-SIZE: 8pt; COLOR: #006699; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: underline
}
</STYLE>

</FORM>


how can i add it to my page at www.alami.net/beta2
using the image button ...... it is not working with me any ways ,,,,

[khalidali63]

As I have posted solution for you quite some time ago,I just don't understand whats there that is stil you want to be done...the link I posted above does submit form when clicked on the image,but what happens after that you need to determine,you have to make sure tha cgi script takes care of the values you are submiting.

Cheers

Khalid

[mrnader]

The old page is www.alami.net
and the new one is www.alami.net/beta2

i need the same form which is at www.alami.net to be done the same doing the same job at the new page ....

thanx in advance

[mrnader]

I don't need u to do me the whole thing ,,
thanx for ur help any ways ,,,,
khaledali63 is good enough to help me