IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

Envoi de requête et réaffichage du DIV( System de vote)


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2006
    Messages
    141
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 141
    Par défaut Envoi de requête et réaffichage du DIV( System de vote)
    Bonjour,

    Je cherche un faire un system de vote avec du javascript/ajax un peu comme ce site

    Désolé pour l'exemple de site mais pour prendre exemple sur ce site : http://www.viedemerde.fr/

    Quand on clique sur "tu l'as bien mérité" en dessous de chaque texte , Sa envoi une requête SQL je pense pour incrémenter le compteur et sa affiche la nouvelle valeur.

    Pouvez vous m'expliquer comment faire cela ? ou un tutorial ?

    Merci

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2006
    Messages
    141
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 141
    Par défaut
    Alors j'ai trouvé ceci

    Code : 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
    <script type="text/javascript">
    function exemple()
    {
    obj = document.getElementById("resultat");
     
    if(window.XMLHttpRequest) // FIREFOX
    xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject) // IE
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    else
    return(false);
    // On appele la page avec l'id en GET
    xhr_object.open("GET", "/test.php?valeur=XXXXXXX", true);
    xhr_object.send(null);
     
    obj.innerHTML += "OK (On affiche le compteur aprés la requete SQL)";
     
    }
    </script>
    <a href="javascript:exemple()">Hop, on essaye !</a>
    <div id="resultat"></div>
    Cependant je ne sais pas comment faire pour récuperer la valeur javascript:exemple(78)" et le mettre a la place de tout les XXXXX ici
    xhr_object.open("GET", "/test.php?valeur=XXXXXXX", true);

    Si je comprend bien tout j'ai qu'a mettre ma requete SQL dans la page test.php afin que la requete se fasse. Mais comment faire pour que
    obj.innerHTML += "OK (On affiche le compteur aprés la requete SQL)";

    Affiche "OK, 41 votes" par exemples ?

    Merci

  3. #3
    Rédacteur
    Avatar de _Mac_
    Profil pro
    Inscrit en
    Août 2005
    Messages
    9 601
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 9 601
    Par défaut
    Ben il suffit de déclarer un nom de variable dans le prototype de ta fonction exemple et de l'utiliser ensuite :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function exemple(mavariable)
    {
        ...
        xhr_object.open("GET", "/test.php?valeur=" + mavariable, true);
        ...
    }
    Et donc oui, tu codes ta requête SQL dans test.php. Ensuite, dans ce test.php, tu renvoies juste le nombre de votes que tu récupères ainsi :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    obj.innerHTML += "OK, " + xhr_object.responseText + " votes";

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2006
    Messages
    141
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 141
    Par défaut
    ca marche merci

    cependant je comprend pas le "+ xhr_object.responseText " dans ma requete j'ai fait un count ... je sais pas trops si c sa qu'il falais faire ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    	$db=@mysql_query('SELECT count(id) FROM test');
    	$nb=@mysql_result($db,0,'count(id)');

  5. #5
    Rédacteur
    Avatar de _Mac_
    Profil pro
    Inscrit en
    Août 2005
    Messages
    9 601
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 9 601
    Par défaut
    Oui : dans test.php, tu fais juste un echo $nb pour renvoyer le résultat du count au navigateur. Ensuite, tu récupères ce résultat dans xhr_object.responseText. Les +, c'est pour concaténer les différentes chaînes de caractères.

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2006
    Messages
    141
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 141
    Par défaut
    Ok

    J'ai fait ceci mais sa ne marche pas

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <?php
     
    include 'config.php';
     
    if ($_GET['valeur'] == TRUE) {
     
    $result = mysql_query("UPDATE test SET toto = 'ok' WHERE id = '$_GET[valeur]' ");
     
            $db=@mysql_query('SELECT count(id) FROM test');
            $nb=@mysql_result($db,0,'count(id)');
     
    echo $nb;
    }
     
    ?>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    obj.innerHTML += "OK, " + xhr_object.responseText + " votes";
    J'ai du oublier quelque chose

Discussions similaires

  1. [JQuery] envoi de requête POST
    Par elvan49 dans le forum jQuery
    Réponses: 6
    Dernier message: 07/12/2007, 10h36
  2. Performances sur l'envoi de requètes
    Par Dadz dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 28/02/2007, 13h19
  3. Envoi de requêtes http
    Par Babaôrom dans le forum Langage
    Réponses: 4
    Dernier message: 13/10/2006, 10h52
  4. Envoi de requête HTTP
    Par loukili81 dans le forum Langage
    Réponses: 5
    Dernier message: 08/05/2006, 19h27
  5. Requête UPDATE, possibilité de DIV/0
    Par Invité dans le forum Access
    Réponses: 2
    Dernier message: 28/10/2005, 16h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo