Flux rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Disponibilité Pseudo en Ajax

univscien, le dimanche 3 février 2008 à 17:14:14
Salut, je me suis mis peu à peu a l'Ajax, et je rencontre quelques problèmes... :o

Mon but est de vérifier la disponibilité d'un pseudo lors de l'inscription (A chaques carractère entré)
Mon problème, c'est que çà n'a pas l'air de fonctionner:

Inscription.php (Je ne met que le principale):
<?php
include("haut.php");#------J'y inclut script.js------#
echo'<br><center><b>Inscription</b></center>';
 
if ($_SESSION['identification'] != 'OK')## Si l'utilisateur n'est pas connecté
{
        ##CONEXION  BDD
        if (!$_GET['inscription'])## Premier affichage
        {
        $Sselecpseudo = mysql_query("SELECT pseudo FROM pixelmembres");
        while ($selecpseudo = mysql_fetch_array($Sselecpseudo))
        {
                $pseudodonne = strtolower($selecpseudo['pseudo']);
                $pseudopost = strtolower($_POST['Ipseudo']);
                if($pseudodonne == $pseudopost){$dispo = 'no';}
        }
        if($dispo == 'no'){$colorpseudo = 'red';}else{$colorpseudo = 'green';}
        echo'<br><br><br><form action="inscription.php?inscription=1" method="post">
        Pseudo:<span style="margin-left:106px;"><input style="border-color: '.$colorpseudo.';" type="text" id="Ipseudo" name="Ipseudo" maxlength="25" onKeyUp="return envoiPost();" /> *</span>';
        echo'<br>
        Mot de passe:<span style="margin-left:70px;"><input type="password" name="Imotdepasse" maxlength="25" /> *</span><br>
        Retapez le Mot de passe:<span style="margin-left:5px;"><input type="password" name="Iconfmotdepasse" maxlength="25" /> *</span><br>
        E-mail:<span style="margin-left:110px;"><input type="text" name="Iemail" maxlength="25" /></span><br>
        Sexe:<span style="margin-left:115px;">
                 <select name="Isexe">
                 <option value="Masculin">Masculin</option>
                 <option value="Feminin">Feminin</option>
                 </select> *</span><br>
        Couleur du pixel:<span style="margin-left:49px;">
                                         <select name="Icouleur">
                                         <option value="noir">Noir</option>
                                         <option value="blanc">Blanc</option>
                                         <option value="marron">Marron</option>
                                         <option value="violet">Violet</option>
                                         <option value="bleu">Bleu</option>
                                         <option value="rouge">Rouge</option>
                                         <option value="orange">Orange</option>
                                         <option value="jaune">Jaune</option>
                                         <option value="vert">Vert</option>
                                         <option value="rose">Rose</option>
                                         </select> *</span><br><br>
        <input style="height: 21px;" type="submit" value="Valider" />
        </form>';
        }
}
else## Sinon si l'utilisateur est connécté
{
echo '<br><br>Vous êtes déjà inscrit !';
}
 
include("bas.php");
?>


