1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
|
<html>
<head>
<title>AJAX</title>
<script type='text/javascript'>
function writediv(texte) {
document.getElementById('pseudobox').innerHTML = texte; //permet de rafraichir la page, tu modifies le innerHTML de l'element à rafraichir avec le responseTexte d'ajax ...
}
function verifPseudo(pseudo) {
if (pseudo != '') {
if (pseudo.length < 2)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop court</span>');
else if (pseudo.length > 20)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop long</span>');
else if (texte = file('./verifpseudo.php?pseudo='+escape(pseudo))) { // C'est ici que tout se joue !
if (texte == 1)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est deja pris</span>');
else if(texte == 0)
writediv('<span style="color:#1A7917"><b>'+pseudo+' :</b> ce pseudo est libre</span>');
else
writediv(texte);
}
}
function file(fichier) {
if (window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if (xhr_object.readyState == 4)
return xhr_object.responseText;
else
return false;
}
</script>
</head>
<body>
<form action=''>
<input type='text' name='pseudo' onKeyUp="verifPseudo(this.value)" />
<div id='pseudobox'></div>
</form>
</body>
</html> |
Partager