Envoi de variable exponentielle

Version imprimable

Bonjour à tous,

J'ai sur une même page deux liens qui chargent des pages php.
Code:

1 2 3 <a href="#" id="Saisie1" id_joueur="<?php echo $id_joueur; ?>">Saisie#1</a> <a href="#" id="Saisie2" id_joueur="<?php echo $id_joueur; ?>">Saisie#2</a>
Dans mon code javascript j'ai donc cela :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $(document).ready(function() { $('#Saisie1').click(function() { id_joueur = $(this).attr("id_joueur"); $('#Joueur').load('module/saisie1.php?id_joueur=' + id_joueur); }); $('#Saisie2').click(function() { id_joueur = $(this).attr("id_joueur"); $('#Joueur').load('module/saisie2.php?id_joueur=' + id_joueur); }); });
Tout fonctionne très bien, mais si je clique plusieurs fois sur les liens les temps de réponses deviennent très long.

En mettant un alert(id_joueur) dans les fonctions je m’aperçois que id_joueur est envoyé autant de fois que j'ai cliqué sur l'un ou l'autre des liens. Il faudrait qu'il soit envoyer qu'une seule fois mais je ne vois pas trop comment faire...

Merci d'avance de votre aide.

Code:

1
2
3
4
$('#Saisie1').one('click',function() {
		id_joueur = $(this).attr("id_joueur"); 
		$('#Joueur').load('module/saisie1.php?id_joueur=' + id_joueur);
		});

29/09/2011, 14h43
dam28800

Merci je ne connaissais pas !

Par contre je l'ai appliqué mais j'ai toujours le problème :?
Les multiples boites de dialog sont encore présentes.

Merci d'avance.
29/09/2011, 15h01
SpaceFrog

inhibe le href ? avec un prevent default ou un return false
29/09/2011, 16h09
dam28800
Je ne sais pas si j'ai tout compris ?
Code:

1 2 <a href="#" onclick="return false" id="Saisie1" id_joueur="<?php echo $id_joueur; ?>">Saisie#1</a>
Quand je clique sur le même lien ça me renvoi qu'un alert mais dès que j'alterne non, j'ai dû rater quelque chose...

Merci

Code:

1
2
3
4
5
$('#Saisie1').one('click',function(e) {
                e.preventrDefault();
		id_joueur = $(this).attr("id_joueur"); 
		$('#Joueur').load('module/saisie1.php?id_joueur=' + id_joueur);
		});

29/09/2011, 16h20
dam28800

Ben en fait j'avais essayer cette solution (j'ai essayé un peu tout mais un n'importe comment...)

Je viens de tester à nouveau et toujours le même soucis...
29/09/2011, 16h32
SpaceFrog

#Joueur c'est quoi ?

le conteneur de tes liens ?
29/09/2011, 16h36
dam28800

Non les deux liens sont au dessus, c'est juste un div à vide qui affiche le load :

Code:

<div id="Joueur"></div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
$(function(){
$('#Saisie1, #Saisie2').one('click',function() {
 
		id_joueur = $(this).attr("id_joueur"); 
		$('#Joueur').html( id_joueur);
				}); 	
})
</script>
</head>
<body >
<a href="#" id="Saisie1" id_joueur="truc" onclick="return false;">Saisie#1</a>
<a href="#" id="Saisie2" id_joueur="machin" onclick="return false;">Saisie#2</a>
<div id="Joueur"> </div>
</body>
</html>

29/09/2011, 16h54
dam28800

Ben toujours le même problème, je suis avec chrome peut être que ça vient de là ?

Je regarde mais j'y crois pas trop...

autre possibilité :
stocker l'etat dans le data de l'objet

Code:

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(){
$('#Saisie1, #Saisie2').click(function() {
            if(!$(this).data('clicked')){
            $(this).data('clicked',true) 
		id_joueur=$(this).attr("id_joueur"); 
		$('#Joueur').html( id_joueur);}
            else{
            return false;
 
		}
				}); 	
})
</script>
</head>
<body >
<a href="#" id="Saisie1" id_joueur="truc" onclick="return false;">Saisie#1</a>
<a href="#" id="Saisie2" id_joueur="machin" onclick="return false;">Saisie#2</a>
<div id="Joueur"> </div>
</body>
</html>

