$.getJSON ne marche que la première fois

Version imprimable

Bonjour,

J'ai un problème avec le code ci-dessous:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 $("#groupes").click(function () { var places=0; $('#groupes :selected').each(function(i, selected){ var valTemp=''; valTemp=$(selected).val().split(':'); places=parseInt(places)+parseInt(valTemp); }); $.getJSON("getList.php",{id: <?php echo (int)$_GET['groupe'];?>, start: calEvent.start, end: calEvent.end, placesMax: places, ajax: 'true'}, function(j){ var options = ''; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; } $("select#local").html(options); }); });
Lorsque je clic sur ma select(multiple), lors du premier élément sélectionné, ce code s'execute à merveille, lorsque je fais controle+clic pour sélectionner un 2e élément, le code s'execute mais s'arrête au niveau du $.getJSON qui ne fonctionne pas...

Une petite idée de mon problème?

Merci! ;)

01/09/2009, 17h51
danielhagnoul

Bonsoir.

Il m'est difficile de vous répondre sans connaître la structure JSON retournée par le PHP. Il serait bien d'avoir l'ensemble des codes concernés.

Pour un exemple de sélection multiple, voir : http://www.developpez.net/forums/d80...t/#post4606352
02/09/2009, 10h18
Sayrus

Citation:

Envoyé par danielhagnoul

Bonsoir.

Il m'est difficile de vous répondre sans connaître la structure JSON retournée par le PHP. Il serait bien d'avoir l'ensemble des codes concernés.

Pour un exemple de sélection multiple, voir : http://www.developpez.net/forums/d80...t/#post4606352

Bonjour,

Voici ce qui est retourné depuis le fichier getList.php:

Code:

[{optionValue: 65, optionDisplay:'BALZAC'},{optionValue: 18, optionDisplay:'Bordeaux'},{optionValue: 43, optionDisplay:'CEFIRE'},{optionValue: 44, optionDisplay:'CEFIRE1'},{optionValue: 55, optionDisplay:'CEFIRE10'},{optionValue: 56, optionDisplay:'CEFIRE11'},{optionValue: 57, optionDisplay:'CEFIRE12'}]

getList.php ne génère aucune erreur, avec les tests que j'ai effectué, c'est bien l'appelle à $.getJSON qui ne fonctionne pas une fois le 2e CTRL+clic

Pourtant, l'évènement click() est bien exectué à chaque fois, c'est lorsque l'on arrive à l'instruction du $.getJSON qu'il ne se passe plus rien.
02/09/2009, 11h08
supersnail

Bonjour

Essaie de regarder du côté de

Code:

$.ajax()

;)
02/09/2009, 13h44
Sayrus

Citation:

Envoyé par supersnail

Bonjour

Essaie de regarder du côté de

Code:

$.ajax()

;)

Salut,

Merci pour le conseil, j'ai cependant déjà essayé, ça provoque exactement le même phénomène qu'avec $.getJSON. :aie:
02/09/2009, 16h44
danielhagnoul
Bonsoir.
Code:

