9/2/2010

Instructions:
Clicking the Copy HTML buttons will copy the HTML to your clipboard. You can then paste the code directly into your website's HTML.

Login Option 1:

HTML for this option:

function CheckCardNumber()
	{

var fGroupId = document.Login.GroupId.value;
		var fMemberId = document.Login.MemberId.value;
		var fCardNumber = fGroupId + fMemberId;
		var fValidChr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
		var fErrorStr = "The card number you entered is incorrect. Please follow these instructions:\n\n1 - Type the first group of numbers (or letters) from your card into the first box\n2 - Type the second group of numbers (or letters) into the second box\n3 - Click \"Go\"\n\nNote: Do not enter the dash or other non-alphanumeric characters."
		var fError = false;

//Check for numbers
		if (fGroupId.length < 1 || fMemberId.length < 1)
			{
			fError = true;
			}
		
		// Allow ONLY alphanumeric characters: no dashes, symbols or punctuation
		for (i = 0; i < fCardNumber.length; i++)
		{
			fCurrentChr = fCardNumber.charAt(i);
			
			for (j = 0;  j < fValidChr.length;  j++)
				
				if (fCurrentChr == fValidChr.charAt(j))
					break;
			
				if (j == fValidChr.length)
				{
					fError = true;
					break;
				}
		}

//Display error alert	
		if (fError == true)
		{
			alert(fErrorStr);
			document.Login.GroupId.focus();
			return false;
		}
		return true;
		}
	function getHTML(n)
   { 
   
	if (n == 1)
	{
	Copied = htmlTxt1.createTextRange();
	Copied.execCommand("Copy");
	} if (n == 2)
	{
	Copied = htmlTxt2.createTextRange();
	Copied.execCommand("Copy");
	} if (n == 3)
	{
	Copied = htmlTxt3.createTextRange();
	Copied.execCommand("Copy");
	} if (n == 4)
	{
	Copied = htmlTxt4.createTextRange();
	Copied.execCommand("Copy");
	
	}
	
	}</script><table cellpadding="0" cellspacing="0" width="200" height="127" ID="Table1">
												<tr>
													<td align="right" style="background-image: url(http://www.accessneighborhood.com/photolib/AN/logincard.gif); background-repeat: no-repeat;">
														<FORM name="Login" target="_top" id="Login" onsubmit="return CheckCardNumber();" action="http://www.accessneighborhood.com/default2k1.asp"
															method="post">
															<TABLE cellSpacing="0" cellPadding="0" width="200" height="127" align="left" border="0"
																ID="Table2">
																<tr>
																	<td height="30"><img src="http://www.accessneighborhood.com/photolib/common/spacer.gif">
																	</td>
																</tr>
																<TR>
																	<TD height="30" align="right" style="padding-right: 15px; padding-top: 18px;"><SPAN class="small">
													<INPUT id="Text1" style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: arial, helvetica, sans-serif; BACKGROUND-COLOR: #dae4d9"
																				size="6" name="GroupId"> - 
													<INPUT id="Text2" style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: arial, helvetica, sans-serif; BACKGROUND-COLOR: #dae4d9"
																				size="6" name="MemberId">
													</SPAN>
																	</TD>
																</TR>
																<tr>
																	<TD height="30" align="right" style="padding-right: 15px; padding-top: 8px;">
																		<INPUT id="Image1" type="image" hspace="0" src="http://www.accessneighborhood.com/photolib/AN/buttongo.gif"
																			vspace="0" border="0" name="Image1">
																	</TD>
																</tr>
																<tr>
																	<td height="27"><img src="http://www.accessneighborhood.com/photolib/common/spacer.gif">
																	</td>
																</tr>
															</TABLE>
														</FORM>
													</td>
												</tr>
											</table>

Login Option 2:

Click Here To Login

HTML for this option:

Login Option 3:

HTML for this option:

Login Option 4:

HTML for this option: