bonjour, je veux faire un script en ajax qui permettera d'afficher image "ok" si le pseudo est valide. et img "nn" si le pseudo est erroné.Malheureusement çca marche pa bien.j'ai besoin de votre aide s.v.p. Cordialement
verif_pseudo.php
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
 
require_once("config.php");
 
$req="select * from utilisateur where nom='".$_GET['ps']."'";
$res=mysql_query($req);
if(mysql_num_rows($res)==0) { 
echo "NOP";
}
else { 
echo "YESP";
 
 }
 
 
 
?>
page.html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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
<html>
 
<head>
<title>Exemple Formulaire AJAX/PHP </title>
 
</head>
<script language="javascript" type="text/javascript">
function req_pseudo(pseudo) {
 
  //XMLHttpRequest est supporté par Internet Explorer 5.0+, Safari 1.2, Mozilla 1.0 / Firefox, Netscape 7
  if(document.all) var XhrObj = new ActiveXObject("Microsoft.XMLHTTP"); //Internet Explorer
  else var XhrObj = new XMLHttpRequest(); //Mozilla
 
  content = document.getElementById("pseudo_check");    //zone d'affichage
 
  XhrObj.open("GET", "verif_pseudo.php");
 
  //Ok pour la page cible
  XhrObj.onreadystatechange = function()
  {
    if (XhrObj.readyState == 4 && XhrObj.status == 200) {
      if (XhrObj.responseText == 'YESP') {
        // ok nouveau pseudo
        content.innerHTML='<img src="valid.png" alt=""/> Ok';
      } else {
        // erreur pseudo déjà existant
        content.innerHTML='<img src="annuler.png" alt=""/> Déjà pris';
      }
    }
  }
 
  XhrObj.send('ps='+pseudo);
 
}
 
</script>
<body>
 
<form name="login" method="GET">
<table><tr>
<td>Nom </td><td>: <input type="text" name="pseudo" value="" onblur="req_pseudo(this.value);"></td><td><span id="pseudo_check"></span>
</td>
 
</tr>
<tr><td>Me </td><td>: <input type="text" name="pass" id="im" ></td><td><div id="imagep"></div></td></tr>
</table>
</form>
</body></html>