29/09/2011, 17h00
dam28800

Avec le dernier script je ne peux cliquer qu'une seule fois sur le lien ?
Si je clique deux sur le même lien, ce n'est pas pris en compte.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
$(function(){
var compteur=0
$('#Saisie1, #Saisie2').click(function() {
            if(!$(this).data('clicked')){
            $(this).data('clicked',true) 
		id_joueur=$(this).attr("id_joueur"); 
		$('#Joueur').html( id_joueur + compteur++);}
            else{
            return false;
 
		}
				}); 	
})

29/09/2011, 17h14
dam28800

Le compteur fait 0, 1 puis c'est tout.
29/09/2011, 17h27
SpaceFrog

oui donc le click n'est pris en compte qu'une seule fois
30/09/2011, 14h18
dam28800

Oui c'est ça mais c'est bloquant car je ne peux faire qu'un seul clic sur chaque lien.
30/09/2011, 18h05
SpaceFrog

c'etait pas le but recherché ?

si le but est d'attendre le retour avant de pouvoir cliquer à nouveau, passe par la solution du date en remettant le clicked à false sur le success ...

Bonsoir

Si je comprends bien, vous souhaitez pouvoir cliquer plusieurs fois sur les liens, mais cela provoque autant de chargement (load) qu'il n'y a de click et si le click suivant est trop proche le chargement précédent n'est pas terminé et le temps de réponse devient trop long.

C'est un comportement normal, dirais-je.

Empêcher le clic suivant tant que le chargement est en cours est la bonne piste, mais j'utiliserais la propriété hidden (DOM) et la fonction de rappel de load.

<a href="#" id="Saisie1" data-id-joueur="111">Saisie#1</a>.
Code:

1 2 3 4 5 6 7 8 9 10 // avant jQuery 1.7 : bind au lieu de on $("#Saisie1").on("click", function(){ var self = this; $(self).prop("hidden", true); $("#Joueur").load("module/saisie1.php?id_joueur=" + $(self).data("idJoueur"), function(){ $(self).prop("hidden", false); }); });

03/10/2011, 09h42
dam28800

Bonjour,

Tout d'abord merci pour vos réponses.
Effectivement le problème est bien celui ci.

J'ai deux liens, et lors du clic sur l'un ou l'autre j'affiche une page via la fonction load de jQuery.
Cela fonctionne mais si la page n'est pas rechargé (ce qui est le but) il fait une sorte de "cumul" des load. Les temps de réponses sont donc énormes au bout de 5 ou 6 clics sur l'un ou l'autre des liens.
Si je ne mets pas la fonction load, ça fonctionne très bien (aucune page ne s'affiche mais je n'i qu'un alert)

Je viens de tester la dernière solution proposé mais ça cache juste le texte puis une fois chargé le texte apparaît de nouveau. Le load est quand même chargé plusieurs après des clics sur les liens.

Je regarde ce que je peux trouver, si on peux intilialiser le load ?

Merci d'avance
03/10/2011, 09h44
SpaceFrog

Citation:

Le load est quand même chargé plusieurs après des clics sur les liens.

???????????
la tu nous a largués ...8O

Désolé...

J'essayer de dire que:

Si je clique plusieurs fois sur un lien avec ce code :
Code:

1 2 3 4 5 6 7 $('#Profil').one("click", function() { var id_joueur = $(this).attr("id_joueur"); alert(id_joueur); $('#Reporting').load('profil.php?id_joueur=' + id_joueur); });
Au bout du quatrième clic par exemple j'ai quatres alert d'un coup qui s'affiche.

Alors qu'avec celui-ci :
Code:

1 2 3 4 5 6 7 $('#Profil').one("click", function() { var id_joueur = $(this).attr("id_joueur"); alert(id_joueur); });
J'en ai qu'un tout le temps.

Bon je ne sais pas si je suis plus clair....:?

03/10/2011, 09h56
danielhagnoul

Bonjour

Comme je le disais plus haut, c'est le comportement normal de la méthode load. Lorsque le comportement normal d'une méthode ou d'un composant ne convient pas, il faut souvent se dire que le problème est mal posé et revoir l'architecture de l'application de A à Z.