4 * Contient la base javascript pour le site euphorik.ch.
5 * Chaque page possède son propre fichier js nommé "page<nom de la page>.js".
12 * Normalement 'const' à la place de 'var' mais non supporté par IE7.
15 nbMessageAffiche : 80, // (par page)
16 pseudoDefaut : "<nick>",
17 tempsAffichageMessageDialogue : 4000, // en ms
19 "smile" : [/:\)/g, /:-\)/g],
20 "bigsmile" : [/:D/g, /:-D/g],
21 "clin" : [/;\)/g, /;-\)/g],
22 "cool" : [/8\)/g, /8-\)/g],
23 "eheheh" : [/:P/g, /:-P/g],
24 "oh" : [/:o/g, /:O/g],
25 "pascontent" : [/>\(/g, />\(/g],
26 "sniff" : [/:\(/g, /:-\(/g],
27 "argn" : [/\[:argn\]/g],
28 "bunny" : [/\[:lapin\]/g],
29 "chat" : [/\[:chat\]/g],
30 "renne" : [/\[:renne\]/g],
31 "lol" : [/\[:lol\]/g],
32 "spliff" : [/\[:spliff\]/g],
33 "star" : [/\[:star\]/g],
34 "triste" : [/\[:triste\]/g],
35 "kirby" : [/\[:kirby\]/g]
39 ///////////////////////////////////////////////////////////////////////////////////////////////////
41 String
.prototype.trim = function()
43 return this.replace(/^\s+|\s+$/g, "");
46 String
.prototype.ltrim = function()
48 return this.replace(/^\s+/, "");
51 String
.prototype.rtrim = function()
53 return this.replace(/\s+$/, "");
56 String
.prototype.dump = function()
58 if (typeof dump
!= "undefined")
60 dump("\n--- EUPHORIK.CH ---\n")
66 ///////////////////////////////////////////////////////////////////////////////////////////////////
69 * Cette classe regroupe des fonctions utilitaires (helpers).
73 if(typeof XMLSerializer
!= "undefined")
74 this.serializer
= new XMLSerializer()
76 // fermeture des dialogues d
77 jQuery("#info .fermer").click(function(){
78 jQuery("#info").slideUp(50)
83 * Affiche une boite de dialogue avec un message à l'intérieur.
84 * @param message le message (string)
85 * @param type voir 'messageType'. par défaut messageType.informatif
86 * @param les boutons sous la forme d'un objet ou les clefs sont les labels des boutons
87 * et les valeurs les fonctions executées lorsqu'un bouton est activé.
89 Util
.prototype.messageDialogue = function(message
, type
, boutons
)
91 if (type
== undefined)
92 type
= messageType
.informatif
94 if (this.timeoutMessageDialogue
!= undefined)
95 clearTimeout(this.timeoutMessageDialogue
)
97 var fermer = function(){jQuery("#info").slideUp(100)}
100 jQuery("#info .message").html(message
)
103 case messageType
.informatif : jQuery("#info #icone").attr("class", "information"); break
104 case messageType
.question : jQuery("#info #icone").attr("class", "interrogation"); break
105 case messageType
.erreur : jQuery("#info #icone").attr("class", "exclamation"); break
107 jQuery("#info .boutons").html("")
108 for (var b
in boutons
)
109 jQuery("#info .boutons").append("<div>" + b
+ "</div>").find("div:last").click(boutons
[b
]).click(fermer
)
111 jQuery("#info").slideDown(200)
112 this.timeoutMessageDialogue
= setTimeout(fermer
, conf
.tempsAffichageMessageDialogue
)
114 var messageType
= {informatif: 0, question: 1, erreur: 2}
117 * Transforme un document XML en string.
119 Util
.prototype.serializeXML = function(documentXML
)
122 return this.serializer
.serializeToString(documentXML
)
124 return documentXML
.xml
127 Util
.prototype.creerDocumentXMLAction = function()
129 if (document
.implementation
&& document
.implementation
.createDocument
)
131 return document
.implementation
.createDocument("", "action", null)
133 else if (window
.ActiveXObject
)
135 var doc
= new ActiveXObject("MSXML2.DOMDocument") //("Microsoft.XMLDOM")
136 doc
.appendChild(doc
.createElement("action"));
137 //doc.loadXML("<action></action>")
138 //alert(doc.documentElement)
139 //doc.createElement("action")
144 Util
.prototype.xmlVersAction = function(xml
)
146 return {action: this.to_utf8(this.serializeXML(xml
/*, "UTF-8"*/))}
149 // voir : http://homepage3.nifty.com/aokura/jscript/utf8.html
150 // et : http://www1.tip.nl/~t876506/utf8tbl.html
151 Util
.prototype.to_utf8 = function(s
)
156 for (var i
= 0; i
< s
.length
; i
++)
161 } else if (c
>= 0x80 && c
<= 0x7ff) {
162 d
+= String
.fromCharCode(((c
>> 6) & 0x1f) | 0xc0);
163 d
+= String
.fromCharCode((c
& 0x3f) | 0x80);
165 d
+= String
.fromCharCode((c
>> 12) | 0xe0);
166 d
+= String
.fromCharCode(((c
>> 6) & 0x3f) | 0x80);
167 d
+= String
.fromCharCode((c
& 0x3f) | 0x80);
173 Util
.prototype.md5 = function(chaine
)
175 return hex_md5(chaine
)
178 // pompé de http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130
179 Util
.prototype.setSelectionRange = function(input
, selectionStart
, selectionEnd
)
181 if (input
.setSelectionRange
)
184 input
.setSelectionRange(selectionStart
, selectionEnd
)
186 else if (input
.createTextRange
)
188 var range
= input
.createTextRange()
190 range
.moveEnd('character', selectionEnd
)
191 range
.moveStart('character', selectionStart
)
196 Util
.prototype.setCaretToEnd = function(input
)
198 this.setSelectionRange(input
, input
.value
.length
, input
.value
.length
)
200 Util
.prototype.setCaretToBegin = function(input
)
202 this.setSelectionRange(input
, 0, 0)
204 Util
.prototype.setCaretToPos = function(input
, pos
)
206 this.setSelectionRange(input
, pos
, pos
)
208 Util
.prototype.selectString = function(input
, string
)
210 var match
= new RegExp(string
, "i").exec(input
.value
)
213 this.setSelectionRange (input
, match
.index
, match
.index
+ match
[0].length
)
216 Util
.prototype.replaceSelection = function(input
, replaceString
) {
217 if (input
.setSelectionRange
)
219 var selectionStart
= input
.selectionStart
220 var selectionEnd
= input
.selectionEnd
221 input
.value
= input
.value
.substring(0, selectionStart
) + replaceString
+ input
.value
.substring(selectionEnd
)
223 if (selectionStart
!= selectionEnd
) // has there been a selection
224 this.setSelectionRange(input
, selectionStart
, selectionStart
+ replaceString
.length
)
226 this.setCaretToPos(input
, selectionStart
+ replaceString
.length
)
228 else if (document
.selection
)
230 var range
= document
.selection
.createRange();
231 if (range
.parentElement() == input
)
233 var isCollapsed
= range
.text
== ''
234 range
.text
= replaceString
237 // there has been a selection
238 // it appears range.select() should select the newly
239 // inserted text but that fails with IE
240 range
.moveStart('character', -replaceString
.length
);
247 ///////////////////////////////////////////////////////////////////////////////////////////////////
251 this.pageCourante
= null
255 Pages
.prototype.ajouterPage = function(page
)
257 page
.pages
= this // la magie des langages dynamiques : le foutoire
258 this.pages
[page
.nom
] = page
261 Pages
.prototype.afficherPage = function(nomPage
, forcerChargement
)
263 if (forcerChargement
== undefined) forcerChargement
= false
265 var page
= this.pages
[nomPage
]
266 if (page
== undefined || (!forcerChargement
&& page
== this.pageCourante
)) return
268 if (this.pageCourante
!= null && this.pageCourante
.decharger
)
269 this.pageCourante
.decharger()
271 jQuery("#menu div").removeClass("courante")
272 jQuery("#menu div." + nomPage
).addClass("courante")
274 this.pageCourante
= page
275 jQuery("#page").html(this.pageCourante
.contenu()).removeClass().addClass(this.pageCourante
.nom
)
277 if (this.pageCourante
.charger
)
278 this.pageCourante
.charger()
281 ///////////////////////////////////////////////////////////////////////////////////////////////////
285 this.smiles
= conf
.smiles
286 this.protocoles
= "http|https|ed2k"
288 this.regexUrl
= new RegExp("(?:(?:" + this.protocoles
+ ")://|www\\.)[^ ]*", "gi")
289 this.regexImg
= new RegExp("^.*?\\.(gif|jpg|png|jpeg|bmp|tiff)$", "i")
290 this.regexDomaine
= new RegExp("^(?:(?:" + this.protocoles
+ ")://|www\\.).*?([^/.]+\\.[^/.]+)(?:$|/).*$", "i")
291 this.regexTestProtocoleExiste
= new RegExp("^(?:" + this.protocoles
+ ")://.*$", "i")
292 this.regexNomProtocole
= new RegExp("^(.*?)://")
296 * Formate un pseudo saise par l'utilisateur.
297 * @param pseudo le pseudo brut
298 * @return le pseudo filtré
300 Formateur
.prototype.filtrerInputPseudo = function(pseudo
)
302 return pseudo
.replace(/{|}/g, "").trim()
305 Formateur
.prototype.getSmilesHTML = function()
308 for (var sNom
in this.smiles
)
310 XHTML
+= "<img class=\"" + sNom
+ "\" src=\"img/smileys/" + sNom
+ ".gif\" />"
315 Formateur
.prototype.traitementComplet = function(M
, pseudo
)
317 return this.traiterSmiles(this.traiterURL(this.remplacerBalisesHTML(M
), pseudo
))
321 * FIXME : Cette méthode est attrocement lourde !!
323 Formateur
.prototype.traiterSmiles = function(M
)
325 for (var sNom
in this.smiles
)
327 ss
= this.smiles
[sNom
]
328 for (var i
= 0; i
< ss
.length
; i
++)
329 M
= M
.replace(ss
[i
], "<img src=\"img/smileys/" + sNom
+ ".gif\" />")
334 Formateur
.prototype.remplacerBalisesHTML = function(M
)
336 return M
.replace(/</g
, "<").replace(/>/g
, ">")
339 Formateur
.prototype.traiterURL = function(M
, pseudo
)
343 if (pseudo
== undefined)
346 var traitementUrl = function(url
)
348 // si ya pas de protocole on rajoute "http://"
349 if (!thisFormateur
.regexTestProtocoleExiste
.test(url
))
350 url
= "http://" + url
351 var extension
= thisFormateur
.getShort(url
)
352 return "<a " + (extension
[1] ? "title=\"" + thisFormateur
.traiterPourFenetreLightBox(pseudo
, url
) + ": " + thisFormateur
.traiterPourFenetreLightBox(M
, url
) + "\"" + " rel=\"lightbox[groupe]\"" : "") + " href=\"" + url
+ "\" >[" + extension
[0] + "]</a>"
354 return M
.replace(this.regexUrl
, traitementUrl
)
358 * Renvoie une version courte de l'url.
359 * par exemple : http://en.wikipedia.org/wiki/Yakov_Smirnoff devient wikipedia.org
361 Formateur
.prototype.getShort = function(url
)
363 var estUneImage
= false
364 var versionShort
= null
365 var rechercheImg
= this.regexImg
.exec(url
)
367 if (rechercheImg
!= null)
369 versionShort
= rechercheImg
[1].toLowerCase()
370 if (versionShort
== "jpeg") versionShort
= "jpg" // jpeg -> jpg
375 var rechercheDomaine
= this.regexDomaine
.exec(url
)
376 if (rechercheDomaine
!= null && rechercheDomaine
.length
>= 2)
377 versionShort
= rechercheDomaine
[1]
380 var nomProtocole
= this.regexNomProtocole
.exec(url
)
381 if (nomProtocole
!= null && nomProtocole
.length
>= 2)
382 versionShort
= nomProtocole
[1]
386 return [versionShort
== null ? "url" : versionShort
, estUneImage
]
390 * Traite les pseudo et messages à être affiché dans le titre d'une image visualisé avec lightbox.
392 Formateur
.prototype.traiterPourFenetreLightBox = function(M
, urlCourante
)
395 var traitementUrl = function(url
)
397 return "[" + thisFormateur
.getShort(url
)[0] + (urlCourante
== url
? ": image courante" : "") + "]"
400 return this.remplacerBalisesHTML(M
).replace(this.regexUrl
, traitementUrl
)
404 ///////////////////////////////////////////////////////////////////////////////////////////////////
406 var statutType
= {enregistre: 0, identifie: 1, non_identifie: 2}
408 function Client(util
)
413 this.regexCookie
= new RegExp("^cookie=([^;]*)")
416 //this.captchaCrypt = null
418 // données personnels
419 this.resetDonneesPersonnelles()
421 this.setStatut(statutType
.non_identifie
)
423 // le dernier message d'erreur recut du serveur (par exemple une connexion foireuse : "login impossible")
424 this.dernierMessageErreur
= ""
427 Client
.prototype.resetDonneesPersonnelles = function()
429 this.pseudo
= conf
.pseudoDefaut
433 this.css
= jQuery("link#cssPrincipale").attr("href")
436 Client
.prototype.setCss = function(css
)
442 jQuery("link#cssPrincipale").attr("href", this.css
)
445 /* enregistement automatique..
446 if (!this.identifie())
447 if (!this.enregistrement())
450 if (this.identifie())
454 Client
.prototype.getXMLlogin = function(login
, password
)
456 var XMLDocument
= this.util
.creerDocumentXMLAction()
457 XMLDocument
.documentElement
.setAttribute("name", "login")
459 var nodeLogin
= XMLDocument
.createElement("login")
460 nodeLogin
.appendChild(XMLDocument
.createTextNode(login
))
461 XMLDocument
.documentElement
.appendChild(nodeLogin
)
463 var nodePassword
= XMLDocument
.createElement("password")
464 nodePassword
.appendChild(XMLDocument
.createTextNode(password
))
465 XMLDocument
.documentElement
.appendChild(nodePassword
)
470 Client
.prototype.getXMLloginCookie = function()
472 var XMLDocument
= this.util
.creerDocumentXMLAction()
473 XMLDocument
.documentElement
.setAttribute("name", "login")
475 var nodeCookie
= XMLDocument
.createElement("cookie")
476 nodeCookie
.appendChild(XMLDocument
.createTextNode(this.cookie
))
477 XMLDocument
.documentElement
.appendChild(nodeCookie
)
483 Client.prototype.getXMLloginCaptcha = function(captchaCrypt, captchaInput)
485 var XMLDocument = this.util.creerDocumentXMLAction()
486 XMLDocument.documentElement.setAttribute("name", "loginCaptcha")
488 var nodecaptchaCrypt = XMLDocument.createElement("captchaCrypt")
489 nodecaptchaCrypt.appendChild(XMLDocument.createTextNode(captchaCrypt))
490 XMLDocument.documentElement.appendChild(nodecaptchaCrypt)
492 var nodecaptchaInput = XMLDocument.createElement("captchaInput")
493 nodecaptchaInput.appendChild(XMLDocument.createTextNode(captchaInput))
494 XMLDocument.documentElement.appendChild(nodecaptchaInput)
500 Client.prototype.getXMLgenerationCaptcha = function()
502 var XMLDocument = this.util.creerDocumentXMLAction()
503 XMLDocument.documentElement.setAttribute("name", "generationCaptcha")
508 Client
.prototype.getXMLEnregistrement = function(login
, password
)
510 var XMLDocument
= this.util
.creerDocumentXMLAction()
511 XMLDocument
.documentElement
.setAttribute("name", "register")
513 var nodeLogin
= XMLDocument
.createElement("login")
514 nodeLogin
.appendChild(XMLDocument
.createTextNode(login
))
515 XMLDocument
.documentElement
.appendChild(nodeLogin
)
517 var nodePassword
= XMLDocument
.createElement("password")
518 nodePassword
.appendChild(XMLDocument
.createTextNode(password
))
519 XMLDocument
.documentElement
.appendChild(nodePassword
)
524 Client
.prototype.getXMLProfile = function()
526 var XMLDocument
= this.util
.creerDocumentXMLAction()
527 XMLDocument
.documentElement
.setAttribute("name", "profile")
529 var nodeCookie
= XMLDocument
.createElement("cookie")
530 nodeCookie
.appendChild(XMLDocument
.createTextNode(this.cookie
))
531 XMLDocument
.documentElement
.appendChild(nodeCookie
)
533 var nodeLogin
= XMLDocument
.createElement("login")
534 nodeLogin
.appendChild(XMLDocument
.createTextNode(this.login
))
535 XMLDocument
.documentElement
.appendChild(nodeLogin
)
537 var nodePassword
= XMLDocument
.createElement("password")
538 nodePassword
.appendChild(XMLDocument
.createTextNode(this.password
))
539 XMLDocument
.documentElement
.appendChild(nodePassword
)
541 var nodePseudo
= XMLDocument
.createElement("pseudo")
542 nodePseudo
.appendChild(XMLDocument
.createTextNode(this.pseudo
))
543 XMLDocument
.documentElement
.appendChild(nodePseudo
)
545 var nodeEmail
= XMLDocument
.createElement("email")
546 nodeEmail
.appendChild(XMLDocument
.createTextNode(this.email
))
547 XMLDocument
.documentElement
.appendChild(nodeEmail
)
549 var nodeCSS
= XMLDocument
.createElement("css")
550 nodeCSS
.appendChild(XMLDocument
.createTextNode(this.css
))
551 XMLDocument
.documentElement
.appendChild(nodeCSS
)
557 * Renvoie null si pas définit.
559 Client
.prototype.getCookie = function()
561 var cookie
= this.regexCookie
.exec(document
.cookie
)
562 if (cookie
== null) this.cookie
= null
563 else this.cookie
= cookie
[1]
566 Client
.prototype.delCookie = function()
568 document
.cookie
= "cookie=; max-age=0"
571 Client
.prototype.setCookie = function(cookie
)
573 if (this.cookie
== null)
577 "cookie="+this.cookie
+
578 "; max-age=" + (60 * 60 * 24 * 365)
581 Client
.prototype.identifie = function()
583 return this.statut
== statutType
.enregistre
|| this.statut
== statutType
.identifie
586 Client
.prototype.setStatut = function(statut
)
588 if(typeof(statut
) == "string")
591 statut
== "enregistre" ?
592 statutType
.enregistre : (statut
== "identifie" ? statutType
.identifie : statutType
.non_identifie
)
595 if (statut
== this.statut
) return
602 * Demande la génération d'un captcha au serveur et l'affiche.
605 Client.prototype.afficherCaptcha = function(query)
607 var thisClient = this
609 $.post("request", this.util.xmlVersAction(this.getXMLgenerationCaptcha()),
610 function(data, textStatus)
612 var chemin = jQuery("chemin", data.documentElement).text()
613 thisClient.captchaCrypt = jQuery("captchaCrypt", data.documentElement).text()
614 jQuery(query).prepend(
615 "<p id=\"captcha\" >Es-tu un bot ? <img class=\"captchaImg\" src=\"" + chemin + "\" />" +
616 "<input name=\"captchaInput\" type=\"text\" size=\"5\" max_length=\"5\" ></p>"
622 Client.prototype.cacherCaptcha = function()
624 jQuery("#captcha").remove()
628 * Effectue la connexion vers le serveur.
629 * Cette fonction est bloquante tant que la connexion n'a pas été établie.
630 * S'il existe un cookie en local on s'authentifie directement avec lui.
631 * Si il n'est pas possible de s'authentifier alors on affiche un captcha anti-bot.
633 Client
.prototype.connexionCookie = function()
636 if (this.cookie
== null) return false;
637 return this.connexion(this.util
.xmlVersAction(this.getXMLloginCookie()))
640 Client
.prototype.connexionLogin = function(login
, password
)
642 return this.connexion(this.util
.xmlVersAction(this.getXMLlogin(login
, password
)))
646 Client.prototype.connexionCaptcha = function()
648 return this.connexion(this.util.xmlVersAction(this.getXMLloginCaptcha(this.captchaCrypt, jQuery("#captcha input").val())))
651 Client
.prototype.enregistrement = function(login
, password
)
653 if (this.identifie())
656 this.password
= password
658 this.setStatut(statutType
.enregistre
)
663 if (login
== undefined) login
= ""
664 if (password
== undefined) password
= ""
665 return this.connexion(this.util
.xmlVersAction(this.getXMLEnregistrement(login
, password
)))
669 Client
.prototype.connexion = function(action
)
682 thisClient
.chargerDonnees(data
)
686 return this.identifie()
689 Client
.prototype.deconnexion = function()
691 this.setStatut(statutType
.non_identifie
) // deconnexion
692 this.resetDonneesPersonnelles()
696 Client
.prototype.chargerDonnees = function(data
)
698 this.setStatut(jQuery("statut", data
.documentElement
).text())
700 if (this.identifie())
702 this.cookie
= jQuery("cookie", data
.documentElement
).text()
705 this.login
= jQuery("login", data
.documentElement
).text()
706 this.pseudo
= jQuery("pseudo", data
.documentElement
).text()
707 this.email
= jQuery("email", data
.documentElement
).text()
708 this.css
= jQuery("css", data
.documentElement
).text()
712 jQuery("link#cssPrincipale").attr("href", this.css
)
716 this.dernierMessageErreur
= jQuery("information", data
.documentElement
).text()
720 * Met à jour les données personne sur serveur.
722 Client
.prototype.flush = function()
725 //thisClient.util.log(this.util.xmlVersAction(this.getXMLProfile()).action)
732 data: this.util
.xmlVersAction(this.getXMLProfile()),
736 //thisClient.util.log(thisClient.util.serializer.serializeToString(data))
740 // TODO : retourner false si un problème est survenu lors de l'update du profile
744 Client
.prototype.majMenu = function()
746 var displayType
= this.css
== "css/3/euphorik.css" ? "block" : "inline" //this.client
748 // met à jour le menu
749 if (this.statut
== statutType
.enregistre
)
751 jQuery("#menu .profile").css("display", displayType
).text("profile")
752 jQuery("#menu .logout").css("display", displayType
)
753 jQuery("#menu .register").css("display", "none")
755 else if (this.statut
== statutType
.identifie
)
757 jQuery("#menu .profile").css("display", "none")
758 jQuery("#menu .logout").css("display", displayType
)
759 jQuery("#menu .register").css("display", displayType
)
763 jQuery("#menu .profile").css("display", displayType
).text("login")
764 jQuery("#menu .logout").css("display", "none")
765 jQuery("#menu .register").css("display", displayType
)
769 ///////////////////////////////////////////////////////////////////////////////////////////////////
775 jQuery(document
).ready(
778 var util
= new Util()
779 var client
= new Client(util
)
780 var pages
= new Pages()
781 var formateur
= new Formateur()
783 // connexion vers le serveur (utilise un cookie qui traine)
784 client
.connexionCookie()
787 for (var i
= 1; i
<= 3; i
++)
789 jQuery("#css"+i
).click(function(){
790 client
.setCss("css/" + jQuery(this).attr("id").charAt(3) + "/euphorik.css")
794 jQuery("#menu .minichat").click(function(){ pages
.afficherPage("minichat") })
795 jQuery("#menu .profile").click(function(){ pages
.afficherPage("profile") })
796 jQuery("#menu .logout").click(function(){
797 util
.messageDialogue("Êtes-vous sur de vouloir vous délogger ?", messageType
.question
,
800 client
.deconnexion();
801 pages
.afficherPage("minichat", true)
807 jQuery("#menu .register").click(function(){ pages
.afficherPage("register") })
809 pages
.ajouterPage(new PageMinichat(client
, formateur
, util
))
810 pages
.ajouterPage(new PageProfile(client
, formateur
, util
))
811 pages
.ajouterPage(new PageRegister(client
, formateur
, util
))
812 pages
.afficherPage("minichat")