X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Feuphorik.js;h=9e969f55f6068a5f88b6ea8bcc3a0b6a36a2645d;hb=b208b89c76631ea685f7414f39116a6c1d660eee;hp=cb7f71a771ee00336c5e93b0f4e280a21d45a047;hpb=e82b363f65838828948a62ef4452e752743ef661;p=euphorik.git

diff --git a/js/euphorik.js b/js/euphorik.js
index cb7f71a..9e969f5 100755
--- a/js/euphorik.js
+++ b/js/euphorik.js
@@ -140,6 +140,44 @@ Util.prototype.messageDialogue = function(message, type, boutons, formate)
    this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue)   
 }
 
+var positionTypeX = {gauche: 0, gaucheRecouvrement: 1, centre: 2, droiteRecouvrement: 3, droite: 4}
+var positionTypeY = {haut: 0, hautRecouvrement: 1, centre: 2, basRecouvrement: 3, bas: 4}
+
+/**
+  * Afficher une boite flottante (élément) par rapport à une cible.
+  * La boite est affichée de manière à ne pas dépasser de la fenêtre.
+  * @boite l'élément à afficher
+  * @cible l'élément sur lequel est affiché la boite
+  * @positionX de type positionTypeX
+  * @positionY de type positionTypeY
+  */
+Util.prototype.afficherBoite = function(boite, cible, positionX, positionY)
+{
+    var positionCible = cible.offset()
+    var positionBoite = 
+      {
+         left : positionX == positionTypeX.gauche ? positionCible.left - boite.width() :
+            (positionX == positionTypeX.gaucheRecouvrement ? positionCible.left - boite.width() + cible.width() : 
+            (positionX == positionTypeX.droitelsRecouvrement ? positionCible.left :
+            (positionX == positionTypeX.droite ? positionCible.left + cible.width() :
+            positionCible.left + cible.width() / 2 - boite.width() / 2 ))), // centre
+         top : positionY == positionTypeY.haut ? positionCible.top - boite.height() :
+            (positionY == positionTypeY.hautRecouvrement ? positionCible.top - boite.height() + cible.height() : 
+            (positionY == positionTypeY.basRecouvrement ? positionCible.top :
+            (positionY == positionTypeY.bas ? positionCible.top + cible.height() :
+            positionCible.top + cible.height() / 2 - boite.height() / 2 ))) // centre
+      }
+      
+    // calcul les décalages en x et en y pour éviter que la boite ne sorte de la fenêtre, tient compte de la position des barres de défilement
+    var marge = 10    
+    positionBoite.left = positionBoite.left < marge + window.pageXOffset ? marge + window.pageXOffset :
+      (boite.width() - $(window).width() + (positionBoite.left - window.pageXOffset) + marge > 0 ? $(window).width() - boite.width() - marge + window.pageXOffset : positionBoite.left)
+    positionBoite.top = positionBoite.top < marge + window.pageYOffset ? marge + window.pageYOffset :
+      (boite.height() - $(window).height() + (positionBoite.top - window.pageYOffset) + marge > 0 ? $(window).height() - boite.height() - marge + window.pageYOffset : positionBoite.top)
+    
+    boite.css("top", positionBoite.top).css("left", positionBoite.left).show()
+}
+
 /**
   * Affiche un info bulle lorsque le curseur survole l'élément donné.
   * FIXME : le width de element ne tient pas compte du padding !?
@@ -155,7 +193,7 @@ Util.prototype.infoBulle = function(message, element)
       }
 
    element.hover(
-      function(e)
+      function()
       {
          if (!thisUtil.bulleActive)
             return
@@ -171,7 +209,7 @@ Util.prototype.infoBulle = function(message, element)
          m.css("top", 0).css("left", 0)
          
          var positionFleche = {
-            left : element.offset().left + element.width() / 2 - f.width() / 2,
+            left : element.offset().left + element.innerWidth() / 2 - f.width() / 2,
             top : element.offset().top - f.height()
          }
          var positionMessage = {