Incrémenter le compteur dans un <span>

Version imprimable

22/07/2011, 17h32
Juju54350

Incrémenter le compteur dans un <span>
Bonjour à tous,

Est-il possible d'incrémenter la valeur d'un span (à la base qui est de "1") à chaque clic sur un bouton ?
Je sais qu'à chaque chargement de la page, la valeur du span se réinitialise mais y aurait-il un moyen qu'elle se mette à jour (+1) ?
Genre quelque chose comme ça :
Code:

1 2 $("#page_number").text(parseInt(parseInt($("#page_number").text()) + 1));
Au final, je voudrais que si je clique sur le bouton de la première page que la valeur du span soit égale à "2" quand la deuxième page est chargée et ainsi de suite.
22/07/2011, 18h07
provirus

Si quand tu dis que tu changes de page, le span est toujours visible et donc tu la changes avec un appel AJAX, il faudrait peut-être juste enlever un parseInt puisque tu demandes de parser un entier plutôt qu'un string la seconde fois

Code:

$("#page_number").text(parseInt($("#page_number").text()) + 1);

Par contre, si la page en entier se recharge à chaque changement, tu vas plutôt devoir utiliser des cookies. Pour ce faire, tu peux utiliser le plugin jQuery http://plugins.jquery.com/project/Cookie ou en JavaScript http://www.w3schools.com/js/js_cookies.asp
25/07/2011, 09h10
Juju54350

En fait, la page se recharge entièrement à chaque clic sur le bouton OK (c'est un questionnaire). Donc il faudrait que j'utilise des cookies pour stocker la dernière valeur afin de mettre à jour le span ?
25/07/2011, 12h58
provirus

Puisqu'il faut garder la valeur, oui c'est un cookie
25/07/2011, 13h10
SpaceFrog

ou passer la valeur en get dans l'url (ou en post avec la langage serveur)
25/07/2011, 13h33
Juju54350

Citation:

Envoyé par provirus

Puisqu'il faut garder la valeur, oui c'est un cookie

Oui voilà, mais est-il possible de changer la valeur d'un cookie qui est déjà créé ?

Code:

$.cookie("mon_cookie") = "nouvelle_valeur";

Citation:

Envoyé par SpaceFrog

ou passer la valeur en get dans l'url (ou en post avec la langage serveur)

Je ne peux utiliser que du langage client. En clair, il faut ajouter un paramètre dans l'URL ?
25/07/2011, 13h37
SpaceFrog

ben vu que le cookies ne sont pas activés par tout le monde, le plus sur est de passer ton paramètre dans l'url
sinon oui un cookie n'est pas en lecture seule ...
25/07/2011, 14h23
Juju54350

Je vais voir pour l'URL après. J'essaye avec le cookie déjà mais ce code n'a pas l'air de fonctionner (pour modifier sa valeur) :

Code:

$.cookie("page_number") = "test"
25/07/2011, 14h27
SpaceFrog

Code:

$.cookie("page_number", "test")
25/07/2011, 14h38
Juju54350

Ouais mais là c'est pour créer un cookie non ? Moi j'en crée un au départ et à chaque chargement je voudrais modifier sa valeur. Est-ce quelque chose du genre marche ?

Code:

$.cookie("page_number") = parseInt($.cookie("page_number")) + 1;
25/07/2011, 14h59
SpaceFrog

Code:

$.cookie("page_number",parseInt($.cookie("page_number")) + 1);
25/07/2011, 15h18
Shikiryu

et sinon, ne pas oublier le 2ème argument de parseInt() sinon, on peut avoir de drôle de surprises. (si par exemple, la 1ère page est appelée "01" :))

Code:

$.cookie("page_number",parseInt($.cookie("page_number"), 10) + 1);

Code:

1
2
3
$.cookie("page_number",1);
$.cookie("page_number",+$.cookie("page_number")+1) ;
alert($.cookie("page_number"))

25/07/2011, 16h24
Juju54350

Au premier clic, ça fonctionne bien (alert me renvoie 2). Mais après ça me renvoie toujours 2 (ce qui veut dire que la valeur du cookie ne se met pas à jour). Je vais encore chercher mais je me demande si c'est vraiment possible de faire ça.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
$(function(){
   	if($.cookie("page_number")!="undefined"){
	 $.cookie("page_number", +$.cookie("page_number")+1) ;
	 }
	else  {$.cookie("page_number",1)}
	alert($.cookie("page_number"))
	  });
</script>
</head>
<body>
<input type="button" onclick="self.location.href=self.location.href" value="go" />
</body>
</html>

26/07/2011, 09h34
Juju54350
Merci SpaceFrog ! Cette ligne "$.cookie("page_number", +$.cookie("page_number")+1);" fonctionne bien. Le seul hic qui me reste c'est pour la condition :
Code:

1 2 3 if ($.cookie("page_number") == "5") { //instructions }
Est-ce que ceci est correct ?

et si tu testais ???

Code:

1
2
3
4
if ($.cookie("page_number") == "5") {
//instructions
alert("page 3")
}

26/07/2011, 10h12
Juju54350

Ah excuse-moi j'avais testé mais ça fonctionnait pas, la condition est bonne, c'est ce qui est à l'intérieur qui bugge. Je vais voir de ce côté-là.

EDIT : Non en fait c'est bon, j'ai oublié de déclarer une variable. :D Merci encore SpaceFrog. :)