Intégrer un jQuery UI Dialog à un résultat AJAX
Bonjour tout le monde,
J'aimerais lancer une jquery UI dialog si la réponse ajax vaut 0, mais vu qu'il y a du code HTML, CSS, je ne vois pas où mettre ce code après la réponse AJAX.
Voici mon code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| $(document).ready(function()
{
$.ajax(
{
url: 'check_RGPD.php',
type: 'POST',
dataType: 'text',
success: function(data)
{
//Sil data vaut 0, j'aimerais lancer ma jQuery UI dialog ici
}
}); |
Voici pour information mon code PHP qui fonctionne parfaitement en me retournant 0 ou 1 :
Code:
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
| <?php
session_start();
require_once 'model/config/config.inc.php';
require_once MODEL_PATH . '/autoloader/Autoloader.class.php';
$autoloader = new Autoloader($configPath);
$sql = new SqlManager(DB, USER_DB, PWD_DB);
$response = '';
if(isset($_SESSION['id']))
{
$sql->selectFrom(array(
'pharmacien.RGPD',
), 'pharmacien');
$sql->addWhere('pharmacien.ref_identification', '=', $_SESSION['id']);
//echo $sql->sqlReturn();
//return false;
$executionSQL = $sql->save();
if($executionSQL)
{
foreach ($executionSQL as $RGPD_value)
{
echo $RGPD_value->RGPD;
}
}
}
?> |
Voici le code de ma jQuery UI Dialog, mais je ne sais pas du tout comment m'y prendre pour la lancer et l'insérer dans mon code :
HTML :
Code:
1 2
| <input type="button" id="btnOpenDialog" value="Open Confirm Dialog" />
<div id="dialog-confirm">Are you sure you want to do whatever?</div> |
Code:
1 2 3 4 5 6 7 8
| #dialog-confirm {
display:none
}
.shut-up {
float:left;
display: inline-block;
margin-top: 1em;
} |
Code:
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
| function fnOpenNormalDialog() {
// Define the Dialog and its properties.
$("#dialog-confirm").dialog({
resizable: false,
modal: true,
title: "Modal",
height: 250,
width: 400,
create: function (e, ui) {
var pane = $(this).dialog("widget").find(".ui-dialog-buttonpane")
$("<label class='shut-up' ><input type='checkbox'/> Stop asking!</label>").prependTo(pane)
},
buttons: {
"Yes": function () {
$(this).dialog('close');
callback(true);
},
"No": function () {
$(this).dialog('close');
callback(false);
}
}
});
}
$('#btnOpenDialog').click(fnOpenNormalDialog);
$(document).on("change", ".shut-up input", function () {
alert("shut up! " + this.checked)
})
function callback(value) {
if (value) {
alert("Confirmed");
} else {
alert("Rejected");
}
} |
EDIT : J'ai trouvé ceci sur Google, j'y réfléchis :
Code:
$("#dialog-form").load(data).dialog({modal:true}).dialog('open');
Merci d'avance pour votre aide.
bee