1 2 3 4 5 6 $("#groupes").click(function () { for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; }
Si les tags « option » modifiés sont dans le « select» d'id="groupes " c'est normal !

Pour interagir avec du HTML modifié par le script il faut utiliser live()
Code:

1 2 3 $("#groupes").live("click", function () { }
Si les « option» modifiées sont dans une autre liste (ce que j'ignore n'ayant pas les codes), alors je ne connais pas la solution.

Citation:

Envoyé par danielhagnoul

Bonsoir.

Code:

1
2
3
4
5
6
 
$("#groupes").click(function () { 
 
for (var i = 0; i < j.length; i++) {
    options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
}

Si les tags « option » modifiés sont dans le « select» d'id="groupes " c'est normal !

Pour interagir avec du HTML modifié par le script il faut utiliser live()

Code:

1
2
3
 
$("#groupes").live("click", function () { 
}

Si les « option» modifiées sont dans une autre liste (ce que j'ignore n'ayant pas les codes), alors je ne connais pas la solution.

Bonjour,

Merci pour l'aide. Malheureusement, la select box ne se met pas à jour...
Pourtant le script est finalement bien executé, j'avais mis un ";" au lieu d'une ",".

Le script est bien executé, l'appelle ajax bien executé mais la select box ne se modifie pas :(

Voici le contenu de mon fichier executé par mon $.getJSON:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
$query='SELECT * FROM groupes WHERE groupeId='.(int)$_GET['id'];
$request=mysql_query($query) or die(mysql_error());
$row=mysql_fetch_array($request);
 
function fromGMT2($date){
 
	$date=explode(' ', $date);
 
	/*
	$date[0]=jour de la semaine
	$date[1]=Mois
	$date[2]=Jour du mois
	$date[3]=année
	$date[4]=heure
	*/
 
	if($date[1]=='Jan')
		$month='01';
	elseif($date[1]=='Feb')
		$month='02';
	elseif($date[1]=='Mar')
		$month='03';
	elseif($date[1]=='Apr')
		$month='04';
	elseif($date[1]=='May')
		$month='05';
	elseif($date[1]=='Jun')
		$month='06';
	elseif($date[1]=='Jul')
		$month='07';
	elseif($date[1]=='Aug')
		$month='08';
	elseif($date[1]=='Sep')
		$month='09';
	elseif($date[1]=='Oct')
		$month='10';
	elseif($date[1]=='Nov')
		$month='11';
	else
		$month='12';
 
 
	return $date[3].'-'. $month .'-'. $date[2] .' ' .$date[4];
 
 
}
 
 $query='SELECT l.* 
FROM locaux AS l 
WHERE l.places >= ' . ((int)$row['nbr_etudiants']+(int)$_GET['placesMax']) . ' 
  AND NOT EXISTS (
    SELECT *
    FROM planning AS p
    WHERE l.localId = p.localId
      AND (
    p.start2 BETWEEN "' . fromGMT2($_GET['start']) . ' " AND "' . fromGMT2($_GET['end']) .' "
    OR
    p.end2 BETWEEN "' . fromGMT2($_GET['start']) . ' " AND "' . fromGMT2($_GET['end']) .' "
      )
  )
ORDER BY l.nom ASC';
 
 
 
$content='[';
 
$request=mysql_query($query) or die(mysql_error());
 
while($row=mysql_fetch_array($request)){
$localId=(int)$row['localId'];
$localNom=$row['nom'];
$localPlaces=$row['places'];
 
$content.='{optionValue: '. $localId . ', optionDisplay:\'' . $localNom  . '\'},';
 
}
 
echo substr($content,0, -1).']';
 
?>

JQuery aurait-il ses limites? :?

On dirait que le code écrit dans le $.getJSON n'est pas executé...
Code:

1 2 3 4 5 var options = ''; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; } $("select#local").html(options);
C'est quand même fou ça...

Pourtant contrairement a votre dernier post, les "options" sont bien ajoutées dans $("select#local").html(options); vu que je l'indique en fin de fonction.

Moi je voulais juste que quand on clic sur plusieurs choix d'un select multiple (#groupes), une requête ajax soit executée à chaque clic et que la select simple (#local) soit vidée de son contenu et chargée de son nouveau contenu (contenu calculé dans le fichier PHP appelé par ajax)

Est-ce vraiment trop compliqué à réaliser?

Dans ce code ci-dessous, le contenu de $.getJSON n'est pas executé...

un alert('ok') ne marche pas par exemple!

Voir code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 $(function(){ $("#groupes").click(function () { $.getJSON("getList.php",{id: <?php echo (int)$_GET['groupe'];?>, start: calEvent.start, end: calEvent.end, placesMax: places, ajax: 'true'}, function(j){ alert('ok'); /* ne marche pas! */ var options = ''; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; } $("select#local").html(options); }) }) })

Problème résolu!!!!!!

Mais pas avec $.getJSON mais avec $.get

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$("#groupes").live("click", function () { 
 
						 var places=0;
 
						 $('#groupes :selected').each(function(i, selected){
							var valTemp='';								   
							valTemp=$(selected).val().split(':');
							places=parseInt(places)+parseInt(valTemp[1]);
 
						 });
 
						$.get("getList2.php",{id: <?php echo (int)$_GET['groupe'];?>, start: calEvent.start, end: calEvent.end, placesMax: places}, function(j){
						 	$("select#local").html(j);
						});
 
 
					});

Je me demande quand même pourquoi ça fonctionne pas avec getJSON... :aie: