Yahoo! Mail Form ~ Tested in IE6.0, Netscape7.02, Netscape8.1, Opera8.52, Firefox1.5.0.1 and AOL Explorer1.2

T his form will allow your visitors to open their Yahoo! inbox thru your site. Very simple and straight forward.

W e have tested the code in IE6.0, Firefox1.5.0.1, Opera8.52, Netscape7.02, Netscape8.0.4 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

D epending on your knowledge of HTML and javascripts, this is an easy two (2) part copy and paste code that the onLoad event handler goes directly the <BODY> tag and <BODY> section of your document wherever you want it to appear. If you need a little refresher on howto add an onload event handler into the <BODY> tag, see the below:

T he last part goes anywhere in the <BODY> section of your document wherever you want the login box to appear. There are actually no reconfigurations other rhan to reposition the two forms size of form etc. we have the forms on top of each other. The default has them next to each other. If you want to have them the way we do just add a <br> tag as shown below.

<FONT face=Arial size=-1>Yahoo!
ID:</FONT></TD>
<INPUT maxLength=32 name=login></TD></TR><br>
<FONT face=Arial
size=-1>Password:</FONT></TD>
<INPUT maxLength=32 name=passwd type=password>

Note of Importance ~ The site you get the code from has it set up as a complete HTML document. Just study the code and remove the tags etc. you do not need.

For your Information: The code has one error on it from the script site. Very minor and can be rectified in a matter of seconds. The <BODY> section of code for all intensive purposes is a <FORM>. Therefore it has to have an opening <FORM> and closing </FORM> tag. You need to add the closing </FORM> tag or if you have any other forms, logins or text boxes on your page, when activated they will go to the Yahoo login page. See the below on where and howto:

Default Without Closing </FORM> Tag

<CENTER>
<FONT color=black face=Arial
size=+1><B>Yahoo! Mail </B></FONT></TD></TR></TBODY></TABLE>
<P>
<FORM action=http://login.yahoo.com/config/login?f9p32lgm8eokn method=post
name=a autocomplete="off"><INPUT name=.tries type=hidden> <INPUT name=.src
type=hidden value=ym> <INPUT name=.last type=hidden> <INPUT name=promo
type=hidden> <INPUT name=.intl type=hidden> <INPUT name=.bypass type=hidden>
<INPUT name=.partner type=hidden> <INPUT name=.chkP type=hidden value=Y> <INPUT
name=.done type=hidden>
<FONT face=Arial size=-1>Yahoo!
ID:</FONT></TD>
<INPUT maxLength=32 name=login></TD></TR>
<FONT face=Arial
size=-1>Password:</FONT></TD>
<INPUT maxLength=32 name=passwd type=password>

<INPUT type=submit value="Sign in">
</TBODY></TABLE>
<TBODY>
</TR></TBODY></TABLE></CENTER>

N otice in the above the code does have an opening <FORM.....> tag but nowhere can be found the closing </FORM> tag. See below where you need to add this tag:

Reconfigured With Closing </FORM> Tag

<CENTER>
<FONT color=black face=Arial
size=+1><B>Yahoo! Mail </B></FONT></TD></TR></TBODY></TABLE>
<P>
<FORM action=http://login.yahoo.com/config/login?f9p32lgm8eokn method=post
name=a autocomplete="off"><INPUT name=.tries type=hidden> <INPUT name=.src
type=hidden value=ym> <INPUT name=.last type=hidden> <INPUT name=promo
type=hidden> <INPUT name=.intl type=hidden> <INPUT name=.bypass type=hidden>
<INPUT name=.partner type=hidden> <INPUT name=.chkP type=hidden value=Y> <INPUT
name=.done type=hidden>
<FONT face=Arial size=-1>Yahoo!
ID:</FONT></TD>
<INPUT maxLength=32 name=login></TD></TR>
<FONT face=Arial
size=-1>Password:</FONT></TD>
<INPUT maxLength=32 name=passwd type=password>

<INPUT type=submit value="Sign in">
</FORM>
</TBODY></TABLE>
<TBODY>
</TR></TBODY></TABLE></CENTER>

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ] [ Rate This Page ]