ADD function dans Util permettant de positionner une boite (div), sera utilisé pour...

[euphorik.git] / js / euphorik.js

diff --git a/js/euphorik.js b/js/euphorik.js
index cb7f71a..ee3865c 100755 (executable)
--- 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 !?