X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=596ded497e262ebf28efa134f15ebd7ffe8b429f;hp=cb7f71a771ee00336c5e93b0f4e280a21d45a047;hb=302c16cbbd999e97f7bac2b3eb70bf057f5bc709;hpb=e82b363f65838828948a62ef4452e752743ef661 diff --git a/js/euphorik.js b/js/euphorik.js index cb7f71a..596ded4 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -29,8 +29,9 @@ * Normalement 'const' à la place de 'var' mais non supporté par IE7. */ var conf = { + versionProtocole : 3, // version du protcole nickDefaut : "", - nbMessageAffiche : 40, // (par page) + nbMessageAffiche : 10, // (par page) pseudoDefaut : "", tempsAffichageMessageDialogue : 4000, // en ms tempsKick : 15, // en minute @@ -140,6 +141,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 +194,7 @@ Util.prototype.infoBulle = function(message, element) } element.hover( - function(e) + function() { if (!thisUtil.bulleActive) return @@ -171,7 +210,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 = { @@ -646,7 +685,7 @@ Client.prototype.supprimerConversation = function(num) Client.prototype.getJSONLogin = function(login, password) { return { - "action" : "authentification", + "header" : { "action" : "authentification", "version" : conf.versionProtocole }, "login" : login, "password" : password } @@ -655,7 +694,7 @@ Client.prototype.getJSONLogin = function(login, password) Client.prototype.getJSONLoginCookie = function() { return { - "action" : "authentification", + "header" : { "action" : "authentification", "version" : conf.versionProtocole }, "cookie" : this.cookie } } @@ -666,7 +705,7 @@ Client.prototype.getJSONLoginCookie = function() */ Client.prototype.getJSONEnregistrement = function(login, password) { - var mess = { "action" : "register" } + var mess = { "header" : { "action" : "register", "version" : conf.versionProtocole }} if (login != undefined && password != undefined) { @@ -688,7 +727,7 @@ Client.prototype.getJSONConversations = function() Client.prototype.getJSONProfile = function() { return { - "action" : "set_profile", + "header" : { "action" : "set_profile", "version" : conf.versionProtocole }, "cookie" : this.cookie, "login" : this.login, "password" : this.password, @@ -790,7 +829,6 @@ Client.prototype.enregistrement = function(login, password) Client.prototype.connexion = function(messageJson) { - ;; dumpObj(messageJson) thisClient = this jQuery.ajax( { @@ -802,7 +840,6 @@ Client.prototype.connexion = function(messageJson) success: function(data) { - ;; dumpObj(data) if (data["reply"] == "error") thisClient.util.messageDialogue(data["error_message"]) else @@ -872,7 +909,6 @@ Client.prototype.flush = function(async) var thisClient = this var ok = true - ;; dumpObj(this.getJSONProfile()) jQuery.ajax( { async: async, @@ -883,7 +919,6 @@ Client.prototype.flush = function(async) success: function(data) { - ;; dumpObj(data) if (data["reply"] == "error") { thisClient.util.messageDialogue(data["error_message"]) @@ -959,7 +994,7 @@ Client.prototype.slap = function(userId, raison) dataType: "json", data: this.util.jsonVersAction( { - "action" : "slap", + "header" : { "action" : "slap", "version" : conf.versionProtocole }, "cookie" : thisClient.cookie, "user_id" : userId, "reason" : raison @@ -987,7 +1022,7 @@ Client.prototype.ban = function(userId, raison, minutes) dataType: "json", data: this.util.jsonVersAction( { - "action" : "ban", + "header" : { "action" : "ban", "version" : conf.versionProtocole }, "cookie" : thisClient.cookie, "duration" : minutes, "user_id" : userId, @@ -1013,7 +1048,7 @@ Client.prototype.kick = function(userId, raison) * classe permettant de gérer les événements (push serveur). * l'information envoyé est sous la forme : * { - * "action" : "wait_event" + * "header" : {"action" : "wait_event", "version" : }, * "page" : * [..] * } @@ -1067,15 +1102,13 @@ PageEvent.prototype.waitEvent = function(funSend, funsReceive) // TODO : ya pas mieux ? var dataToSend = { - "action" : "wait_event", + "header" : { "action" : "wait_event", "version" : conf.versionProtocole }, "page" : this.page } var poulpe = funSend() for (v in poulpe) dataToSend[v] = poulpe[v] - ;; dumpObj(dataToSend) - this.attenteCourante = jQuery.ajax({ type: "POST", url: "request", @@ -1085,9 +1118,7 @@ PageEvent.prototype.waitEvent = function(funSend, funsReceive) data: this.util.jsonVersAction(dataToSend), success: function(data) - { - ;; dumpObj(data) - + { funsReceive[data["reply"]](data) // rappel de la fonction dans 100 ms