Incrémenter le compteur dans un <span> [Résolu]

Juju54350 · 22/07/2011, 17h32

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

provirus · 22/07/2011, 18h07

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#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

Juju54350 · 25/07/2011, 09h10

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 ?

provirus · 25/07/2011, 12h58

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

SpaceFrog · 25/07/2011, 13h10

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

Juju54350 · 25/07/2011, 13h33

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$.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 ?

SpaceFrog · 25/07/2011, 13h37

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

Juju54350 · 25/07/2011, 14h23

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$.cookie("page_number") = "test"

SpaceFrog · 25/07/2011, 14h27

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$.cookie("page_number", "test")

Juju54350 · 25/07/2011, 14h38

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$.cookie("page_number") = parseInt($.cookie("page_number")) + 1;

SpaceFrog · 25/07/2011, 14h59

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Shikiryu · 25/07/2011, 15h18

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

SpaceFrog · 25/07/2011, 15h30

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Juju54350 · 25/07/2011, 16h24

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.

SpaceFrog · 25/07/2011, 16h34

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

Juju54350 · 26/07/2011, 09h34

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Est-ce que ceci est correct ?

SpaceFrog · 26/07/2011, 09h42

et si tu testais ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Juju54350 · 26/07/2011, 10h12

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.

Merci encore SpaceFrog.

22/07/2011, 18h07	#2
provirus Membre confirmé Simon Levesque Consultant informatique Inscription : février 2009 Messages : 97 Détails du profil Informations personnelles : Nom : Simon Levesque Âge : 26 Localisation : Canada Informations professionnelles : Activité : Consultant informatique Secteur : Conseil Informations forums : Inscription : février 2009 Messages : 97 Points : 279 Points : 279	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 : Sélectionner tout - Visualiser dans une fenêtre à part $("#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 __________________ Blog - Tutoriels vidéos - Espace DVP
	00

25/07/2011, 09h10	#3
Juju54350 Membre régulier Julien Ricardo Inscription : juillet 2010 Messages : 248 Détails du profil Informations personnelles : Nom : Julien Ricardo Âge : 23 Informations forums : Inscription : juillet 2010 Messages : 248 Points : 84 Points : 84	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 ?
	00

25/07/2011, 12h58	#4
provirus Membre confirmé Simon Levesque Consultant informatique Inscription : février 2009 Messages : 97 Détails du profil Informations personnelles : Nom : Simon Levesque Âge : 26 Localisation : Canada Informations professionnelles : Activité : Consultant informatique Secteur : Conseil Informations forums : Inscription : février 2009 Messages : 97 Points : 279 Points : 279	Puisqu'il faut garder la valeur, oui c'est un cookie __________________ Blog - Tutoriels vidéos - Espace DVP
	00

25/07/2011, 13h10	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 019 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 019 Points : 45 114 Points : 45 114	ou passer la valeur en get dans l'url (ou en post avec la langage serveur) __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

25/07/2011, 13h37	#7
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 019 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 019 Points : 45 114 Points : 45 114	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 ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

25/07/2011, 14h23	#8
Juju54350 Membre régulier Julien Ricardo Inscription : juillet 2010 Messages : 248 Détails du profil Informations personnelles : Nom : Julien Ricardo Âge : 23 Informations forums : Inscription : juillet 2010 Messages : 248 Points : 84 Points : 84	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 : Sélectionner tout - Visualiser dans une fenêtre à part $.cookie("page_number") = "test"
	00

25/07/2011, 14h27	#9
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 019 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 019 Points : 45 114 Points : 45 114	Code : Sélectionner tout - Visualiser dans une fenêtre à part $.cookie("page_number", "test") __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

25/07/2011, 14h38	#10
Juju54350 Membre régulier Julien Ricardo Inscription : juillet 2010 Messages : 248 Détails du profil Informations personnelles : Nom : Julien Ricardo Âge : 23 Informations forums : Inscription : juillet 2010 Messages : 248 Points : 84 Points : 84	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 : Sélectionner tout - Visualiser dans une fenêtre à part $.cookie("page_number") = parseInt($.cookie("page_number")) + 1;
	00

25/07/2011, 14h59	#11
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 019 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 019 Points : 45 114 Points : 45 114	Code : Sélectionner tout - Visualiser dans une fenêtre à part $.cookie("page_number",parseInt($.cookie("page_number")) + 1); __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

25/07/2011, 15h18	#12
Shikiryu Membre chevronné Développeur Web Inscription : mars 2011 Messages : 399 Détails du profil Informations personnelles : Sexe : Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Développeur Web Secteur : Finance Informations forums : Inscription : mars 2011 Messages : 399 Points : 662 Points : 662	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 : Sélectionner tout - Visualiser dans une fenêtre à part $.cookie("page_number",parseInt($.cookie("page_number"), 10) + 1); __________________ Membre de StackOverflow, je suis un fervant utilisateur de PHP et de jQuery. Après des études de graphisme, j'ai décidé de mélanger développement web et web design. J'ai ainsi donc créé mon site web mais aussi plusieurs projets personnels. Dans les plus aboutis, vous pourrez trouver dans mon labo et dans mon devblog, un raccourcisseur d'url, un bookmarklet pour envoyer l'url de la page actuelle vers votre email pour lire plus tard ou sauvegarder, mon générateur de template HTML5, etc...
	00

25/07/2011, 16h24	#14
Juju54350 Membre régulier Julien Ricardo Inscription : juillet 2010 Messages : 248 Détails du profil Informations personnelles : Nom : Julien Ricardo Âge : 23 Informations forums : Inscription : juillet 2010 Messages : 248 Points : 84 Points : 84	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.
	00

26/07/2011, 10h12	#18
Juju54350 Membre régulier Julien Ricardo Inscription : juillet 2010 Messages : 248 Détails du profil Informations personnelles : Nom : Julien Ricardo Âge : 23 Informations forums : Inscription : juillet 2010 Messages : 248 Points : 84 Points : 84	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. Merci encore SpaceFrog.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email