Return to Snippet

Revision: 38053
at December 23, 2010 07:50 by mavrikicecool


Updated Code
<!--By Shashikanth reddy nalabolu - PHP Developer-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">

function status1()
{
	
	if(document.getElementById("hchk").value=="0"){
	//alert("if");
	
	document.getElementById("r1").innerHTML="Basic";
		document.getElementById("hchk").value="1";
		var div1=document.getElementById("login1");
		div1.style.display="none";
		var div2=document.getElementById("new_acc");
		div2.style.display="block";
		
	}else{
		//alert("else");
		
		document.getElementById("r1").innerHTML="Advance";
		document.getElementById("hchk").value="0";
		var div2=document.getElementById("new_acc");
		div2.style.display="none";
		var div1=document.getElementById("login1");
		div1.style.display="block";
	}
		
}
function start_up()
{
		var div2=document.getElementById("new_acc");
		document.getElementById("hchk").value="0";
		div2.style.display="none";
}	
</script>
</head>

<body  onLoad="start_up()">
<table id="Table_01" width="464" height="431" border="0" cellpadding="0" cellspacing="0">

 <tr>
 	<td align="right" valign="top"></td>

    <td align="left" valign="top" background="images/centertabbgb.GIF">
	
	<table width="100%">
		<tr>
		  <td valign="top" align="right"><a href="#" name="r1" onClick="javascript:status1()" id="r1">Advance</a><br />
		  <input type="hidden" name="hchk" id="hchk" value="0" />
		     </td>
		  </tr>
		<tr>

		  <td valign="top">
		  
		  <form name="frmLogin" action="" method="post"  onSubmit="return validate_login()">
		  
		  <div id="login1">
		  <table width="100%"  border="0" cellspacing="1" cellpadding="1">
            <tr>
				<tD><font face="Verdana"><small>Login Form</small></font><br /><br /></tD>
			</tr>
			<tr>

              <td width="49%"><font face="Verdana"><small>Enter the E-mail Address </small></font></td>
              <td width="2%">:</td>
              <td width="49%"><input name="userid" type="text" id="userid"></td>
            </tr>
            <tr>
              <td><font face="Verdana"><small>Password </small></font></td>
              <td>:</td>

              <td><input name="password" type="password" id="password"></td>
            </tr>
			
            <tr align="center">
              <td colspan="3" valign="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="submit" name="Submit3" value="Submit" />
                &nbsp;
                <input type="reset" name="Reset" value="Clear"/></td></tr>
            <tr align="center">

              <td colspan="3" valign="top"></td>
              </tr>
          </table>
		  </div>
		  </form>
		  
		  
		  </td>
		  </tr>
		
		<tr>
		<td valign="top">

		<form method="post" name="frmEnquiry" onsubmit="return Validate();">
		<input type="hidden" name="regis" value="1">
		<div id="new_acc">
		<table width="119%"  border="0" align="center" cellpadding="3" cellspacing="1">
              <tr bgcolor="#FEFBE0">
                <td width="46%" bgcolor="#FFFFFF"><font face="Verdana"><small>First Name</small></font></td>
         <td width="54%" bgcolor="#FFFFFF"><input id="text1" name="fbName" class="textbox" size="30"/></td>
       </tr>

       <tr align="left" valign="top">
         <td width="46%"><font face="Verdana"><small>Last Name</small></font></td>
         <td width="54%"><input id="text1" name="lbName" class="textbox" size="30"/>         </td>
       </tr>
	     <tr align="left" valign="top">
         <td><font face="verdana"><small> Email ID</small></font></td>
         <td><input id="text6" name="bEmail"
          class="textbox" size="30"/>         </td>

       </tr>
	    <tr align="left" valign="top">
         <td width="46%"><font face="Verdana"><small>Password</small></font></td>
         <td width="54%"><input name="pwd" type="password" class="textbox" id="text1" size="30"/>         </td>
       </tr>
	       <tr align="left" valign="top">
         
         </tr>


         <tr>
           <td>&nbsp;</td>
           <td><input name="Submit" type="submit"  value="Register" />
			&nbsp;&nbsp;
			<input type="reset" name="Submit2" value="Cancel" /></td>
           </tr>
           
          </table>
		</div>
		 </form> 
		</td>

		</tr>
		</table>
      <p class="textblack"></td>
                            <td valign="top">&nbsp;</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>

                          </tr>
                      </table>
</body>
</html>

Revision: 38052
at December 23, 2010 07:48 by mavrikicecool


Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">

