plugin Week Calendar, selecteur div onmousedown

Bonjour,

Je travailles actuellement sur le calendrier Week Calendar fait avec Jquery.
J'ai un problème au niveau des réservations sur le calendrier, en effet je veux sélectionner la bonne div pour récupérer des informations essentielles au processus de réservation. Pour cela le code existant avais crée un evenement onmousedown sur la div day-colum-inner qui reprend toute la colonne de la journée.

Code:

---

1 2 3 4 5

<div class="day-column-inner ui-droppable" style="height: 280px; -moz-user-select: none;"> <div class="available id1" style="background-color: green; display: block; position: absolute; width: 100%; top: 14px; height: 154px;"/> <div class="available id2" style="background-color: green; display: block; position: absolute; width: 100%; top: 224px; height: 56px;"/> </div>

---

Problème quand on clique sur un panel disponible, cela récupère la première div available

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

$weekDay.mousedown(function(event) {   var $target = $(event.target);   if($target.hasClass("available")) {   var $newEvent = $("<div class=\"cal-event new-cal-event new-cal-event-creating\"></div>");   $newEvent.css({lineHeight: (options.timeslotHeight - 2) + "px", fontSize: (options.timeslotHeight / 2) + "px"}); $target.prepend($newEvent);   var columnOffset = $target.offset().top; var clickY = event.pageY - columnOffset; var topPositionAvailable=parseInt($(this).find(".available").css("top"));

---

J'aurais donc voulus savoir si il était possible de sélectionner la div sur lequel on a cliqué afin de récupérer la classe de cet dernière et pouvoir faire des opérations dessus par la suite.

http://zepload.com/images/1262149168_cal.jpg

Merci d'avance

Soit tu t'es trompé de forum, soit tu charges jquery et tu oublis de t'en servir ;)

Donc si tu utilises jquery tu peux faire quelque chose comme

Code:

---

1 2 3 4

$('div').click(function(){ var class = $(this).attr('class'); //après c'est que du bonheur ;) });

---

Merci pour ta réponse, je suis d'accord mais quand je fais l'évènement ne se déclenche pas comme si il ne voyait pas ma balise div avec la classe available.

Code:

---

1 2 3

<td class="day-column day-7 "> <div class="day-column-inner ui-droppable" style="height: 360px; -moz-user-select: none;"> <div class="available id1" style="background-color: rgb(181, 230, 85); display: block; position: absolute; width: 100%; top: 18px; height: 198px;"/>

---

Pour que ça marche je dois le mettre dans l'évènement onmousedown de la div avec comme classe day-column-inner donc parent de available.

Code:

---

1 2 3 4 5 6 7 8

$weekDay.mousedown(function(event) {   $('.available').mouseup(function(){   classe_available=($(this).attr('class')).split(" "); id_available=classe_available[1];   });

---

Le problème c'est que le mouseup ne s'exécute donc pas en même temps que le mousedown et ma variable id_available n'ai donc pas pris en compte durant l'evenement mousedown.

Si vous avez des solutions au problème.

Merci d'avance