Salut à tous,

J'ai un soucis avec l'element "Dialog" de jQueryUI. Je charge des boites de dialogues dans une boucle, avec du contenu différent. Ce contenu est généré en Ajax. Ensuite, je dois envoyer le dernier dans le div qui dois être afficher. La fenêtre s'ouvre, mais pas le contenu "items" ($dialogBox.append(items)

Je pense que çà doit etre un soucis de contexte (this) ?, Une idée ?



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
47
48
49
50
51
52
53
54
55
56
57
58
 
var optionsDialogMessage = {
	autoOpen: false,
	resizable: false,
	show: 'slide',
	hide: 'drop',
	height:400,
	width:500,
	modal: false,
	buttons: {
		'Fermer': function() {
			var $dialog = $(this);
			$dialog.dialog('close');
		}
	}
};
 
var dialogMessage ='';
var thisDialogMessage ='';
 
$('.dialog-domains').each(function() {		
	thisDialogMessage = this;
	$.data(
			thisDialogMessage,
			'dialog',
			$(this).next().dialog(optionsDialogMessage)
	);
 
}).live ('click',function(e){
	var id = $(this).attr('id').replace(/id-domains-/,'');
	var $dialogBox = $('#dialog-message-'+id);
	var url = '/backoffice/provider/ajaxgetdomains/';
 
	ajaxPattern.requestAjax({
		url 		: url,
		data		: "id=" + id,
		success 	: function(msg) {
 
			if (msg.response == 1) {
				var items ='';
 
				$.each(msg.datas, function(key, val) {
				    items += '<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;">';
					    items += val;
					    items += '</span>';
				});
				$dialogBox.empty();	
				$dialogBox.append(items);	
 
		$.data(thisDialogMessage, 'dialog').dialog('open');					
			} else {
				display_error_message('Il y a eu une erreur lors de votre requête.');
			}				
		}				
	});		
 
	e.preventDefault();
});
Le HTML:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<td>
	<a class="dialog-domains" id="id-domains-<?php echo $row['id_provider']?>" href="#"><button>Voir les compétences</button></a>
	<div class="dialog-message" id="dialog-message-<?php echo $row['id_provider']?>"></div>
</td>
<td><a href="<?php  echo $linkEdit; ?>"><button>Voir</button></a></td>
</tr>
Merci

Fabrice