Erreur jquery prior dialog

**snake_th** · 04/06/2013, 08h55

bonjour,

j'utilise la version 1.7.2 de jquery et 1.10.2 de jquery ui

j'ai cette erreur quand je ferme une fenetre modale en cliquant sur un bouton "valider" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

cannot call methods on dialog prior to initialization; attempted to call method 'option'

Avez vous le même problème ?

**SpaceFrog** · 04/06/2013, 09h12

le message est clair ...

cannot call methods on dialog prior to initialization;

=> impossible d'appeler une méthode du dialog AVANT initialisation

montre nous plutot le code d'initialisation, puis l'appel .

**snake_th** · 04/06/2013, 09h23

OK voici le code
l'erreur apparait quand je clique sur le bouton valider de la popup. Le clic entraine une validation de formulaire (appel à une action qui enregistre les données en base) puis recharge la popup avec un onLoad :

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
 
// transmet les quantités à la page appelante
function transferQteToPage(accesMultiMag) {
var tab_qte = new Array();
 
// je remplis mon tableau avec mes données
 
 
setWindowReturnValue(tab_qte);
 
}
 
<body  onLoad="transferQteToPage(....); window.close();"
 
....

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
 
<script type="text/javascript" src="js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.modal.js"></script>
<link rel="stylesheet" type="text/css" href="css/opt-progressionBar.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" media="screen" />
<script type="text/javascript" src="js/fenetreModale.js"></script></script>
 
<script type="text/javascript">
var $dialog = null;
 
 
 
/* ensuite j'appelle cette fonction */
function popup () {
        var url = "......";
 
	var objRetour = new Object();
	objRetour.actif="off";
	objRetour.params=null;
 
	var args = new Object();
	args.i=i;
	args.j=j;
	args.pro=pro;
 
	var optionsPopup = new Object();
	optionsPopup.dialogWidth = dialogWidth;
	optionsPopup.dialogHeight = dialogHeight;
	optionsPopup.isValeurRetour = true;
 
        ouvrirFenetreModale(url, optionsPopup, args, objRetour);  // --> fenetreModale;JS
}
 
</script>

fenetreModale.js :

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
 
 
 
var prntWindow = getParentWindowWithDialog(); //$(top)[0];
 
var $dlg = prntWindow && prntWindow.$dialog;
 
if ($dlg) {
	window.dialogArguments = $dlg.dialogArguments;
}
 
if ($dlg) 
	window.close = function() {
		if ($dlg) {
			$dlg.dialogWindow.dialog().dialog("close");
			//$dlg.dialogWindow.dialog("destroy");
		}
	};
 
/**
 * Ouverture d'une popup en modale
 * @param url : url à afficher dans la popup
 * @param options : options de la popup : width, height, etc ...
 * @param args : paramètres à passer à la fenêtre qui serviront au traitement des données retournées par la popup à la fenêtre appelante
 * 				 Si aucun traitement n'est à faire à la fermeture de la popup, mettre null
 * @param objRetour : objet javascript passé à la popup afin de récupérer les données en retour à la fermeture de la popup
 *    
 */
function ouvrirFenetreModale(url, options, args, objRetour) {
 
	if (typeof(options.title)=="undefined" || options.title == '')
		options.title='OPTICOLL';
	if (typeof(options.dialogWidth)=="undefined")
		options.dialogWidth='auto';
	if (typeof(options.dialogHeight)=="undefined")
		options.dialogHeight='auto';
	if (typeof(options.dialogTop)=="undefined")
		options.dialogTop='';
	if (typeof(options.dialogLeft)=="undefined")
		options.dialogLeft='';
	if (typeof(options.isValeurRetour)=="undefined")
		options.isValeurRetour=false;
	if (typeof(options.retour)=="undefined")
		options.retour=false;
 
	$('body').addClass('stop-scrolling');
 
	// appel de la fonction jquery pour l'ouverture de la popup
	// on lui applique les paramètres passés
	jQuery().showModalDialog({
		url: url,
	    dialogArguments: objRetour,
	    args: args,
	    height: options.dialogHeight,
	    width: options.dialogWidth,
	    //top: options.dialogTop,
	    //left: options.dialogLeft,
	    scrollable: true,
	    edge: 'raised',
	    help: 'no',
	    status: 'no',
	    title: options.title,
	    retour: options.retour,
	    onClose: function() {
	    	$('body').removeClass('stop-scrolling'); 
	    	var returnedValue = this.returnValue;
	    },
	    doPostBackAfterCloseCallback: options.isValeurRetour
	  });
}
 