script.js:
/**
  *   INITIALISATION DE l'AJAX
  **/  
 function ajaxInit()
 {
    // ========================================================================================
     // ============== Initialisation de la classe permettant de faire de l'AJAX ===============
     // ========================================================================================
   
   
    if (window.XMLHttpRequest) { // Mozilla, Safari,...
       httpReq = new XMLHttpRequest();
       if (httpReq.overrideMimeType) {
        httpReq.overrideMimeType('text/xml');
       }
    } else if (window.ActiveXObject) { // IE
      try {
        httpReq = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e) {
         try {
            httpReq = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (e) {}
     }
    }
   if (!httpReq) {
       alert('Cannot create XMLHTTP instance');
       return false;
    }
    // ----------------------------------------------------------------------------------------
    // ============ Fin Initialisation de la classe permettant de faire de l'AJAX =============
    // ----------------------------------------------------------------------------------------
 }
 
 /**
*   ENVOI DU POST EN AJAX
**/
 function envoiPost()
 {
    // Initialisation de l'ajax
   ajaxInit();
   
   var texte = document.getElementById("Ipseudo").value;
   var url = "inscription.php";
   
    var post = texte;
   
    // =================================================
   // ========== Execution de la requete ==============
   // =================================================
   
   httpReq.onreadystatechange = resultatPost;
 
    httpReq.open('POST', url, true); //envoi POST
    httpReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   httpReq.setRequestHeader("Content-length", post.length); // taille du post envoyé
    httpReq.setRequestHeader("Connection", "close");
   httpReq.send(post);
 
    // -------------------------------------------------
    // ======== Fin Execution de la requete ============
   // -------------------------------------------------
   
    return false; // empeche le rechargement de la page
 }
 
 /**
 *   RESULTAT RETOURNE PAR LA REQUETE
**/
 function resultatPost() {
    // ============================================================
   // ========== test sur l'execution de la requete ==============
    // ============================================================
 
    if (httpReq.readyState == 4) {
       if (httpReq.status == 200) {
         var postResult = httpReq.responseText;
 
         document.getElementByTagName("body").innerHTML = postResult; // affichage du resultat
      } else {
         alert('Un problème est survenu avec la requête.');
      }
    }
 
   // ------------------------------------------------------------
    // ======== Fin test sur l'execution de la requete ============
    // ------------------------------------------------------------
 }


Voilà, mon problème c'est que le cadre reste vert alors qu'il devrait passer au rouge lorsque je rentre un pseudo déjà existant.
Merci de m'aider... :)
Configuration: Windows Vista
Firefox 3.0
Répondre à univscien  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Alain_42, le dimanche 3 février 2008 à 23:50:16
Es tu sur que ton onKeyUp appelle ta fonction JS ?

Ou ton script js, il ne doit pas être inclus correctement

fais
<script language="javascript" src="ton_script_js"></script>
Répondre à Alain_42
AJAX - Introduction AJAX (Asynchronous Javascript And XML, traduisez Javascript asynchrone et XML) est une méthode de développement web basée sur l'utilisation d'un script Javascript pour effectuer des requêtes web à l'intérieur d'une page web sans recharger la page.... www.commentcamarche.net/ajax/ajax-intro.php3
Ajouter des trucs speciaux sur pseudo msn (Résolu)Slt , Jvoudrais vous demandez si kelkun sais comment ont ajoute des trucs speciaux sur le pseudo de msn , par exemple ma copine a mit des ronds colorés mais ne me veux pas expliqué car c la seul donc voila , si kelkun sais comment faire ou a un bon... www.commentcamarche.net/forum/affich-3881990-ajouter-des-trucs-speciaux-sur-pseudo-msn
[MSN]Un pseudo en couleurs (Résolu)Bonjour Je souhaiterais, à l'aide de MSN Plus, écrire un message en couleurs. J'ai ColorNick, comme logiciel, mais je n'arrive pas à m'en servir : j'ai beau utiliser ColorNick, mon pseudo reste en noir ! Alors peut-être que je... www.commentcamarche.net/forum/affich-1530538-msn-un-pseudo-en-couleurs
Changer de pseudonyme sur CCMSi vous voulez, pour une quelconque raison, changer de pseudonyme sur ce site, il vous suffit de contacter les administrateurs grâce à ce formulaire. Le nombre de vos messages et toutes vos discussions en cours seront transférés sur le nouveau compte ! www.commentcamarche.net/faq/sujet-12040-changer-de-pseudonyme-sur-ccm
Trucs et astuces pour MSN MessengerPour commencer je vous propose ce site qui contient tout ce qu’il faut (logiciels, plug-in, etc…) pour rendre MSN plus agréable : Version 7.5 minimum requise avec Messenger Plus ! 1- Colorer votre PSEUDO 2- Colorer votre MESSAGE PERSO www.commentcamarche.net/faq/sujet-3272-trucs-et-astuces-pour-msn-messenger
Supprimer un compte MSN MessengerVous voulez trier ou ôter des pseudos qui apparaissent dans la liste déroulante au démarrage de MSN Messenger ? Il existe plusieurs façons de procéder : Suppression d'un compte avec MSN version 7 Suppression d'un compte avec Windows Live... www.commentcamarche.net/faq/sujet-1153-supprimer-un-compte-msn-messenger
[AJAX] Problème de compatibilité IE (Résolu)Bonjour, Je fais des tests sur la techno AJAX et rencontre un problème depuis plusieurs jours sans trouver de solution. Le script de test que j'ai réalisé est ici : http://gameonweb.free.fr/Ajax/. Ca consiste juste à mettre à jour régulièrement 2... www.commentcamarche.net/forum/affich-2358378-ajax-probleme-de-compatibilite-ie
Tchat et pseudo (Résolu)Bonjour, inscrit sur le tchat nostalgie sans y trouver autre chose que rien ...je souhaiterais me désinscrire mais mon pc garde mémoire de mon pseudo et dès que je clique sur le tchat pour vérifier que je suis désinscrit ..je vois avec surprise que mn... www.commentcamarche.net/forum/affich-4030003-tchat-et-pseudo
L'AJAX pour tous par GooglePour ceux qui auraient la tête dans le sable depuis plusieurs mois, AJAX est la technologie à la mode. Ce n'est rien de plus qu'une combinaison de technologies existantes depuis plusieurs années (HTML+CSS+Javascript+DOM+XmlHttpRequest), mais elle... www.commentcamarche.net/actualites/l-ajax-pour-tous-par-google-2237409-actualite.php3
AJAX - Introduction Les sites web utilisant AJAX bénéficient des avantages suivants : Une interface réactive car AJAX permet de modifier localement la page web ; Une rapidité d'exécution car seules les données à modifier dans la page sont échangées selon le protocole... www.commentcamarche.net/ajax/ajax-avantages.php3
AJAX - Introduction Les sites web utilisant AJAX bénéficient des avantages suivants : Une interface réactive car AJAX permet de modifier localement la page web ; Une rapidité d'exécution car seules les données à modifier dans la page sont échangées selon le protocole... www.commentcamarche.net/javascript/xmlhttprequest.php3
Toutes les réponses pour « Disponibilité Pseudo en Ajax »