Vérification pseudo qui ne marche pas
Bonjour tout le monde.
Hier j'ai fait l'acquisition du livre " Javascript" de chez MicroApplication.
Je veux tester l'un de leurs exemple mail il me marche pas. J'ai pourtant recopié le livre.
Code:
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
|
<script type="text/javascript">
function ajaxPseudo(f){
var xhr_object = null;
if (window.XMLHttpRequest){
//pour Firefox
xhr_object = new XMLHttpRequest();
alert("Vous utilisez Firefox comme navigateur");
}
else if (window.ActiveXObject){
//pour IE
xhr_object = new ActiveXObject ("Microsoft.XMLHTTP");
alert("Vous utilisez IE comme navigateur");
}
else {
alert("Votre navigateur, c'est autre chose !");
return;
}
var url="pseudo.php?pseudo="+escape(f.pseudo.value)+"&ville="+escape(f.ville.value)+"&annee="+escape(f.anne.value);
xhr_object.open("GET", url, true);
xhr_object.open.onreadystatechange = function(){
if (xhr.object.readyState == 4){
var reponse = xhr_object.responseText
var regSeparateur=new RegExp(";", "g");
var parties=reponse.split(regSeparateur);
if (parties[0] == "CONTROLE_PSEUDO"){
var div=document.getElementById("divControlePseudo");
if (parties[1]=="OK"){
div.innerHTML="Pseudo disponible";
div.className="controleOK";
div.style.display="";
}
else{
var regSeparateurProposition=new RegExp(",","g");
var propositions=parties[2].split(regSeparateurProposition);
div.innerHTML="Pseudo réservé";
if (parties[2] !=""){
div.innerHTML+="<br /> Nous vous proposons : ";
}
for (var i=0;i<propositions.length ; i++){
div.innerHTML+="<a href=\"javascript:choixPseudo('"+propositions[i]+"')\">
"+propositions[i]+"</a>";
}
div.className="controleNOT_OK";
div.style.display="";
}
}
}
}
xhr_object.send(null);
}
function choixPseudo(proposition){
document.monFormulaire.pseudo.value=proposition;
ajaxPseudo(document.monFormulaire);
}
</script>
<style type="text/css">
body{
font-family:arial;
font-size:10pt;
}
label{
width:250px;
float:left;
}
.controleOK{
margin-left:250px;
color:#339966;
font-weight:bold;
}
.controleNOT_OK{
margin-left:250px;
color:#FF0033;
font-weight:bold;
}
</style>
Inscrivez-vous :<br /><br />
<form name="monFormulaire">
<label>Indiquez votre ville :</label> <input type="text" name="ville" /><br />
<label>Indiquez votre année de naissance :</label> <input type="text" name="annee" /><br />
<label>Choisissez votre pseudo :</label> <input type="text" name="pseudo" onChange="ajaxPseudo(this.form)" /><br />
<div id="divControlePseudo" style="display:none" class="controleOK"></div>
</form>
<br /> |
Voyez vous le problème?
Ps : il manque un ";" à la fin de var reponse mais c'est comme ça dans le livre
