jQuery: Charger la boîte de Dialogue Modale de Contenu via Ajax
Actuellement mon boîte de Dialogue Modale est comme ça
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/humanity/jquery-ui.css" type="text/css" />
</head>
<body>
<div id="dialog" title="Title Box">
<p>Stuff here</p>
</div>
<script type="text/javascript">
jQuery(
function() {
jQuery("#dialog")
.dialog(
{
bgiframe: true,
autoOpen: false,
height: 100,
modal: true
}
);
jQuery('body')
.bind(
'click',
function(e){
if(
jQuery('#dialog').dialog('isOpen')
&& !jQuery(e.target).is('.ui-dialog, a')
&& !jQuery(e.target).closest('.ui-dialog').length
){
jQuery('#dialog').dialog('close');
}
}
);
}
);
</script>
<a href="#" onclick="jQuery('#dialog').dialog('open'); return false">Click to view</a>
</body>
</html>
La Div qui est chargé est inclus dans la même page. Comment puis-je déplacer div à une deuxième page et charger le contenu via Ajax lorsque la boîte de dialogue est affichée? Et puis-je réutiliser le script pour charger des contenus différents selon les besoins?
Vous devez vous connecter pour publier un commentaire.
Consultez cet article de blog de Nemikor, qui devrait faire ce que vous voulez.
http://blog.nemikor.com/2009/04/18/loading-a-page-into-a-dialog/
Fondamentalement, avant d'appeler les "ouvrir", vous "charger" le contenu de la page en premier.
$('#dialog').load('path-to-my-page', function() { $('#dialog').dialog('open'); });
essayer de l'utiliser.
http://www.devcurry.com/2010/06/load-page-dynamically-inside-jquery-ui.html
L'Ajax Demande de charger la boîte de Dialogue, ajoutez-les dans le Corps de la page en cours et ouvrir la boîte de Dialogue.
Si vous n'en veux charger le contenu que vous pouvez faire:
peut être présent code peut vous donner une idée.
http://blog.nemikor.com/2009/04/18/loading-a-page-into-a-dialog/