Bonjour

Je me lance dans le Jquery UI. Très intéressent.

Par contre je bloque sur un problème.
J'arrive à faire apparaitre une boite de dialogue quand je clique sur une image.
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
<script>
 
$(function() {
	$( ".dialog" ).dialog({ 
		autoOpen: false,
		title: "Info",
	});
    $(".details").click(function() {
    	$("#id").dialog('open');
    });
});
</script>
</head>
<body>
<img src="./icone.png" class="details"/>
<div class="dialog" id="id">
<p>Détails</p>
</div>
Mais là où ça se complique c'est que sur mon site, je vais avoir plusieurs lignes avec différents id.

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
...
<img src="./icone.png" class="details" />
<div class="dialog" id="id1">
Contenu 1
</div>
<img src="./icone.png" class="details"/>
<div class="dialog" id="id2">
Contenu 2
</div>

Je me suis inspiré d'informations glanées sur le net, sur des exemples pris sur des link avec href.
Mais je pense que mon cas n'est pas exactement le même.
Ils font une extraction de l'attribut d'href. Hors, mois je n'ai pas d'attribut.

Si quelqu'un peut m'aider.