X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Feuphorik.js;h=eb9741ba78d805d36b576076e62844f5511f4285;hb=5ca1cdf249b08bb49f44515fd37599935f767113;hp=9bf96fb1f547da10daf8765d6348861cd916b4df;hpb=68e2e2bddfdb752e4a0cf0fc681388d3a90b80f5;p=euphorik.git diff --git a/js/euphorik.js b/js/euphorik.js index 9bf96fb..eb9741b 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -31,7 +31,7 @@ var conf = { versionProtocole : 3, // version du protcole nickDefaut : "", - nbMessageAffiche : 60, // (par page) + nbMessageAffiche : 10, // (par page) pseudoDefaut : "", tempsAffichageMessageDialogue : 4000, // en ms tempsKick : 15, // en minute @@ -180,13 +180,19 @@ Util.prototype.afficherBoite = function(boite, cible, positionX, positionY) boite.css("top", positionBoite.top).css("left", positionBoite.left).show() } +var positionBulleType = {haut : 0, droite : 1, bas : 2, gauche : 3} + /** * Affiche un info bulle lorsque le curseur survole l'élément donné. - * FIXME : le width de element ne tient pas compte du padding !? + * @param message le message à afficher + * @param element l'élément DOM sur lesquel afficher la bulle + * @param la position de la bulle, voir positionBulleType. Par défaut à 0 (haut) */ -Util.prototype.infoBulle = function(message, element) +Util.prototype.infoBulle = function(message, element, position) { var thisUtil = this + if (position == undefined) + position = positionBulleType.haut var cacherBulle = function() { @@ -202,6 +208,9 @@ Util.prototype.infoBulle = function(message, element) var m = $("#messageBulle") var f = $("#flecheBulle") + f.removeClass().addClass(position == positionBulleType.haut ? "flecheBulleHaut" : + (position == positionBulleType.droite ? "flecheBulleDroite" : + (position == positionBulleType.bas ? "flecheBulleBas" : "flecheBulleGauche" ))) // remplie le paragraphe de la bulle avec le message $("p", m).html(message) @@ -211,12 +220,20 @@ Util.prototype.infoBulle = function(message, element) m.css("top", 0).css("left", 0) var positionFleche = { - left : element.offset().left + element.innerWidth() / 2 - f.width() / 2, - top : element.offset().top - f.height() + left : position == positionBulleType.haut || position == positionBulleType.bas ? + element.offset().left + element.outerWidth() / 2 - f.width() / 2 : + (position == positionBulleType.gauche ? element.offset().left - f.width() : element.offset().left + element.outerWidth()), + top : position == positionBulleType.gauche || position == positionBulleType.droite ? + element.offset().top + element.outerHeight() / 2 - f.height() / 2 : + (position == positionBulleType.haut ? element.offset().top - f.height() : element.offset().top + element.outerHeight()) } var positionMessage = { - left : element.offset().left + element.width() / 2 - m.width() / 2, - top : element.offset().top - f.height() - m.height() + left : position == positionBulleType.haut || position == positionBulleType.bas ? + element.offset().left + element.width() / 2 - m.width() / 2 : + (position == positionBulleType.gauche ? element.offset().left - f.width() - m.width() : element.offset().left + f.width() + element.outerWidth()), + top : position == positionBulleType.gauche || position == positionBulleType.droite ? + element.offset().top + element.outerHeight() / 2 - m.height() / 2 : + (position == positionBulleType.haut ? element.offset().top - f.height() - m.height() : element.offset().top + f.height() + element.outerHeight()) } var depassementDroit = (positionMessage.left + m.width()) - $("body").width() if (depassementDroit > 0) @@ -379,8 +396,12 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement) if (typeof page == "string") $.ajax({async: false, url: "pages/" + page + ".html", success : function(page) { contenu += page }}) else + { contenu += this.pageCourante.contenu() - $("#page").html(contenu).removeClass().addClass(this.pageCourante.nom) + } + $("#page").html(contenu).removeClass().addClass(this.pageCourante.nom + + (this.pageCourante.classes != undefined ? " " + this.pageCourante.classes() : "") // l'objet peut fournire des classes css supplémentaires sous la forme d'un string + ) if (this.pageCourante.charger) this.pageCourante.charger() @@ -460,7 +481,7 @@ Formateur.prototype.traiterSmiles = function(M) { for (var sNom in this.smiles) { - ss = this.smiles[sNom] + var ss = this.smiles[sNom] for (var i = 0; i < ss.length; i++) M = M.replace(ss[i], "\""") } @@ -474,7 +495,7 @@ Formateur.prototype.remplacerBalisesHTML = function(M) Formateur.prototype.traiterURL = function(M, pseudo) { - thisFormateur = this + var thisFormateur = this var traitementUrl = function(url) { @@ -545,7 +566,7 @@ Formateur.prototype.getShort = function(url) */ Formateur.prototype.traiterPourFenetreLightBox = function(M, urlCourante) { - thisFormateur = this + var thisFormateur = this var traitementUrl = function(url) { return "[" + thisFormateur.getShort(url)[0] + (urlCourante == url ? "*" : "") + "]" @@ -591,6 +612,7 @@ Client.prototype.resetDonneesPersonnelles = function() this.password = "" this.email = "" this.css = $("link#cssPrincipale").attr("href") + this.chatOrder = "reverse" this.nickFormat = "nick" this.viewTimes = true this.viewTooltips = true @@ -737,6 +759,7 @@ Client.prototype.getJSONProfile = function() "nick" : this.pseudo, "email" : this.email, "css" : this.css, + "chat_order" : this.chatOrder, "nick_format" : this.nickFormat, "view_times" : this.viewTimes, "view_tooltips" : this.viewTooltips, @@ -832,9 +855,12 @@ Client.prototype.enregistrement = function(login, password) } } +/** + * Connexion. Réalisé de manière synchrone. + */ Client.prototype.connexion = function(messageJson) { - thisClient = this + var thisClient = this jQuery.ajax( { async: false, @@ -885,6 +911,7 @@ Client.prototype.chargerDonnees = function(data) this.pseudo = data["nick"] this.email = data["email"] this.setCss(data["css"]) + this.chatOrder = data["chat_order"] this.nickFormat = data["nick_format"] this.viewTimes = data["view_times"] this.viewTooltips = data["view_tooltips"] @@ -919,7 +946,6 @@ Client.prototype.flush = function(async) var thisClient = this var ok = true - jQuery.ajax( { async: async, @@ -948,7 +974,7 @@ Client.prototype.flush = function(async) Client.prototype.majMenu = function() { - displayType = "block" + var displayType = "block" $("#menu .admin").css("display", this.ekMaster ? displayType : "none") @@ -1129,7 +1155,7 @@ PageEvent.prototype.waitEvent = function(funSend, funsReceive) "page" : this.page } var poulpe = funSend() - for (v in poulpe) + for (var v in poulpe) dataToSend[v] = poulpe[v] this.attenteCourante = jQuery.ajax({ @@ -1167,24 +1193,14 @@ PageEvent.prototype.waitEvent2 = function(funSend, funsReceive) } /////////////////////////////////////////////////////////////////////////////////////////////////// - -function initialiserListeStyles(client) -{ - $("#menuCss").change( - function() - { - client.setCss("css/" + $("option:selected", this).attr("value") + "/euphorik.css") - } - ) -} -// charge dynamiquement le script de debug +// charge dynamiquement le script de debug (obsolète) ;; jQuery.ajax({async : false, url : "js/debug.js", dataType : "script"}) // le main $(document).ready( function() - { + { var formateur = new Formateur() var util = new Util(formateur) var client = new Client(util) @@ -1193,7 +1209,7 @@ $(document).ready( // connexion vers le serveur (utilise un cookie qui traine) client.connexionCookie() - initialiserListeStyles(client) + $("#menuCss").change(function(){ client.setCss("styles/" + $("option:selected", this).attr("value") + "/euphorik.css")}) // FIXME : ne fonctionne pas sous opera // voir : http://dev.jquery.com/ticket/2892#preview