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 :
Merci de votre aide
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>
Partager