Why the Ajax code below in ajax.js causes everything on my page to not function ? pls help...
Code:
var a=0;
var b=0;
var c=0;
var d=0;
var e=0;
var f=0;
function check1()
{
if (document.getElementById("text1").value == "")
{
a=0;
document.getElementById("alert1").style.visibility="visible";
}
else
{
a=1;
document.getElementById("alert1").style.visibility="hidden";
}
}
function check2()
{
if (document.getElementById("text2").value == "")
{
b=0;
document.getElementById("alert2").style.visibility="visible"
}
else
{
b=1;
document.getElementById("alert2").style.visibility="hidden";
}
}
function check3()
{
if (document.getElementById('text3').value == "")
{
document.getElementById("alert3").style.visibility="visible";
c=0;
}
else
{
document.getElementById("alert3").style.visibility="visible";
c=1;
}
}
function check4()
{
if (document.getElementById('text4').value == "")
{
document.getElementById("alert4").style.visibility="visible";
d=0;
}
else
{
document.getElementById("alert4").style.visibility="hidden";
d=1;
}
}
function check5()
{
if (document.getElementById('text5').value == "")
{
document.getElementById("alert5").style.visibility="visible";
e=0;
}
else
{
document.getElementById("alert5").style.visibility="hidden";
e=1;
}
}
function check6()
{
if (document.getElementById('text6').value == "")
{
document.getElementById("alert6").style.visibility="visible";
f=0;
}
else
{
if (document.getElementById('text6').value==document.getElementById('text5').value)
{
document.getElementById("alert6b").style.visibility="hidden";
f=1;
}
else
{
document.getElementById("alert6b").style.visibility="visible";
f=-1;
}
}
}
var xmlHttp;
var xmlHttp2;
function GetXmlHttpObject()
{
var xmlHttp=null;
var xmlHttp2=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
xmlHttp2=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
xmlHttp2=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
xmlHttp2=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
return xmlHttp2;
}
function checkUsername(str)
{
if (str.length==0)
{
document.getElementById("alert4").style.visibility="visible";
return;
}
else
{
document.getElementById("alert4").style.visibility="hidden";
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="username.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged();
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("alertuse").innerHTML=xmlHttp.responseText;
}
}
function signup(stra, strb, strc, strd, stre)
{
xmlHttp2=GetXmlHttpObject()
if (xmlHttp2==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url2="signingup.php";
url2=url2+"?a="+stra+"?b="+strb+"?c="+strc+"?d="+strd+"?e="+stre"?f="+a+"?g="+b+"?h="+c+"?i="+d+"?f="+e;
xmlHttp2.onreadystatechange=stateChanged2;
xmlHttp2.open("GET",url2,true);
xmlHttp2.send(null);
}
function stateChanged2()
{
if (xmlHttp2.readyState==4)
{
document.getElementById("www").innerHTML=xmlHttp2.responseText;
}
}
this is the form:
Code:
<html>
<head>
<title></title>
<script src="ajax.js" type="text/javascript"></script>
</head>
<body>
<label for=first id=first>First Name :</label> <input type="text" id="text1" onchange="check1();" />
<span id="alert1" style='visibility:hidden;'><< Please fill your first name in this field.</span><br><br>
<label for=last id=last>Last Name :</label> <input type="text" id="text2" onfocus="check1();" onchange="check2();" />
<span id="alert2" style='visibility:hidden'><< Please fill your last name in this field.</span><br><br>
<label for=email id=email>E-mail :</label> <input type="text" id="text3" onfocus="check1(), check2();" onchange="check3();" />
<span id="alert3" style='visibility:hidden'><< Please fill your email in this field.</span><span id="alert3b" style='visibility:hidden'><< Your email ain't valid. Please enter a valid e-mail.</span><br><br>
<label for=username id=username>Username :</label> <input type="text" id="text4" onfocus="check1(), check2(), check3();" />
<span id="alert4" style='visibility:hidden'><< Please fill your desired username in this field.</span>
<span id="alert4b" style='visibility:hidden'><< Username taken. Please choose another username.</span><br><br>
<label for=pass id=pass>Password :</label> <input type="password" id="text5" onfocus="check1(), check2(), check3(), checkUsername(document.getElementById('text4').value);" onchange="check5();" />
<span id="alert5" style='visibility:hidden'><< Please fill your desired password in this field.</span><br><br>
<label for=cpass id=cpass>Confirm Password :</label> <input type="password" id="text6" onfocus="check1(), check2(), check3(), check4(), check5();" /><span id="alert6a" style='visibility:hidden'><< Please confirm your password.</span><span id="alert6b" style='visibility:hidden'><< Passwords don't match.</span><br><br>
<span id=alertuse></span> <span id=www></span>
<input type="submit" name="signup" value="Sign Up" onmouseover="signup(document.getElementById('text1').value, document.getElementById('text2').value, document.getElementById('text3').value, document.getElementById('text4').value, document.getElementById('text6').value);" />
<div id=confirm style='visibility:hidden;'>
Please enter the confirmation code in the box below.<br><br>
Confirmation Code: <input type="text" name="ccode" /> <input type="button" value="Confirm" onclick=''/>
</div>
</body>
</html>
Reply With Quote
