X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=js%2Feuphorik.js;h=228ea3ce3a25fd15024c6267399e4a58cdffd3ae;hp=8af19d1d475beb5cc9b215b635f20c8b27cce926;hb=ce1fba00ff3eaa6708d6070763f74a400273203b;hpb=d29dc942b9c6d0b12e959660445a8ea0e1791051 diff --git a/js/euphorik.js b/js/euphorik.js index 8af19d1..228ea3c 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -22,336 +22,66 @@ * Auteur : GBurri * Date : 6.11.2007 */ - -/** - * La configuration. - * Normalement 'const' à la place de 'var' mais non supporté par IE7. - */ -var conf = { - versionProtocole : 3, // version du protcole - nickDefaut : "", - nbMessageAffiche : 10, // (par page) - pseudoDefaut : "", - tempsAffichageMessageDialogue : 4000, // en ms - tempsKick : 15, // en minute - tempsBan : 60 * 24 * 3, // en minutes (3jours) - smiles : { - "smile" : [/:\)/g, /:-\)/g], - "bigsmile" : [/:D/g, /:-D/g], - "clin" : [/;\)/g, /;-\)/g], - "cool" : [/8\)/g, /8-\)/g], - "eheheh" : [/:P/g, /:-P/g], - "lol" : [/\[-lol\]/g], - "petrus" : [/:F/g], - "spliff" : [/\[-spliff\]/g], - "oh" : [/:o/g, /:O/g], - "heink" : [/\[-heink\]/g], - "hum" : [/\[-hum\]/g], - "boh" : [/\[-boh\]/g], - "sniff" : [/:\(/g, /:-\(/g], - "triste" : [/\[-triste\]/g], - "pascontent" : [/>\(/g, />\(/g], - "argn" : [/\[-argn\]/g], - "redface" : [/\[-redface\]/g], - "bunny" : [/\[-lapin\]/g], - "chat" : [/\[-chat\]/g], - "renne" : [/\[-renne\]/g], - "star" : [/\[-star\]/g], - "kirby" : [/\[-kirby\]/g], - "slurp" : [/\[-slurp\]/g], - "agreed" : [/\[-agreed\]/g], - "dodo" : [/\[-dodo\]/g], - "bn" : [/\[-bn\]/g] - } -} - -/////////////////////////////////////////////////////////////////////////////////////////////////// - -String.prototype.trim = function() -{ +// tout euphorik est contenu dans cet objet +var euphorik = {} +// ;; euphorik.include = +// ;; euphorik.include = function(f) { var s = document.createElement('script'); s.type = 'text/javascript'; s.src = "js/" + f + ".js"; document.getElementsByTagName('head')[0].appendChild(s); } + + +// version jQuery : function(f) { jQuery.ajax({async : false, url : "js/" + f + ".js", dataType : "script"}) } +// mais comme il n'est pas encore chargé... +;; euphorik.include = function(f) { +;; var req, url = 'js/' + f + '.js' +;; if (window.XMLHttpRequest) { +;; req = new XMLHttpRequest(); req.open("GET", url, false /* async */); req.send(null); +;; } else if (window.ActiveXObject) { +;; req = new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') != -1) ? "Microsoft.XMLHTTP" : "Msxml2.XMLHTTP"); +;; if (req) { req.open("GET", url, false); req.send(); } +;; } +;; if (req!==false) { if (req.status==200) { window.eval(req.responseText); } else if (req.status==404) { alert("erreur de chargement (404) de : " + url) } } +;; } + +;; euphorik.include("jquery") +;; euphorik.include("jquery.lightbox") +;; euphorik.include("md5") +;; euphorik.include("json2") + +;; euphorik.include("conf") +;; euphorik.include("util") + +;; euphorik.include("pageMinichat") +;; euphorik.include("pageAdmin") +;; euphorik.include("pageProfile") +;; euphorik.include("pageRegister") +;; euphorik.include("pageAbout") + + +// tout un tas d'améliorations des objets javascript ;) +/** + * Pour chaque propriété de l'objet execute f(p, v) ou p est le nom de la propriété et v sa valeur. + * Ne parcours pas les propriétés des prototypes. + */ +object.prototype.each = function(f) { + for (var b in boutons) { + if (boutons.hasOwnProperty(b)) { + f(b, boutons[b]) + } + } +} + +String.prototype.trim = function() { return jQuery.trim(this) // anciennement : this.replace(/^\s+|\s+$/g, ""); } -String.prototype.ltrim = function() -{ +String.prototype.ltrim = function() { return this.replace(/^\s+/, ""); } -String.prototype.rtrim = function() -{ +String.prototype.rtrim = function() { return this.replace(/\s+$/, ""); } -/////////////////////////////////////////////////////////////////////////////////////////////////// - -/** - * Cette classe regroupe des fonctions utilitaires (helpers). - * @formateur est permet de formater les messages affichés à l'aide de messageDialogue (facultatif) - */ -function Util(formateur) -{ - $("#info .fermer").click(function(){ - $("#info").slideUp(50) - }) - - $("body").append('
').append('

') - - this.formateur = formateur - this.bulleActive = true -} - -var messageType = {informatif: 0, question: 1, erreur: 2} - -/** - * Affiche une boite de dialogue avec un message à l'intérieur. - * @param message le message (string) - * @param type voir 'messageType'. par défaut messageType.informatif - * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons - * et les valeurs les fonctions executées lorsqu'un bouton est activé. - * @param formate faut-il formaté le message ? true par défaut - */ -Util.prototype.messageDialogue = function(message, type, boutons, formate) -{ - var thisUtil = this - - if (type == undefined) - type = messageType.informatif - - if (formate == undefined) - formate = true - - if (this.timeoutMessageDialogue != undefined) - clearTimeout(this.timeoutMessageDialogue) - - var fermer = function(){$("#info").slideUp(100)} - fermer() - - $("#info .message").html(thisUtil.formateur == undefined || !formate ? message : thisUtil.formateur.traitementComplet(message)) - switch(type) - { - case messageType.informatif : $("#info #icone").attr("class", "information"); break - case messageType.question : $("#info #icone").attr("class", "interrogation"); break - case messageType.erreur : $("#info #icone").attr("class", "exclamation"); break - } - $("#info .boutons").html("") - for (var b in boutons) - $("#info .boutons").append("
" + b + "
").find("div:last").click(boutons[b]).click(fermer) - - $("#info").slideDown(200) - 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() -} - -var positionBulleType = {haut : 0, droite : 1, bas : 2, gauche : 3} - -/** - * Affiche un info bulle lorsque le curseur survole l'élément donné. - * @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, position) -{ - var thisUtil = this - if (position == undefined) - position = positionBulleType.haut - - var cacherBulle = function() - { - $("#flecheBulle").hide() - $("#messageBulle").hide() - } - - element.hover( - function() - { - if (!thisUtil.bulleActive) - return - - 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) - - // réinitialise la position, évite le cas ou la boite est collé à droite et remplie avec un texte la faisant dépassé - // dans ce cas la hauteur n'est pas calculé correctement - m.css("top", 0).css("left", 0) - - var positionFleche = { - 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 : 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) - 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() - }, - cacherBulle - ).click(cacherBulle) -} - -/** - * Utilisé pour l'envoie de donnée avec la méthode ajax de jQuery. - */ -Util.prototype.jsonVersAction = function(json) -{ - return {action : JSON.stringify(json) } -} - -Util.prototype.md5 = function(chaine) -{ - return hex_md5(chaine) -} - -// pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130 -Util.prototype.setSelectionRange = function(input, selectionStart, selectionEnd) -{ - if (input.setSelectionRange) - { - input.focus() - input.setSelectionRange(selectionStart, selectionEnd) - } - else if (input.createTextRange) - { - var range = input.createTextRange() - range.collapse(true) - range.moveEnd('character', selectionEnd) - range.moveStart('character', selectionStart) - range.select() - } -} - -Util.prototype.setCaretToEnd = function(input) -{ - this.setSelectionRange(input, input.value.length, input.value.length) -} -Util.prototype.setCaretToBegin = function(input) -{ - this.setSelectionRange(input, 0, 0) -} -Util.prototype.setCaretToPos = function(input, pos) -{ - this.setSelectionRange(input, pos, pos) -} -Util.prototype.selectString = function(input, string) -{ - var match = new RegExp(string, "i").exec(input.value) - if (match) - { - this.setSelectionRange (input, match.index, match.index + match[0].length) - } -} -Util.prototype.replaceSelection = function(input, replaceString) { - if (input.setSelectionRange) - { - var selectionStart = input.selectionStart - var selectionEnd = input.selectionEnd - input.value = input.value.substring(0, selectionStart) + replaceString + input.value.substring(selectionEnd) - - if (selectionStart != selectionEnd) // has there been a selection - this.setSelectionRange(input, selectionStart, selectionStart + replaceString.length) - else // set caret - this.setCaretToPos(input, selectionStart + replaceString.length) - } - else if (document.selection) - { - input.focus() - var range = document.selection.createRange() - if (range.parentElement() == input) - { - var isCollapsed = range.text == '' - range.text = replaceString - if (!isCollapsed) - { - range.moveStart('character', -replaceString.length); - } - } - } -} - -Util.prototype.rot13 = function(chaine) -{ - var ACode = 'A'.charCodeAt(0) - var aCode = 'a'.charCodeAt(0) - var MCode = 'M'.charCodeAt(0) - var mCode = 'm'.charCodeAt(0) - var ZCode = 'Z'.charCodeAt(0) - var zCode = 'z'.charCodeAt(0) - - var f = function(ch, pos) { - if (pos == ch.length) - return "" - - var c = ch.charCodeAt(pos); - return String.fromCharCode( - c + - (c >= ACode && c <= MCode || c >= aCode && c <= mCode ? 13 : - (c > MCode && c <= ZCode || c > mCode && c <= zCode ? -13 : 0)) - ) + f(ch, pos + 1) - } - return f(chaine, 0) -} /////////////////////////////////////////////////////////////////////////////////////////////////// @@ -416,7 +146,7 @@ Pages.prototype.afficherPage = function(nomPage, forcerChargement) */ function Formateur() { - this.smiles = conf.smiles + this.smiles = euphorik.conf.smiles this.protocoles = "http|https|ed2k" this.regexUrl = new RegExp("(?:(?:" + this.protocoles + ")://|www\\.)[^ ]*", "gi") @@ -607,7 +337,7 @@ function Client(util) Client.prototype.resetDonneesPersonnelles = function() { this.id = 0 - this.pseudo = conf.pseudoDefaut + this.pseudo = euphorik.conf.pseudoDefaut this.login = "" this.password = "" this.email = "" @@ -710,7 +440,7 @@ Client.prototype.supprimerConversation = function(num) Client.prototype.getJSONLogin = function(login, password) { return { - "header" : { "action" : "authentification", "version" : conf.versionProtocole }, + "header" : { "action" : "authentification", "version" : euphorik.conf.versionProtocole }, "login" : login, "password" : password } @@ -719,7 +449,7 @@ Client.prototype.getJSONLogin = function(login, password) Client.prototype.getJSONLoginCookie = function() { return { - "header" : { "action" : "authentification", "version" : conf.versionProtocole }, + "header" : { "action" : "authentification", "version" : euphorik.conf.versionProtocole }, "cookie" : this.cookie } } @@ -730,7 +460,7 @@ Client.prototype.getJSONLoginCookie = function() */ Client.prototype.getJSONEnregistrement = function(login, password) { - var mess = { "header" : { "action" : "register", "version" : conf.versionProtocole }} + var mess = { "header" : { "action" : "register", "version" : euphorik.conf.versionProtocole }} if (login != undefined && password != undefined) { @@ -752,7 +482,7 @@ Client.prototype.getJSONConversations = function() Client.prototype.getJSONProfile = function() { return { - "header" : { "action" : "set_profile", "version" : conf.versionProtocole }, + "header" : { "action" : "set_profile", "version" : euphorik.conf.versionProtocole }, "cookie" : this.cookie, "login" : this.login, "password" : this.password, @@ -1043,7 +773,7 @@ Client.prototype.slap = function(userId, raison) dataType: "json", data: this.util.jsonVersAction( { - "header" : { "action" : "slap", "version" : conf.versionProtocole }, + "header" : { "action" : "slap", "version" : euphorik.conf.versionProtocole }, "cookie" : thisClient.cookie, "user_id" : userId, "reason" : raison @@ -1063,7 +793,7 @@ Client.prototype.ban = function(userId, raison, minutes) // par défaut un ban correspond à 3 jours if (typeof(minutes) == "undefined") - minutes = conf.tempsBan; + minutes = euphorik.conf.tempsBan; jQuery.ajax({ type: "POST", @@ -1071,7 +801,7 @@ Client.prototype.ban = function(userId, raison, minutes) dataType: "json", data: this.util.jsonVersAction( { - "header" : { "action" : "ban", "version" : conf.versionProtocole }, + "header" : { "action" : "ban", "version" : euphorik.conf.versionProtocole }, "cookie" : thisClient.cookie, "duration" : minutes, "user_id" : userId, @@ -1088,7 +818,7 @@ Client.prototype.ban = function(userId, raison, minutes) Client.prototype.kick = function(userId, raison) { - this.ban(userId, raison, conf.tempsKick) + this.ban(userId, raison, euphorik.conf.tempsKick) } /////////////////////////////////////////////////////////////////////////////////////////////////// @@ -1151,7 +881,7 @@ PageEvent.prototype.waitEvent = function(funSend, funsReceive) // TODO : ya pas mieux ? var dataToSend = { - "header" : { "action" : "wait_event", "version" : conf.versionProtocole }, + "header" : { "action" : "wait_event", "version" : euphorik.conf.versionProtocole }, "page" : this.page } var poulpe = funSend() @@ -1194,16 +924,13 @@ PageEvent.prototype.waitEvent2 = function(funSend, funsReceive) /////////////////////////////////////////////////////////////////////////////////////////////////// -// charge dynamiquement le script de debug (obsolète) -;; var include = function(f) { jQuery.ajax({async : false, url : "js/" + f + ".js", dataType : "script"}) } -;; include("debug") // le main $(document).ready( function() { var formateur = new Formateur() - var util = new Util(formateur) + var util = new euphorik.Util(formateur) var client = new Client(util) var pages = new Pages() @@ -1220,7 +947,7 @@ $(document).ready( $("#menu .admin").click(function(){ pages.afficherPage("admin") }) $("#menu .profile").click(function(){ pages.afficherPage("profile") }) $("#menu .logout").click(function(){ - util.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", messageType.question, + util.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", euphorik.Util.messageType.question, {"Oui" : function() { client.deconnexion();