function status1()
{
	
	if(document.getElementById("hchk").value=="0"){
	//alert("if");
	
	document.getElementById("r1").innerHTML="Basic";
		document.getElementById("hchk").value="1";
		var div1=document.getElementById("login1");
		div1.style.display="none";
		var div2=document.getElementById("new_acc");
		div2.style.display="block";
		
	}else{
		//alert("else");
		
		document.getElementById("r1").innerHTML="Advance";
		document.getElementById("hchk").value="0";
		var div2=document.getElementById("new_acc");
		div2.style.display="none";
		var div1=document.getElementById("login1");
		div1.style.display="block";
	}
		
}
function start_up()
{
		var div2=document.getElementById("new_acc");
		document.getElementById("hchk").value="0";
		div2.style.display="none";
}	
</script>
</head>

<body  onLoad="start_up()">
<table id="Table_01" width="464" height="431" border="0" cellpadding="0" cellspacing="0">

 <tr>
 	<td align="right" valign="top"></td>

    <td align="left" valign="top" background="images/centertabbgb.GIF">
	
	<table width="100%">
		<tr>
		  <td valign="top" align="right"><a href="#" name="r1" onClick="javascript:status1()" id="r1">Advance</a><br />
		  <input type="hidden" name="hchk" id="hchk" value="0" />
		     </td>
		  </tr>
		<tr>

		  <td valign="top">
		  
		  <form name="frmLogin" action="" method="post"  onSubmit="return validate_login()">
		  
		  <div id="login1">
		  <table width="100%"  border="0" cellspacing="1" cellpadding="1">
            <tr>
				<tD><font face="Verdana"><small>Login Form</small></font><br /><br /></tD>
			</tr>
			<tr>

              <td width="49%"><font face="Verdana"><small>Enter the E-mail Address </small></font></td>
              <td width="2%">:</td>
              <td width="49%"><input name="userid" type="text" id="userid"></td>
            </tr>
            <tr>
              <td><font face="Verdana"><small>Password </small></font></td>
              <td>:</td>

              <td><input name="password" type="password" id="password"></td>
            </tr>
			
            <tr align="center">
              <td colspan="3" valign="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="submit" name="Submit3" value="Submit" />
                &nbsp;
                <input type="reset" name="Reset" value="Clear"/></td></tr>
            <tr align="center">

              <td colspan="3" valign="top"></td>
              </tr>
          </table>
		  </div>
		  </form>
		  
		  
		  </td>
		  </tr>
		
		<tr>
		<td valign="top">

		<form method="post" name="frmEnquiry" onsubmit="return Validate();">
		<input type="hidden" name="regis" value="1">
		<div id="new_acc">
		<table width="119%"  border="0" align="center" cellpadding="3" cellspacing="1">
              <tr bgcolor="#FEFBE0">
                <td width="46%" bgcolor="#FFFFFF"><font face="Verdana"><small>First Name</small></font></td>
         <td width="54%" bgcolor="#FFFFFF"><input id="text1" name="fbName" class="textbox" size="30"/></td>
       </tr>

       <tr align="left" valign="top">
         <td width="46%"><font face="Verdana"><small>Last Name</small></font></td>
         <td width="54%"><input id="text1" name="lbName" class="textbox" size="30"/>         </td>
       </tr>
	     <tr align="left" valign="top">
         <td><font face="verdana"><small> Email ID</small></font></td>
         <td><input id="text6" name="bEmail"
          class="textbox" size="30"/>         </td>

       </tr>
	    <tr align="left" valign="top">
         <td width="46%"><font face="Verdana"><small>Password</small></font></td>
         <td width="54%"><input name="pwd" type="password" class="textbox" id="text1" size="30"/>         </td>
       </tr>
	       <tr align="left" valign="top">
         
         </tr>


         <tr>
           <td>&nbsp;</td>
           <td><input name="Submit" type="submit"  value="Register" />
			&nbsp;&nbsp;
			<input type="reset" name="Submit2" value="Cancel" /></td>
           </tr>
           
          </table>
		</div>
		 </form> 
		</td>

		</tr>
		</table>
      <p class="textblack"></td>
                            <td valign="top">&nbsp;</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>

                          </tr>
                      </table>
</body>
</html>

Initial URL

                                

Initial Description
Onclik change text in anchor and enable div which has form fields and hide onload default property

Initial Title
Onclik change text in anchor and enable div which has form fields and hide onload default property

Initial Tags

                                

Initial Language
JavaScript