/**
 * Fonction à appeler à la fermeture de la popup
 * Elle met à jour l'objet utilisé pour le traitement des données en retour par la fenêtre appelante
 * @param obj : objet javascript (entier, array, etc ...)
 */
function setWindowReturnValue(obj) {
    if ($dlg) {
    	$dlg.dialogArguments.actif = "on";
    	//$dlg.dialogArguments.params = obj;
    	$dlg.dialogArguments.params = obj;
    	$dlg.returnValue = true;
    }
    window.returnValue = true; // in case popup is called using showModalDialog
 
};
 
 
function getParentWindowWithDialog() {
	var p = window.parent;
	var previousParent = p;
	while (p != null) {
 
	    if ($(p.document).find('iframe[id^="iframeDialog"]').length)
		//if ($(p.document).find("#iframeDialog").length)
	    	return p;
 
	    p = p.parent;
 
	    if (previousParent == p) 
	    	return null;
 
	    // save previous parent
 
	    previousParent = p;
	}
	return null;
};
 
 
 
function getWindowReturnValue() {
	// in case popup is called using showModalDialog
	if (!$dlg && window.returnValue != null)
	    return window.returnValue;
 
	return $dlg && $dlg.returnValue;
};

jquery.modal.js :

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
/*
 * Modal - jQuery plugin for ModalDialog
 *
 *	
 *
 */
 
(function($) {
	$.fn.showModalDialog = function(options) {
	    var defaultOptns = {
	        url: null,
	        dialogArguments: null,
	        args: null,
	        height: 'auto',
	        width: 'auto',
	        //top: 'auto',
	        //left: 'auto',
	        position: 'center',
	        resizable: true,
	        scrollable: true,
	        edge: 'raised',
	        help: 'no',
	        status: 'no',
	        title: 'OPTICOLL',
	        onClose: function() {},
	        returnValue: null,
	        doPostBackAfterCloseCallback: false,
	        postBackElementId: null,
	        retour: false
	    };
 
	    var fns = {
	        close: function() {
	        	$(this).dialog('destroy');
	        	opts.returnValue = $dialog.returnValue;
	            opts.dialogArguments = $dialog.dialogArguments;
	            opts.onClose();
	            if (opts.doPostBackAfterCloseCallback) {
	            	postBackFunction(opts.args, opts.returnValue, opts.dialogArguments);
	            }
	        },
	        adjustWidth: function() { $frame.css("width", "100%"); }
	    };
 
	    // build main options before element iteration
 
	    // surcharge des options de la fenêtre modale avec le paramètre passé par la fenêtre appelante
	    var opts = $.extend({}, defaultOptns, options);
	    var numeroFrame = $(window.parent.document).find('iframe[id^="iframeDialog"]').length;
	    // création dynamique d'une iframe qui sert à l'affichage du contenu de la popup
	    var $frame= window.parent.$('<iframe id="iframeDialog'+numeroFrame+'" frameborder="0" />');
	    if (opts.doPostBackAfterCloseCallback) {
	    	numeroFrame = $(this).find('iframe[id^="iframeDialog"]').length;
	    	$frame= $('<iframe id="iframeDialog'+numeroFrame+'" frameborder="0" />');
	    }
 
 
	    // mise en forme de l'iframe
	    if (opts.scrollable)
	        $frame.css('overflow', 'auto');
 
	    $frame.css({
	        'padding': 0,	       
	        'frameborder' : 0,
	        'margin': 0,
	        'padding-bottom': 5
	    });
 
	    // création de la fenêtre modale
	    var $dialogWindow = $frame.dialog({	
	        autoOpen: true,
	        modal: true,
	        width: opts.width,
	        height: opts.height,
	        //top: opts.top,
	        //left: opts.left,
	        resizable: opts.resizable,
	        position: opts.position,
	        edge: opts.edge,
	        help: opts.help,
	        status: opts.status,
	        // overlay --> pour griser l'arrière plan à l'ouverture de la popup
	        overlay: {
	            opacity: 0.1,
	            background: "black"
	        },
	        close: fns.close,
	        resizeStop: fns.adjustWidth,
	        title: opts.title
	    });
 
	    $frame.attr('src', opts.url);
	    //$frame.load(opts.url)
	    fns.adjustWidth();
 
	    // ouverture de la fenêtre modale
	    $frame.load(function() {
	        if ($dialogWindow) {
	        	if (typeof(opts.title)!="undefined") {
	        		$dialogWindow.dialog('option', 'title', opts.title);
	        	} else {
	        		$dialogWindow.dialog('option', 'title', '');
	        	}
	        }
	    });
 
	   //$frame.dialog('open');
 
	    $dialog = new Object();
	    $dialog.dialogArguments = opts.dialogArguments;
	    $dialog.dialogWindow = $dialogWindow;
	    $dialog.returnValue = null;
 
 
	};
})(jQuery);

