/*** * Fonctions Utilitaires * Version: 2014-12-02 par Francis Chevalier */ /*** * Fonction permettant de créer une fenêtre personalisée. * Options disponibles: * id: Le ID du div qui représente le modal/popup * title: Le titre qui sera inscrit dans l'en-tête du modal * message: Le message qui sera affiché dans le corps du modal * width: La largeur du modal (en pixels) * min_width: La largeur minimale de la fenêtre (en pixels) * max_width: La largeur maximale de la fenêtre (en pixels) * height: La hauteur du modal (en pixels) * buttons: Les boutons disponibles en bas de la fenêtre */ function createModal(options) { options.id = options.id || "modal"; options.title = options.title || ""; options.message = options.message || ""; options.width = (options.width ? options.width + "px" : "auto"); options.min_width = (options.min_width ? options.min_width + "px" : ""); options.max_width = (options.max_width ? options.max_width + "px" : ""); options.height = (options.height ? options.height + "px" : "auto"); options.buttons = options.buttons || [modalButton({label: "Ok"})]; // On vérifie si le modal ayant de ID existe déjà, si oui, on le supprime if ($("#" + options.id) != null && $("#" + options.id).length != 0) { $("#" + options.id).remove(); } // On vérifie si le container existe déjà, si ce n'est pas le cas, on le crée if ($("#modal-container") == null || $("#modal-container").length == 0) { // Les styles pour le container sont définis dans le fichier CSS style.css $("body").append('
'); } else { // Pour l'instant, c'est un seul modal à la fois $("#modal-container").remove(); $("body").append(''); } // On concatène les boutons pour en faire une string var buttons = ""; for (var index = 0; index < options.buttons.length; ++index) { buttons += options.buttons[index]; } // Ensuite, on ajoute notre fenêtre à l'intérieur du container $("#modal-container").append( '