X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Futil.js;h=aff9d6e00d578b7938e1ad5a18378c92e36531f0;hp=9e19ed7591774f14eb66f5ee40f28cbcfc03579c;hb=cf274dbe8b2049cfb3d2116d9298bfb8c1a38d11;hpb=dc66525bdce5df290c5afe8d3f5eedb1a736d955

diff --git a/js/util.js b/js/util.js
index 9e19ed7..aff9d6e 100644
--- a/js/util.js
+++ b/js/util.js
@@ -23,14 +23,14 @@
   *  - Print a message box to display some information for the user.
   *  - Set a tooltip for a HTML element.
   *  - Some text manipulation for input area.
-  * @formater an object for string format
+  * @formater An object for string format
   */
 euphorik.Util = function (formater) {
-   $("#info .fermer").click(function() {
+   $("#info .close").click(function() {
       $("#info").slideUp(50);
    });
    
-   $("body").append('<div id="flecheBulle"></div>').append('<div id="messageBulle"><p></p></div>');
+   $("body").append('<div id="tooltipArrow"></div>').append('<div id="tooltipMessage"><p></p></div>');
    
    this.formater = formater;
    this.bulleActive = true;
@@ -39,29 +39,27 @@ euphorik.Util = function (formater) {
 euphorik.Util.messageType = {informatif: 0, question: 1, erreur: 2};
 
 /**
-  * Affiche une boite de dialogue avec un message à l'intérieur.
-  * @param message le message (string)
-  * @param type voir 'messageType'. par défaut messageType.informatif
-  * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons
-  *        et les valeurs les fonctions executées lorsqu'un bouton est activé.
-  *        Lorsqu'un bouton est activé le message se ferme.     
-  * @param formate faut-il formaté le message ? true par défaut
-  * @param temps le temps d'affichage du message en seconde, -1 pour une durée infinie
-  */
-euphorik.Util.prototype.messageDialog = function(message, type, boutons, formate, temps) {
+  * Display a message box.
+  * @message [String] The message.
+  * @type [euphorik.Util.messageType] The message type like 'information' or 'error'. Default is messageType.informatif.
+  * @buttons An object where the properties are the labels and the values are functions which will be executed when a button is clicked.
+  * @format [bool] The message should be formated. (see 'formater.js')
+  * @time The time while the message is displayed. -1 for infinity.
+  */  
+euphorik.Util.prototype.messageDialog = function(message, type, buttons, format, time) {
    var thisUtil = this;
 
    type = type || euphorik.Util.messageType.informatif;
-   formate = formate === undefined ? true : formate;
+   format = format === undefined ? true : format;
 
    if (this.timeoutMessageDialog) {
       clearTimeout(this.timeoutMessageDialog);
    }
       
-   var fermer = function() { $("#info").slideUp(100); };
-   fermer();
+   var close = function() { $("#info").slideUp(100); };
+   close();
 
-   $("#info .message").html(!thisUtil.formater || !formate ? message : thisUtil.formater.traitementComplet(message));
+   $("#info .message").html(!thisUtil.formater || !format ? message : thisUtil.formater.traitementComplet(message));
    
    switch(type) {
       case euphorik.Util.messageType.informatif : $("#info #icone").attr("class", "information"); break;
@@ -69,14 +67,14 @@ euphorik.Util.prototype.messageDialog = function(message, type, boutons, formate
       case euphorik.Util.messageType.erreur : $("#info #icone").attr("class", "exclamation"); break;
    }
    
-   $("#info .boutons").html("");
-   objectEach(boutons, function(nom, bouton) {
-      $("#info .boutons").append("<div>" + nom + "</div>").find("div:last").click(bouton).click(fermer);
+   $("#info .buttons").html("");
+   objectEach(buttons, function(nom, bouton) {
+      $("#info .buttons").append("<div>" + nom + "</div>").find("div:last").click(bouton).click(close);
    });
    
    $("#info").slideDown(200);
-   if (temps !== -1) {
-      this.timeoutMessageDialog = setTimeout(fermer, temps || euphorik.conf.tempsAffichageMessageDialogue);
+   if (time !== -1) {
+      this.timeoutMessageDialog = setTimeout(close, time || euphorik.conf.tooltipDisplayDefaultTime);
    }
 };
 
@@ -137,8 +135,8 @@ euphorik.Util.prototype.hideWaitBar = function() {
 euphorik.Util.prototype.infoBulle = function(message, element, position) {
    var thisUtil = this;
    var cacherBulle = function() {   
-      $("#flecheBulle").hide();
-      $("#messageBulle").hide();
+      $("#tooltipArrow").hide();
+      $("#tooltipMessage").hide();
    };
    
    position = position || euphorik.Util.positionBulleType.haut;
@@ -149,11 +147,11 @@ euphorik.Util.prototype.infoBulle = function(message, element, position) {
             return;
          }
 
-         var m = $("#messageBulle");
-         var f = $("#flecheBulle");
-         f.removeClass().addClass(position === euphorik.Util.positionBulleType.haut ? "flecheBulleHaut" :
-            (position === euphorik.Util.positionBulleType.droite ? "flecheBulleDroite" : 
-            (position === euphorik.Util.positionBulleType.bas ? "flecheBulleBas" : "flecheBulleGauche" )));
+         var m = $("#tooltipMessage");
+         var f = $("#tooltipArrow");
+         f.removeClass().addClass(position === euphorik.Util.positionBulleType.haut ? "tooltipArrowTop" :
+            (position === euphorik.Util.positionBulleType.droite ? "tooltipArrowRight" : 
+            (position === euphorik.Util.positionBulleType.bas ? "tooltipArrowBottom" : "tooltipArrowLeft" )));
          
          // remplie le paragraphe de la bulle avec le message
          $("p", m).html(message);