**snake_th** · 04/06/2013, 09h29

j'ai bien compris le message mais j'ai beau chercher depuis hier, je n'arrive pas à résoudre cette erreur. J'ai aussi pensé (mais seulement pensé) à upgrader la version de jquery 1.7 à 1.8 minimum

**SpaceFrog** · 04/06/2013, 10h46

je ne vois pas de ready ???

http://www.developpez.net/forums/d11...s/#post5094379

**snake_th** · 04/06/2013, 10h51

pardon

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<script type="text/javascript" src="js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.modal.js"></script>
<link rel="stylesheet" type="text/css" href="css/opt-progressionBar.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" media="screen" />
<script type="text/javascript" src="js/fenetreModale.js"></script></script>
 
<script type="text/javascript">
var $dialog = null;
 var timeOutId;
$(document).ready(
		function() {
			$('span.magasinReference').hover(
					function() {						
						var idSpan = $(this).attr('id');
 
						if ($('#infoBulleReference_' + idSpan).length > 0) {
							// affichage de l'infobulle deja créée
							$('#infoBulleReference_' + idSpan).show();
						} else {
							// recherche AJAX et création de l'infobulle
							// apres declanchement du timeout
							timeOutId = setTimeout(function() {afficherMagasinReferencesApresTimer(idSpan);}, 500);
						}
					},
					function() {					
						clearTimeout(timeOutId);
						$('span.infoBulleReference').hide();
					}
			);
 
			<%-- initPotentiel(); --%>
 
			$('span.magasinReference>input').focus(
					function() {
						var idSpan = $(this).parent().attr('id');						
 
						if ($('#infoBulleReference_' + idSpan).length > 0) {
							// affichage de l'infobulle deja créée
							$('#infoBulleReference_' + idSpan).show();
						} else {
							afficherMagasinReferencesApresTimer(idSpan);
						}			
					}
			);
 
 
			$('span.magasinReference>input').blur(
					function() {
						$('span.infoBulleReference').hide();
					}
			);
 
 
			// recherche des informations complementaire de la liste des produits de facon asynchrone
			$.ajax({
				 type: "GET",
				 url: 'collections.engagements.informationsComplemetaire.do',
				 beforeSend: function(x) {
				  if(x && x.overrideMimeType) {
				   x.overrideMimeType("application/j-son;charset=UTF-8");
				  }
				 },
				 dataType: "json",
				 error: function() {
					 $('span.informationComplementaire').html('N.D'); 
				 },
				 success: function(data) {
					 $('span.informationComplementaire').html(''); 
 
					 $.each(data, function(i, item) {
						 var codeProduit = item.codeProduit;
						 var stock = item.stock;
						 var engagementAutreOperation = item.engagementAutreOperation;
						 var venteOperationChainee = item.venteOperationChainee;
						 var nbJourRuptureOperationChainee = item.nbJourRuptureOperationChainee;
 
						 if (null != stock || null != engagementAutreOperation || null != venteOperationChainee) {
							 var htmlStr = '<table style=" width: 100%;">';
 
							 if (null != stock) {
								 htmlStr += '<tr><td style="text-align: left; white-space: nowrap;">stock:</td><td style="text-align: right; white-space: nowrap;">' + stock + '</td></tr>';
							 }
 
							 if (null != engagementAutreOperation) {
								 /*htmlStr += '<tr><td style="text-align: left; white-space: nowrap;">livr:</td><td style="text-align: right; white-space: nowrap;">';
								 htmlStr += '<a href="#" tabindex="-1" onclick="popup_consult(950, 500,\'load.popup.do\',new Array(\'url\', \'codeProduit\'), new Array(\'collections.popup.engagementAutreOperation.do\', \'' + codeProduit + '\')); return false;">';
								 htmlStr += engagementAutreOperation;
								 htmlStr += '</a>';
								 htmlStr += '</td></tr>';*/
								 htmlStr += '<tr><td style="text-align: left; white-space: nowrap;">livr:</td><td style="text-align: right; white-space: nowrap;">';
								 htmlStr += '<a href="#" tabindex="-1" onclick="popup_consult(950, 500,\'collections.popup.engagementAutreOperation.do\',new Array(\'codeProduit\'), new Array(\'' + codeProduit + '\')); return false;">';
								 htmlStr += engagementAutreOperation;
								 htmlStr += '</a>';
								 htmlStr += '</td></tr>';
 
							 }
							 if (null != venteOperationChainee) {
								 htmlStr += '<tr><td style="text-align: left; white-space: nowrap;">vte N-1:</td><td style="text-align: right; white-space: nowrap;">';
								 htmlStr += '<a href="#" tabindex="-1" title="ventes de l\'opération N-1';
								 if (null != nbJourRuptureOperationChainee && nbJourRuptureOperationChainee > 0) {
								 	htmlStr += '
dont ' + nbJourRuptureOperationChainee + ' jours en rupture';
								 }
								 htmlStr += '
cliquer sur ce chiffre pour plus de détail"'; // fin du title
								 if (null != nbJourRuptureOperationChainee && nbJourRuptureOperationChainee > 0) {
									 htmlStr += ' style="color: red;"';
								 }
								 //htmlStr += ' onclick="popup_consult(950, 500,\'load.popup.do\',new Array(\'url\', \'codeProduit\', \'codeOperation\', \'mode\', \'resultat\'), new Array(\'archives.rechercheArchive.do\', \'' + codeProduit + '\', \'' + $('#codeOperation').val() + '\', \'engagement\', \'1\')); return false;">';
								 htmlStr += ' onclick="popup_consult(950, 500,\'archives.rechercheArchive.do\',new Array(\'codeProduit\', \'codeOperation\', \'mode\', \'resultat\'), new Array(\'' + codeProduit + '\', \'' + $('#codeOperation').val() + '\', \'engagement\', \'1\')); return false;">';
								 /*if (null != nbJourRuptureOperationChainee && nbJourRuptureOperationChainee > 0) {
									 htmlStr += '<div style="color: red;">';
								 }*/
								 htmlStr += venteOperationChainee;
								 if (null != nbJourRuptureOperationChainee && nbJourRuptureOperationChainee > 0) {
									 htmlStr += '</div>';
								 }
								 htmlStr += '</a>';
								 htmlStr += '</td></tr>';
							 }
 
							 htmlStr += '</table>';
 
							 $('#informationComplementaire_' + codeProduit).html(htmlStr); 
						 }
					 });
				 }
				});
 
			$('span.photoMiniature').each(function() {
 
				var photoMiniature = $(this);
				//var ean = photoMiniature.attr('id');
				//var urlPhotoVignette = $('#urlBasePhoto').val() + $('#codeOperation').val() + ean + 'V.jpg';
				var codeProduit = photoMiniature.attr('id');
				var urlPhotoVignette = $('#urlPetitePhoto_'+codeProduit).val();
 
				var img = new Image();
 
				$(img).load(function () {
			      $(this).hide(); // image masquée par defaut
			      $(this).attr('id', 'imgVignette_'+codeProduit);
			      photoMiniature.append(this); // ajout dans le dom
 
			      // reduction (si nécessaire) de la taille de l'image en respectant le ratio
			      img = redimensionnerImage(img, 50, 55);
 
			      $(this).fadeIn(500); // affichage temporisé
			  }).error(function () { 
				  // traitement en cas d'erreur : rien = l'image restera masquée
			  }).hover(function(e) { // entrée en survol de l'image
				//var urlPhotoGrande = 'http://basemultimedia.provera.fr/document.aspx?vue=G&mdl=1&ean=' + ean;
				var urlPhotoGrande = $('#urlGrandePhoto_'+codeProduit).val();
			    var posX = photoMiniature.offset().left + 55;
			    var posY = photoMiniature.offset().top - 60;
 
 
				  afficherCalqueImage(e, urlPhotoGrande, posX, posY, 700, 500, 'imgVignette_'+codeProduit);
			  }, function() {	// sortie en survol de l'image
				  $("#bulle").empty();
				  $("#bulle").hide();
			  }).attr('src', urlPhotoVignette);
			});
		}
);
 
 
/* ensuite j'appelle cette fonction */
function popup () {
        var url = "......";
 
	var objRetour = new Object();
	objRetour.actif="off";
	objRetour.params=null;
 
	var args = new Object();
	args.i=i;
	args.j=j;
	args.pro=pro;
 
	var optionsPopup = new Object();
	optionsPopup.dialogWidth = dialogWidth;
	optionsPopup.dialogHeight = dialogHeight;
	optionsPopup.isValeurRetour = true;
 
        ouvrirFenetreModale(url, optionsPopup, args, objRetour);  // --> fenetreModale;JS
}
 
