Discussion :

[grunk]

Bonjour à tous,

J'essai désespérément de charger différentes pages dans un dialog au clic d'un lien :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
 
  $('#dialogBox').dialog({
		bgiframe:true,
		autoOpen:false,
		height:400,
		modal:true
	});
 
	$('.linkCal').click(function(e){
		e.preventDefault();
		$('#dialogBox').load($(this).attr('href')).dialog('open');
	});
});

L'initialisation de la dialog avant sont ouverture dans l'événement devrait normalement me permettre d'ouvrir la dialog autant de fois que je veux et quelques soit le ".linkCal" sur lequel je clic (sachant qu'il y'en a plusieurs chargeant différentes pages).
Or actuellement le premier clic sur un lien m'ouvre bien le dialog avec la page désirée mais dès le second clic rien ne va plus et $('#dialogBox').load($(this).attr('href')).dialog('open'); retourne une erreur du type "is not a function".

En revanche si j'enlève load() mes dialog s'ouvrent sans problème.

Une idée ?

Merci

[danielhagnoul]

Bonjour.

Code :

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

1
2
<a class="linkCal" href="efface2.html">Go</a>
<div id="dialogBox"></div>

Code :

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

1
2
3
4
5
6
7
8
9
$('.linkCal').click(function(){
	// je charge uniquement le contenu de la division conteneur
	// j'ouvre le dialogue dans la fonction de rappel, après le chargement
	$('#dialogBox').load($(this).attr('href') + " #conteneur", function(){
		$(this).dialog('open');
	});
 
	return false;
});

[grunk]

Merci pour cette réponse.

Mais finalement le problème que je rencontrais étais très certainement l'absence d'iframe. La page chargée étant une page à part entière (head,jquery,css...) le fait de l'inclure dans le dom de la page courante et non dans une iframe me posais des soucis.

J'ai finalement opté pour un plugin tiers (colorbox) qui se révèle plus léger que jqueryui et correspond à mon besoin