Discussion :

[fabien14]

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

[fabien14]

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

[_Mac_]

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";

[fabien14]

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)');

[_Mac_]

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.

[fabien14]

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