</script>

**SpaceFrog** · 04/06/2013, 13h18

là je ne vois pas d'initialisation de dialog dasn ton ready
du coup si il n'y a pas de dialog initialisé normal qu'il plante en en appelant une methode ...

**snake_th** · 04/06/2013, 13h39

d'accord et pour initialiser mon dialog je dois mettre quoi dans mon cas ??

$dialog = null; ne suffit donc pas

**SpaceFrog** · 04/06/2013, 13h43

non tu dois appliquer le plugin dialog à un element de la page ... la zone qui s'affichera...

**snake_th** · 04/06/2013, 13h49

l'élément qui va s'afficher quand je clique sur mon lien ou mon image est créé dynamiquement :

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
/*
 * Modal - jQuery plugin for ModalDialog
 *
 *	
 *
 */

(function($) {
	$.fn.showModalDialog = function(options) {
	    var defaultOptns = {
	        url: null,
	        dialogArguments: null,
	        args: null,
	        height: 'auto',
	        width: 'auto',
	        //top: 'auto',
	        //left: 'auto',
	        position: 'center',
	        resizable: true,
	        scrollable: true,
	        edge: 'raised',
	        help: 'no',
	        status: 'no',
	        title: 'OPTICOLL',
	        onClose: function() {},
	        returnValue: null,
	        doPostBackAfterCloseCallback: false,
	        postBackElementId: null,
	        retour: false
	    };

	    var fns = {
	        close: function() {
	        	$(this).dialog('destroy');
	        	opts.returnValue = $dialog.returnValue;
	            opts.dialogArguments = $dialog.dialogArguments;
	            opts.onClose();
	            if (opts.doPostBackAfterCloseCallback) {
	            	postBackFunction(opts.args, opts.returnValue, opts.dialogArguments);
	            }
	        },
	        adjustWidth: function() { $frame.css("width", "100%"); }
	    };

	    // build main options before element iteration

	    // surcharge des options de la fenêtre modale avec le paramètre passé par la fenêtre appelante
	    var opts = $.extend({}, defaultOptns, options);
	    var numeroFrame = $(window.parent.document).find('iframe[id^="iframeDialog"]').length;
	    // création dynamique d'une iframe qui sert à l'affichage du contenu de la popup
	    var $frame= window.parent.$('<iframe id="iframeDialog'+numeroFrame+'" frameborder="0" />');
	    if (opts.doPostBackAfterCloseCallback) {
	    	numeroFrame = $(this).find('iframe[id^="iframeDialog"]').length;
	    	$frame= $('<iframe id="iframeDialog'+numeroFrame+'" frameborder="0" />');
	    }
	    
	
	    // mise en forme de l'iframe
	    if (opts.scrollable)
	        $frame.css('overflow', 'auto');

	    $frame.css({
	        'padding': 0,	       
	        'frameborder' : 0,
	        'margin': 0,
	        'padding-bottom': 5
	    });

	    // création de la fenêtre modale
	    var $dialogWindow = $frame.dialog({	
	        autoOpen: true,
	        modal: true,
	        width: opts.width,
	        height: opts.height,
	        //top: opts.top,
	        //left: opts.left,
	        resizable: opts.resizable,
	        position: opts.position,
	        edge: opts.edge,
	        help: opts.help,
	        status: opts.status,
	        // overlay --> pour griser l'arrière plan à l'ouverture de la popup
	        overlay: {
	            opacity: 0.1,
	            background: "black"
	        },
	        close: fns.close,
	        resizeStop: fns.adjustWidth,
	        title: opts.title
	    });

	    $frame.attr('src', opts.url);
	    //$frame.load(opts.url)
	    fns.adjustWidth();

	    // ouverture de la fenêtre modale
	    $frame.load(function() {
	        if ($dialogWindow) {
	        	if (typeof(opts.title)!="undefined") {
	        		$dialogWindow.dialog('option', 'title', opts.title);
	        	} else {
	        		$dialogWindow.dialog('option', 'title', '');
	        	}
	        }
	    });
	    
	   //$frame.dialog('open');

	    $dialog = new Object();
	    $dialog.dialogArguments = opts.dialogArguments;
	    $dialog.dialogWindow = $dialogWindow;
	    $dialog.returnValue = null;
	    
		
	};
})(jQuery);

