Boite de dialogue dans un tableau

Bonjour.

J'ai un tableau qui m'affiche un certain nombre de lignes et dans une colonne, j'affiche un icone.
Cet icône est compsé d'un id de ce type: id="imgxxx", (xxx étant aléatoire, car il correspond à un n° de poste).
Soit pour le poste 101, l'id de l'image sera id="img101".

Dans mon code JQuery codé comme çà:

Code:

---

1 2 3 4 5 6 7 8 9

$(function() { $( "#img"+exten ).click(function() { $( "#DialTrans"+exten ).dialog("open"); }); $( "#DialTrans"+exten ).dialog({ width: 500, autoOpen: false, modal: true,}); $( "#button1").click(function() { window.location.href='/index.php?menu=rx_list&from=' + exten + "&to" + $(select).val(); }); });

---

J'ai préalablement initié la variable exten par:

Code:

---

<script> var exten = {$exten};</script>

---

Le problème c'est que je n'ai qu'une ligne qui s'affiche correctement, certainement dû à un problème d'id. Mais je me perd un peu dans cette histoire.
http://www.roomx.fr/wp-content/uploads/images/jq3.png

L'icône du bas fonctionne (mis à par l'absence de bouton, car je ne les ai pas mis pour l'instant)
http://www.roomx.fr/wp-content/uploads/images/jq4.png

Il est évident qu'il y a un truc qui ne colle pas.

J'ai fini par trouvé. Avec un peu de mal.
Pas très convaincu de la manière dont j'y suis arrivé, mais bon. Le principal c'est que ça fonctionne.

Mon code JQuery:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

function Transfer(exten) { $(function() { $( "#DialTrans"+exten ).dialog({ width: 500, autoOpen: false, modal: true, title: "Transfer", buttons: { Cancel: function() { $( this ).dialog( "close" ); }, "Valid": function() { window.location.href='index.php?menu=rx_list&room=' + $("#select"+exten).val(); } } }); $( "#DialTrans"+exten ).css("visibility", 'visible'); $( "#DialTrans"+exten ).dialog("open"); }); }

---

Code PHP:

Code:

---

1 2 3 4 5 6 7 8 9

$Transfer_options =""; foreach($room_free as $id => $name) { $id_room = $name['id']; $room_name = $name['room_name']; $Transfer_options .= "<option>{$room_name}</option>"; } $ExtenTrans = $value['extension']; $Content_Transfer = "<b>{$value['guest_name']}</b> is currently into the room {$value['room_name']}.<br> Select the extension distination for this guest : <select name='select' id='select{$ExtenTrans}'>{$Transfer_options}</select><br>"; $Transfer = "<img src='modules/".$module_name."/images/transfer.png' onclick='Transfer(\"".$ExtenTrans."\")'><div style='visibility: hidden; display: none;' id='DialTrans".$ExtenTrans."'>\n".$Content_Transfer."</div>\n";

---

Résultat:
http://www.roomx.fr/wp-content/uploads/images/jq5.png

http://www.roomx.fr/wp-content/uploads/images/jq6.png