How can I use Images Instead of Buttons

@mrnaderApr 12.2003

Well i am trying to make this site working well which is : ~~[url]~~http://www.alami.net/beta2[/url] 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 ~~[url]~~http://www.alami.net[/url]

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

to post a comment

JavaScript

14 Comments(s) _↴

@mrnaderauthorApr 12.2003 — #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....

@khalidali63Apr 12.2003 — #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

@khalidali63Apr 12.2003 — #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

@mrnaderauthorApr 12.2003 — #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

@JonaApr 12.2003 — #This is actually accomplished with pure HTML:

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

@mrnaderauthorApr 14.2003 — #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

@khalidali63Apr 14.2003 — #[i]Originally posted by mrnader [/i]

[B]please guys i want someone to help me in doing the same..................[/B][/QUOTE]

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

?

Cheers

Khalid

@khalidali63Apr 14.2003 — #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

@mrnaderauthorApr 17.2003 — #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

@mrnaderauthorApr 17.2003 — #<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: </FONT></TD>

<TD><INPUT size=30 name=user_name> </TD></TR></TD></TR>

<TR>

<TD align=right><FONT class=default>Password: </FONT></TD>

<TD><INPUT type=password size=30 name=pass_tmp

autocomplete="off"> </TD></TR>

<TR>

<TD align=right><FONT class=default>Interface: </FONT></TD>

<TD><SELECT name=type> <OPTION

selected>normal<OPTION>classic</OPTION></SELECT> </TD></TR>

<TR>

<TD align=right> </TD>

<TD> </TD></TR>

<TR align=middle>

<TD colSpan=2> <BR><INPUT type=submit value="Login & Check Email">

</TD></TR>

</TBODY></TABLE></TD></TR></TBODY></TABLE></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 ,,,,

@khalidali63Apr 17.2003 — #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

@mrnaderauthorApr 19.2003 — #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

@mrnaderauthorApr 20.2003 — #I don't need u to do me the whole thing ,,

thanx for ur help any ways ,,,,

khaledali63 is good enough to help me

Also in #JavaScript _↴

Adding timing to text Array Beginner needing help with what seems 2 be a simple java code Java script help please simpler?

Success!

Help @mrnader spread the word by sharing this article on Twitter...

Tweet This

How can I use Images Instead of Buttons

14 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

How can I use Images Instead of Buttons

14 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

14 Comments(s) _↴

Also in #JavaScript _↴