| 12
 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