24-05-2009, 09:51 PM
(Modification du message : 25-05-2009, 07:22 AM par Sephi-Chan.)
Désoler, mais je ne sais pas comment on crée une fonction de callback :toilette:
Voici le code de la box:
Merci d'avance
Voici le code de la box:
(function($){
$.valmeBox = {
openBox: function(url, type){
if(type == "ajax"){
$.ajax({
url : url,
dataType: "html",
contentType : "application/x-www-form-urlencoded; charset=ISO-8859-15",
beforeSend: function(){
$("div#popup").fadeIn("slow");
$("div#popup").css({
top: (sourisTop-100)+"px",
left: (posCenter.left)+"px"
});
$("div.main_table").fadeTo("slow",0.4);
},
success : function(reponse){
$("div#popup").html(
"<div class=\"flote_droite\">" +
"<div class=\"flote_gauche\">" +
"<div class=\"flote_haut\">" +
"<div class=\"flote_bas\">" +
"<div class=\"flote_coin_sup_gauche\">" +
"<div class=\"flote_coin_sup_droite\">" +
"<div class=\"flote_coin_inf_gauche\">" +
"<div class=\"flote_coin_inf_droite\">" +
"<div class=\"flote_text\">"+
"<p class=\"closeBox\"><a onclick=\"closeBox();\">X Fermer</a></p>"
+ reponse +
"<p class=\"closeBox\"><a onclick=\"closeBox();\">X Fermer</a></p>"+
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>"
);
},
error : function(){
$("div#popup").html("<p>Erreur.</p>");
}
});
return false;
}
else if (type == "popup"){
$("div#popup").fadeIn("slow");
$("div#popup").css({
top: (sourisTop-100)+"px",
left: (posCenter.left)+"px"
});
$("div.main_table").fadeTo("slow",0.4);
$("div#popup").html(
"<div class=\"flote_droite\">" +
"<div class=\"flote_gauche\">" +
"<div class=\"flote_haut\">" +
"<div class=\"flote_bas\">" +
"<div class=\"flote_coin_sup_gauche\">" +
"<div class=\"flote_coin_sup_droite\">" +
"<div class=\"flote_coin_inf_gauche\">" +
"<div class=\"flote_coin_inf_droite\">" +
"<div class=\"flote_text\">" +
"<p class=\"closeBox\"><a onclick=\"closeBox();\">X Fermer</a></p>"
+ url +
"<p class=\"closeBox\"><a onclick=\"closeBox();\">X Fermer</a></p>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>"
);
}
},
closeBox: function(){
$("div#popup").fadeOut("slow");
$("div.main_table").fadeTo("slow",1);
}
}
//Accès rapide
openBox = function(url,type) {
$.valmeBox.openBox(url,type);
}
closeBox = function() {
$.valmeBox.closeBox();
}
})(jQuery);
Merci d'avance