Savoir sur quel element est déposé un element deplaçable
Bjr tlm :)
Je voudrais créer un script ou il faut glisser / déposer des elements ... par exemple glisser choix numero 1 sur reponse 1 pour afficher un alert("bonne reponse"), choix numero 2 sur reponse 2 pour le meme resultat etc...
J'ai pour chaque élement créer un attribut, lorsque je deplace "choix1" le script me renvoie le bon resultat, mais cmt faire pour recuperer l'attribut de l'element sur lequel je dépose ??
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
| <div id="choix">
<p re="choix1">Choix numero 1</p>
<p re="choix2">Choix numero 2</p>
<p re="choix3">Choix numero 3</p>
</div>
<hr />
<div id="reponse">
<p re="choix1">Reponse 1</p>
<p re="choix2">Reponse 2</p>
<p re="choix3">Reponse 3</p>
</div>
<script type="text/javascript">
$("div#choix").sortable({
connectWith : "div#reponse",
start : function(event, ui)
{
var attribut = $(ui.item).attr("re");
alert(attribut);
},
});
$("div#reponse").sortable({
});
</script> |
Merci pour vos lumières ;)
