[JQuery] 1 seul événements sur 2 (au choix)

**popovitch130** · 25/11/2008, 20h07

Bonsoir,

J'ai un petit soucis avec mon code qui utilise la bibliothèque JQuery.
Lorsque le document est prêt, j'écoute 2 événements :

- Le clic sur une combobox (les semaines)
- Le clic sur une cellule de tableau (un tableau des disponibilités)

Lorsque je sélectionne une semaine en cliquant sur ma combobox, le tableau se met à jour.
Lorsque je clique sur une case de mon tableau de disponibilité, un message est affiché.

Seulement, si je clique sur ma combobox et qu'ensuite je clique sur une case de mon tableau, le message n'est pas affiché.

Je ne sait pas s'il y a une incompatibilité des écouteurs d'événements ou si j'ai oublié quelque chose ...

Voici le code :

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
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
 
<script type="text/javascript" src="../js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
               // ECOUTE LA COMBOBOX
	  	$("#select_semaine").change(onSelectChange);
 
	  	function onSelectChange(){
			var selected = $("#select_semaine option:selected");		
			var rubrique = "";
			if(selected.val() != 0){
				date_selected = selected.attr("value");
			}
			$.ajax({
					   type: "POST",
					   url: "../php/get_reserv_semaine.php",
					   data: "date_selected=" + date_selected,
					   success: process,
					   dataType: "html"
					 });
		}
 
               // ECOUTE LES CELLULES DU TABLEAU
	  	$(".open").click(function(){
			var ladate=new Date();
			var today = (ladate.getMonth()+1)+ '-' + ladate.getDate() + '-' + ladate.getFullYear();
 
			var id = $(this).attr("id");
			var heure = id.substring(0,8);
			var jour = id.substring(9,id.length);
 
			$.ajax({
			   type: "POST",
			   url: "reserv.php",
			   data: "date=" + today + "&heure=" + heure + "&jour=" + jour,
			   success: process,
			   dataType: "html"
			 });
		});
	});
 
        // REMPLACE LE CONTENU
	function process(data, textStatus){
		$("content").replaceWith(data);
	};
    </script>

Merci de votre aide

**Bovino** · 25/11/2008, 21h58

Probablement parce que lorsque tu cliques sur ta combobox, le tableau est vidé puis rempli et donc les événements ne sont plus affectés.

**popovitch130** · 25/11/2008, 22h20

Salut Bovino ! enchanté, ça fait plaisir d'avoir un peu de compagnie

, je me casse la tête depuis tout à l'heure.

Je remplace mon tableau par un autre tableau qui a la même structure et les même styles et mon écouteur se fait la malle ?
Pourtant j'écoute tous les éléments de classe .open, or les tableaux ont les même styles ...
En fait Javascript intervient juste au chargement et après basta ..

Comment palier à ce problème ? tu as une idée ?

au moment ou j'écris j'ai une petite idée : réenclancher les écouteurs lorsque le tableau est remplacé ...