From 84a86204f1f87a6b898975bc1d817130c7168a7c Mon Sep 17 00:00:00 2001
From: Greg Burri <greg.burri@gmail.com>
Date: Tue, 27 May 2008 21:00:32 +0000
Subject: [PATCH] =?utf8?q?ADD=20infos=20bulles=20(pas=20fini,=20quelques?=
 =?utf8?q?=20bugs=20=C3=A0=20corriger)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 css/1/euphorik.css        |  17 ++++++++++++++-
 img/css1/fleche_bulle.png | Bin 0 -> 215 bytes
 js/euphorik.js            |  43 ++++++++++++++++++++++++++++++++++++++
 js/pageMinichat.js        |  16 ++++++++++----
 4 files changed, 71 insertions(+), 5 deletions(-)
 create mode 100644 img/css1/fleche_bulle.png

diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index 2812e70..3a41bae 100755
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -167,14 +167,29 @@ div#info .boutons div:hover {
 
 /***** Les infos bulles *****/
 #flecheBulle {
+	position: absolute;
+	z-index: 50;
 	width: 15px;
 	height: 8px;
-	background-image: url(../../img/css1/fleche_bulle.png)
+	background-image: url(../../img/css1/fleche_bulle.png);
+	display: none
+}
+#messageBulle {
+	position: absolute;
+	z-index: 50;
+	color: #ffffff;
+	background-color: #841919;
+	display: none;
+	font-size: 10px;
+}
+#messageBulle p {
+	padding: 3px 6px;
 }
 
 /***** Le faux captcha *****/
 .captcha {
 	display:none;
+}
 
 /***** Les formulaires *****/
 form input,
diff --git a/img/css1/fleche_bulle.png b/img/css1/fleche_bulle.png
new file mode 100644
index 0000000000000000000000000000000000000000..0676a33772cabf5277b71cd9c412b3442f0e77c5
GIT binary patch
literal 215
zcmeAS@N?(olHy`uVBq!ia0vp^{6NgX!3HGNE-(EAq!^2X+?^QKos)S9<Zu>vL>4nJ
za0`PlBg3pY5<o%r5>H=O_8Y9yqSoe*7dtEf3Q3l@MwB?`=jNv7l`uFLr6!i7rYMwW
zmSiZnd-?{1H}Z)C6}fo2IEF}EPR^M)<<EHswS<&}gan1-4YQt~my}GD3F28%`EQP3
zp0Os|0h6Q*wG@U;Zfj;0N;a$$T%K0KydhJCgQJy^;nPj&q6)v=8-V69c)I$ztaD0e
F0syoHKIZ@c

literal 0
HcmV?d00001

diff --git a/js/euphorik.js b/js/euphorik.js
index b44f042..1b78ba8 100755
--- a/js/euphorik.js
+++ b/js/euphorik.js
@@ -134,6 +134,49 @@ Util.prototype.messageDialogue = function(message, type, boutons, formate)
    this.timeoutMessageDialogue = setTimeout(fermer, conf.tempsAffichageMessageDialogue)   
 }
 
+/**
+  * Affiche un info bulle lorsque le curseur survole l'élément donné.
+  * FIXME : le width de element ne tient pas compte du padding !?
+  */
+Util.prototype.infoBulle = function(message, element)
+{
+   var virerMess = function()
+      {   
+         $("#flecheBulle").remove()
+         $("#messageBulle").remove()
+      }
+
+   element.click(virerMess)
+
+   element.hover(
+      function(e)
+      {
+         f = $('<div id="flecheBulle"></div>').appendTo("body")
+         m = $('<div id="messageBulle"><p>' + message + '</p></div>').appendTo("body")
+         var positionFleche = {
+            left : element.offset().left + element.width() / 2 - f.width() / 2,
+            top : element.offset().top - f.height()
+         }
+         var positionMessage = {
+            left : element.offset().left + element.width() / 2 - m.width() / 2,
+            top : element.offset().top - f.height() - m.height()
+         }
+         var depassementDroit = (positionMessage.left + m.width()) - $("body").width()
+         if (depassementDroit > 0)
+            positionMessage.left -= depassementDroit
+         else
+         {
+            if (positionMessage.left < 0)
+               positionMessage.left = 0
+         }
+         
+         m.css("top", positionMessage.top).css("left", positionMessage.left).show()
+         f.css("top", positionFleche.top).css("left", positionFleche.left).show()
+      },
+      virerMess
+   )
+}
+
 /**
   * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery.
   */
diff --git a/js/pageMinichat.js b/js/pageMinichat.js
index 770fc42..45d7242 100755
--- a/js/pageMinichat.js
+++ b/js/pageMinichat.js
@@ -9,8 +9,8 @@
 // (at your option) any later version.
 //
 // Euphorik is distributed in the hope that it will be useful,
+// MERCHANTABILITY or FIAller à la première pageTNESS FOR A PARTICULAR PURPOSE.  See the
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 // GNU General Public License for more details.
 //
 // You should have received a copy of the GNU General Public License
@@ -76,6 +76,8 @@ PageMinichat.prototype.charger = function()
          }
       )
    }
+   
+   this.util.infoBulle("Ouvrir la conversation liée au troll de la semaine", $("#trollCourant")) 
 
    // <smiles>
    $("body").append("<div id=\"smiles\"></div>")
@@ -381,6 +383,13 @@ function Conversation(num, util, formateur, client)
       </div>'
    )
    
+   this.util.infoBulle("Aller à la première page", $("#conversations #" + this.getId() + " .numPage"))
+   if (num != 0)
+   {
+      this.util.infoBulle("Créer un lien vers la conversation", $("#conversations #" + this.getId() + " .lien"))
+      this.util.infoBulle("Fermer la conversation", $("#conversations #" + this.getId() + " .fermer"))   
+   }
+   
    // enlève la mise en évidence pour la conversation
    $("#conversations #" + this.getId()).hover(
       function(){},
@@ -544,9 +553,6 @@ Conversation.prototype.flush = function(funClickOuvrirConv)
    if (nbMessagesAffiche > this.nbMessageMax)
       $("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).empty()
    
-   
-   //.filter(function(){ return parseInt($(this).attr("id").substr(4), 36) > thisConversation.idDernierMessageAffiche })
-   
    var DOM = $(XHTML)
    DOM.each(
       function()
@@ -599,6 +605,8 @@ Conversation.prototype.flush = function(funClickOuvrirConv)
                function(){}
             )
          
+         thisConversation.util.infoBulle("Extraction de la conversation", $(".extraire", this))
+         
          $(this).click(
             function(event)
             {
-- 
2.43.0