dans mes jsp, j'appelle une fonction ouvertureFenetreModale :

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
function ouvrirFenetreModale(url, options, args, objRetour) {
	
	if (typeof(options.title)=="undefined" || options.title == '')
		options.title='OPTICOLL';
	if (typeof(options.dialogWidth)=="undefined")
		options.dialogWidth='auto';
	if (typeof(options.dialogHeight)=="undefined")
		options.dialogHeight='auto';
	if (typeof(options.dialogTop)=="undefined")
		options.dialogTop='';
	if (typeof(options.dialogLeft)=="undefined")
		options.dialogLeft='';
	if (typeof(options.isValeurRetour)=="undefined")
		options.isValeurRetour=false;
	if (typeof(options.retour)=="undefined")
		options.retour=false;
	
	$('body').addClass('stop-scrolling');
	
	// appel de la fonction jquery pour l'ouverture de la popup
	// on lui applique les paramètres passés
	jQuery().showModalDialog({
		url: url,
	    dialogArguments: objRetour,
	    args: args,
	    height: options.dialogHeight,
	    width: options.dialogWidth,
	    //top: options.dialogTop,
	    //left: options.dialogLeft,
	    scrollable: true,
	    edge: 'raised',
	    help: 'no',
	    status: 'no',
	    title: options.title,
	    retour: options.retour,
	    onClose: function() {
	    	$('body').removeClass('stop-scrolling'); 
	    	var returnedValue = this.returnValue;
	    },
	    doPostBackAfterCloseCallback: options.isValeurRetour
	  });
}

**snake_th** · 04/06/2013, 13h53

Quoi qu'il en soit, j'ai trouvé ce code sur un site mais je crois que je vais être obligé de repartir de zéro et utiliser correctement le plugin jquery-ui mon jquery-modal.js (mon CP va pas être content si je dois rajouter des jours de dev pour refaire ça

)

**SpaceFrog** · 04/06/2013, 14h00

applique le dialog sur l'element créé au moment de sa création ...

**snake_th** · 04/06/2013, 14h11

Excuse-moi et je ne veux pas paraitre agressif mais est-ce que tu peux être plus clair s'il te plait ? Je ne comprends pas ce que tu veux dire. Ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var $frame= window.parent.$('<iframe id="iframeDialog'+numeroFrame+'" frameborder="0" />').dialog();

???

Erreur jquery prior dialog

jQuery

Discussions similaires

Partager

Partager