X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=ee3865c69d15532769919d6a77b1bdea1fa29ce4;hp=0f1eb39c1151777a3132ea6ccec48ad9cda6aeb6;hb=b4fa5488abceb2979d4753af0003b3265f433fda;hpb=9ca81343a4899d1d6080e88f5c9870d10706ce1b diff --git a/js/euphorik.js b/js/euphorik.js index 0f1eb39..ee3865c 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 !? @@ -560,7 +598,7 @@ Client.prototype.resetDonneesPersonnelles = function() this.ekMaster = false // les conversations, une conversation est un objet possédant les attributs suivants : - // - racine (entier) + // - root (entier) // - page (entier) this.conversations = new Array() } @@ -624,9 +662,8 @@ Client.prototype.ajouterConversation = function(racine) for (var i = 0; i < this.conversations.length; i++) if (this.conversations[i].root == racine) return false - - this.conversations.push({root : racine, page : 1}) + this.conversations.push({root : racine, page : 1}) if (this.autoflush) this.flush(true) return true @@ -699,7 +736,6 @@ Client.prototype.getJSONProfile = function() "nick_format" : this.nickFormat, "view_times" : this.viewTimes, "view_tooltips" : this.viewTooltips, - "main_page" : this.pagePrincipale < 1 ? 1 : this.pagePrincipale, "conversations" : this.getJSONConversations() } } @@ -846,7 +882,7 @@ Client.prototype.chargerDonnees = function(data) this.viewTooltips = data["view_tooltips"] // la page de la conversation principale - this.pagePrincipale = data["main_page"] == undefined ? 1 : data["main_page"] + this.pagePrincipale = 1 // les conversations this.conversations = data["conversations"] @@ -944,7 +980,7 @@ Client.prototype.majCssSelectionee = function() { // extraction du numéro de la css courante var numCssCourante = this.css.match(/^.*?\/(\d)\/.*$/) - if (numCssCourante[1] != undefined) + if (numCssCourante != null && numCssCourante[1] != undefined) { $("#menuCss option").removeAttr("selected") $("#menuCss option[value=" + numCssCourante[1]+ "]").attr("selected", "selected") @@ -1082,7 +1118,7 @@ PageEvent.prototype.waitEvent = function(funSend, funsReceive) type: "POST", url: "request", dataType: "json", - // Obsolète (voir TODO) + // TODO : doit disparaitre timeout: 180000, // timeout de 3min. Gros HACK pas beau. FIXME problème décrit ici : http://groups.google.com/group/jquery-en/browse_thread/thread/8724e64af3333a76 data: this.util.jsonVersAction(dataToSend), success: