Ajax

[gerit99]

Ik probeer iets te maken (Niet belangrijk wat), maar daarvoor moet je inloggen. Maar voor het goeie effect, was mijn idee om een AJAX request te sturen naar getLogin.php, die echo't: true,Wrong Pass of Not valid user!. Ik heb ondertussen het geprobeerd, en door een of andere reden heeft hij moeite met document.getElementById('hidden').innerHTML aan te passen.
(Ja, ik heb het geschreven via PHP, dus die \'s moesten)
<script type=\"text/javascript\">
function remove1(){
document.getElementById('error').style.display = \"none\";
}
function start(){
document.getElementById('loading1').style.display = \"block\";
var a = ajax('hidden',\"getLogin.php\",\"?pass=\"+document.getElementById('login2')+\"&name=\"+document.getElementById('pass2'),true)
if (document.getElementById('hidden').innerHTML == \"Wrong Pass!\"){
document.getElementById('error').style.display = \"block\";
document.getElementById('error').innerHTML = \"That is not the right password for this account.\";
setTimeout(\"remove1()\",10000)
}
else if(document.getElementById('hidden').innerHTML == \"Not valid user!\"){
document.getElementById('error').style.display = \"block\";
document.getElementById('error').innerHTML = \"That account doesn't exist!\";
setTimeout(\"remove1()\",10000)
}else if(document.getElementById('hidden').innerHTML == \"true\"){

}
}
function ajax(elementID,filename,str,post)
{
var ajax;
if (window.XMLHttpRequest)
{
ajax=new XMLHttpRequest();//IE7+, Firefox, Chrome, Opera, Safari
}
else if (ActiveXObject(\"Microsoft.XMLHTTP\"))
{
ajax=new ActiveXObject(\"Microsoft.XMLHTTP\");//IE6/5
}
else if (ActiveXObject(\"Msxml2.XMLHTTP\"))
{
ajax=new ActiveXObject(\"Msxml2.XMLHTTP\");//other
}
else
{
alert(\"Error: Your browser does not support AJAX.\");
return false;
}
ajax.onreadystatechange=function()
{
if (ajax.readyState==4&&ajax.status==200)
{
document.getElementById(elementID).innerHTML=ajax.responseText;
}
}
if (post==false)
{
ajax.open(\"GET\",filename+str,true);
ajax.send(null);
}
else
{
ajax.open(\"POST\",filename,true);
ajax.setRequestHeader(\"Content-type","application/x-www-form-urlencoded\");
ajax.send(str);
}
return ajax;
}
</script>";
Het zou aardig zijn als iemand wist wat er fout is. :d

 

[gerit99]

Gefixd

Ik zag wat fouten, een fout in de style van de Error en het verwisselde pass name gedoe. Dit is het nu:

<script type=\"text/javascript\">
function remove1(){
document.getElementById('error').style.display = \"none\";
}
function start(){
document.getElementById('loading1').style.display = \"block\";
ajax('hidden',\"getLogin.php\",\"pass=\"+document.getElementById('pass2').value+\"&name=\"+document.getElementById('login2').value,true)
}
function ajax(elementID,filename,str,post)
{
var ajax;
if (window.XMLHttpRequest)
{
ajax=new XMLHttpRequest();//IE7+, Firefox, Chrome, Opera, Safari
}
else if (ActiveXObject(\"Microsoft.XMLHTTP\"))
{
ajax=new ActiveXObject(\"Microsoft.XMLHTTP\");//IE6/5
}
else if (ActiveXObject(\"Msxml2.XMLHTTP\"))
{
ajax=new ActiveXObject(\"Msxml2.XMLHTTP\");//other
}
else
{
alert(\"Error: Your browser does not support AJAX.\");
return false;
}
ajax.onreadystatechange=function()
{
if (ajax.readyState==4&&ajax.status==200)
{
document.getElementById(elementID).innerHTML=ajax.responseText;
if (document.getElementById('hidden').innerHTML == \"Wrong Pass!\"){
document.getElementById('error').style.display = \"block\";
document.getElementById('error').innerHTML = \"That is not the right password for this account.\";
document.getElementById('loading1').style.display = \"none\";
setTimeout(\"remove1()\",10000)
}
else if(document.getElementById('hidden').innerHTML == \"Not valid user!\"){
document.getElementById('error').style.display = \"block\";
document.getElementById('error').innerHTML = \"That account doesn't exist!\";
setTimeout(\"remove1()\",10000)
document.getElementById('loading1').style.display = \"none\";
}else if(document.getElementById('hidden').innerHTML == \"true\"){
document.getElementById('loading1').style.display = \"none\";
}

}
}


ajax.open(\"POST\",filename,true);
ajax.setRequestHeader(\"Content-type\",\"application/x-www-form-urlencoded\");
ajax.send(str);
return ajax;
}
</script>
En het werkt! Bedankt :d