J'ai implémenté avec succès la boîte de confirmation dans Jquery. assurez-vous que vous avez la bibliothèque Jquery et css INCLUS dans votre code avant d'essayer ceci (jquery-ui-1.8.16.custom.css, jquery-1.6.2.js, jquery-ui-1.8.16.custom.min. js). LA DIFFÉRENCE PRINCIPALE ENTRE LA BOÎTE DE CONFIRMATION JAVASCRIPT ET CETTE BOÎTE QUE NOUS CRÉONS EN UTILISANT DIV - EST QUE - LA CONFIRMATION JAVASCRIPT ATTENDRA L'ENTREE UTILISATEUR, APRES L'UTILISATEUR ENTRE OUI/NON, LA LIGNE SUIVANTE S'EXÉCUTERA, ICI VOUS DEVEZ FAIRE DANS OUI, OU NO BLOC - ** LA LIGNE PROCHAINE CODE APRÈS LA showConfirm() exécutera immédiatement * donc attention
/** add this div to your html
*/
var $confirm;
var callBack;
var iconStyle = '<span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 50px 0;"></span>';
var messageStyleStart = '<span align="center" style="font-family:arial, verdana, sans-serif;font-size:9.3pt;">';
var messageStyleEnd = '</span>';
$(document).ready(function(){
$('#confirmDialog').dialog({
autoOpen: false,
modal: true
});
//jquery confirm box -- the general alert box
$confirm = $('<div style="vertical-align:middle;"></div>')
.html('This Message will be replaced!')
.dialog({
autoOpen: false,
modal: true,
position: 'top',
height:300,
width: 460,
modal: true,
buttons: {
Ok : function() {
$(this).dialog("close");
if(null != callBack)
callBack.success();
},
Cancel: function() {
$(this).dialog("close");
if(null != callBack)
callBack.fail();
}
}
});
});
function showConfirm(message,callBackMe,title){
callBack = null;
$confirm.html(""); // work around
$confirm.html(iconStyle + messageStyleStart +message + messageStyleEnd);
if(title =='undefined'|| null ==title)
$confirm.dialog("option", "title", "Please confirm");
else
$confirm.dialog("option", "title", title);
var val = $confirm.dialog('open');
callBack = callBackMe;
// prevent the default action
return true;
}
// Now for calling the function
// create a Javascript/jSOn callback object
var callMeBack = {
success: function()
{ // call your yes function here
clickedYes();
return;
},
fail: function(){
// call your 'no' function here
clickedNo();
return ;
}
};
showConfirm("Do you want to Exit ?<br/>"+
,callMeBack1,"Please Answer");
avez-vous mis dans un $ (document) .ready() {}? – helloandre
Oui, c'est dans mon document prêt. – Andrew