3 function PageMinichat(client
, formateur
, util
)
8 this.formateur
= formateur
11 this.regexMessageTagMatch
= /\{.*?\}>/g
12 this.regexMessageTagReplace
= /^(.*?\{.*?\}>)*/
14 this.messages
= new Messages(this.client
, this.formateur
, this.util
)
17 PageMinichat
.prototype.contenu = function()
20 <div id="smiles"></div>\
21 <form method="post" action="">\
23 <input class="captcha" name="captcha" type="text" size="12"></input>\
24 <input class="pseudo" name="pseudo" type="text" size="12" maxlength="50" value="<nick>"></input>\
25 <input class="message" name="message" type="text" size="80" maxlength="500" value=""></input>\
26 <button class="return"></button>\
29 <div id="conversations"></div>'
32 PageMinichat
.prototype.charger = function()
36 jQuery("form input.pseudo").val(this.client
.pseudo
)
38 this.messages
.rafraichirMessages(true)
40 this.util
.setCaretToEnd(jQuery("form input.message")[0])
42 // affichage des smiles
43 jQuery("#smiles").html(this.formateur
.getSmilesHTML()).children().each(
46 var opacityBase
= jQuery(this).css("opacity")
50 thisPage
.util
.replaceSelection(jQuery("form input.message")[0], thisPage
.formateur
.smiles
[jQuery(this).attr("class")][0].source
.replace(/\\/g
, ""))
75 jQuery("form button.return").click(
79 if (jQuery("form input.captcha").val() != "") return
81 thisPage
.envoyerMessage(
82 jQuery("form input.pseudo").val(),
83 jQuery("form input.message").val()
86 jQuery("form input.message")[0].focus()
89 // interdiction de submiter le formulaire
90 jQuery("form").submit(function(){return false})
92 jQuery("input.pseudo").click(
95 var input
= jQuery("input.pseudo")[0]
96 if (input
.value
== conf
.pseudoDefaut
)
102 PageMinichat
.prototype.decharger = function()
104 if (this.attenteCourante
!= null)
105 this.attenteCourante
.abort()
108 PageMinichat
.prototype.getXMLMessage = function(pseudo
, message
, repondA
)
110 var XMLDocument
= this.util
.creerDocumentXMLAction()
111 XMLDocument
.documentElement
.setAttribute("name", "message")
113 var nodeCookie
= XMLDocument
.createElement("cookie")
114 nodeCookie
.appendChild(XMLDocument
.createTextNode(this.client
.cookie
))
115 XMLDocument
.documentElement
.appendChild(nodeCookie
)
117 var nodePseudo
= XMLDocument
.createElement("pseudo")
118 nodePseudo
.appendChild(XMLDocument
.createTextNode(pseudo
))
119 XMLDocument
.documentElement
.appendChild(nodePseudo
)
121 var nodeContenu
= XMLDocument
.createElement("contenu")
122 nodeContenu
.appendChild(XMLDocument
.createTextNode(message
))
123 XMLDocument
.documentElement
.appendChild(nodeContenu
)
125 if (repondA
.length
> 0)
127 var nodeReponses
= XMLDocument
.createElement("reponses")
128 XMLDocument
.documentElement
.appendChild(nodeReponses
)
129 for (var i
= 0; i
< repondA
.length
; i
++)
131 var nodeReponse
= XMLDocument
.createElement("reponse")
132 nodeReponse
.setAttribute("id", repondA
[i
])
133 nodeReponses
.appendChild(nodeReponse
)
140 PageMinichat
.prototype.envoyerMessage = function(pseudo
, message
)
142 // (un pseudo vide est autorisé)
143 pseudo
= this.formateur
.filtrerInputPseudo(pseudo
)
145 // extraction des id des messages (en base 36 évidemment) auquels le user répond
147 var tags
= message
.match(this.regexMessageTagMatch
)
150 for(var i
= 0; i
< tags
.length
; i
++)
151 repondA
.push(/\{(.*?)\}>/.exec(tags
[i
])[1])
152 message
= message
.replace(this.regexMessageTagReplace
, "")
154 // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche)
155 for (var i
= 0; i
< repondA
.length
; i
++)
157 jQuery("#conversation div#" + repondA
[i
]).addClass("repondu")
158 for (var m
= 0; m
< this.messages
.messages
.length
; m
++)
159 this.messages
.messages
[m
].clientARepondu
= true
163 message
= message
.trim()
166 this.util
.messageDialogue("Le message est vide")
170 if (!this.client
.identifie())
171 if (!this.client
.enregistrement())
173 this.util
.messageDialogue("login impossible")
177 //this.util.log(this.util.xmlVersAction(this.getXMLmessage(pseudo, message, repondA)).action)
178 //alert(this.util.xmlVersAction(this.getXMLMessage(pseudo, message, repondA)).action)
180 jQuery.post("request", this.util.xmlVersAction(this.getXMLMessage(pseudo, message, repondA)),
181 function(data, textStatus)
183 // TODO : traiter les erreurs
185 jQuery("form input.message").val("")
193 data : this.util
.xmlVersAction(this.getXMLMessage(pseudo
, message
, repondA
)),
195 success : function(data
, textStatus
)
197 if(jQuery("statut", data
.documentElement
).text() == "ok")
198 jQuery("form input.message").val("")
204 ///////////////////////////////////////////////////////////////////////////////////////////////////
206 function Reponse(id
, pseudo
, login
)
212 if (this.pseudo
== undefined)
215 if (this.login
== undefined)
219 ///////////////////////////////////////////////////////////////////////////////////////////////////
222 * Représente un message.
224 * @param date (string)
228 function Message(id
, date
, pseudo
, contenu
)
233 this.contenu
= contenu
235 this.appartientAuClient
= false
236 this.clientARepondu
= false
237 this.estUneReponse
= false
239 this.systeme
= false // est-ce un message 'système' ?
241 this.repondA
= {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses
247 Message
.prototype.setRepondA = function(element
)
251 var thisMessage
= this
253 jQuery("id", element
).each (
256 var reponse
= new Reponse(jQuery(this).attr("id"), jQuery(this).attr("pseudo"), jQuery(this).attr("login"))
257 thisMessage
.repondA
[reponse
.id
] = reponse
263 * @return les id des messages qui ont été mis en evidence sous la forme d'un objet
265 Message
.prototype.afficherConversation = function(messages
)
267 // les messages faisant partie de la conversation
268 var messagesEnEvidence
= {}
270 messagesEnEvidence
[this.id
] = true
272 // recherche les réponses (O(n))
273 for (var i
= 0; i
< messages
.messages
.length
; i
++)
274 if (messages
.messages
[i
].repondA
.hasOwnProperty(this.id
))
275 messagesEnEvidence
[messages
.messages
[i
].id
] = true
277 var f = function(tabIds
)
279 for(var id
in tabIds
)
281 var message
= messages
.messagesParId
[id
]
282 if (message
!= undefined)
284 messagesEnEvidence
[id
] = true
291 return messagesEnEvidence
294 ///////////////////////////////////////////////////////////////////////////////////////////////////
297 * Représente une conversation.
298 * @param numConv le numéro (appelé id) de la conversation
299 * @param formateur outil permettant la mise en forme du texte des messages
301 function Conversation(numConv
, formateur
)
303 var thisConversation
= this
306 this.messageOver
= null // le message sur lequel se trouve le curseur
307 this.formateur
= formateur
308 this.messages
= new Array()
309 this.messagesParId
= new Object()
311 this.idDernierMesssage
= null // la racine de la conversation (string), null = conversation principale
313 this.page
= 1 // par défaut on se trouve sur la première page
315 jQuery("#conversations").append(
316 "<div id = \"" + this.getId() + "\" />"
319 // enlève la mise en évidence pour la conversation
320 jQuery(this.getId()).hover(
324 jQuery("#conversations .message").removeClass("cache")
325 thisConversation
.messageOver
= null
331 * Retourne l'id de la conversation sous la forme (par exemple) "#conv453"
333 Conversation
.prototype.getId = function()
338 Conversation
.prototype.ajouterMessage = function(message
)
340 this.messages
.push(message
)
341 this.messagesParId
[message
.id
] = message
342 if (this.messages
.length
> this.nbMessageMax
)
343 delete this.messagesParId
[this.messages
.shift().id
]
346 Conversation
.prototype.viderMessages = function()
348 this.messages
= new Array()
349 jQuery("#conversations " + this.getId()).empty()
353 * Après l'ajout d'un ou plusieurs message cette méthode est appelée afin
354 * d'afficher les messages non-affichés.
356 Conversation
.prototype.flush = function()
358 var thisConversation
= this
360 var idDernierMessageAffiche
= jQuery("#conversations " + this.getId() + " div:first").attr("id")
361 if (idDernierMessageAffiche
== undefined) idDernierMessageAffiche
= "0"
364 for (var i
= this.messages
.length
- 1; i
>= 0; i
--)
365 if (parseInt(this.messages
[i
].id
, 36) > parseInt(idDernierMessageAffiche
, 36))
367 var message
= this.messages
[i
]
368 var XHTMLrepondA
= ""
369 for (var id
in message
.repondA
)
370 XHTMLrepondA
+= this.formateur
.traitementComplet(message
.repondA
[id
].pseudo
) + "> "
371 XHTMLrepondA
= "<div class=\"repondA\">" + XHTMLrepondA
+ "</div>"
374 "<div id=\"" + message
.id
+ "\" class=\"" + (parseInt(message
.id
, 36) % 2 == 0 ? "messagePair" : "messageImpair") + " message" +
375 (this.messages
[i
].appartientAuClient
? " proprietaire" : "") + (this.messages
[i
].clientARepondu
? " repondu" : "") + (this.messages
[i
].estUneReponse
? " reponse" : "") + (this.messages
[i
].systeme
? " systeme" : "") +
377 "[<div class=\"date\">" + message
.date
+ "</div>]" +
378 "<div class=\"pseudo\">" + this.formateur
.traitementComplet(message
.pseudo
) + "</div>:" +
380 "<div class=\"contenu\">" + (message
.systeme
? this.formateur
.remplacerBalisesHTML(message
.contenu
) : this.formateur
.traitementComplet(message
.contenu
, message
.pseudo
))+ "</div>" +
383 jQuery("#conversations " + this.getId()).prepend(XHTML
)
385 if (myLightbox
!= null)
386 myLightbox
.updateImageList()
388 var nbMessagesAffiche
= jQuery("#conversations " + this.getId() + " .message").size()
389 if (nbMessagesAffiche
> this.nbMessageMax
)
390 jQuery("#conversations " + this.getId() + " .message").slice(this.nbMessageMax
, nbMessagesAffiche
).empty();
392 jQuery("#conversations " + this.getId() + " .message").filter(function(){return parseInt(jQuery(this).attr("id"), 36) > parseInt(idDernierMessageAffiche
, 36)}).each(
398 if (jQuery(event
.target
).is("a")) return
400 var valCourant
= jQuery("input.message").val()
401 if (valCourant
== undefined) valCourant
= ""
402 var tag
= jQuery(".pseudo", this).text() + "{" + jQuery(this).attr("id") + "}" + ">"
403 if (valCourant
.indexOf(tag
, 0) == -1)
404 jQuery("input.message").val(tag
+ " " + valCourant
)
405 thisConversation
.util
.setCaretToEnd(jQuery("form input.message")[0])
408 // Q : pourquoi pas un .hover ?
409 // R : simplement pour éviter que lorsqu'un message arrive cela n'affecte la conversation actuellement mise en évidence (uniquement pour Firefox)
413 if (this !== thisConversation
.messageOver
)
415 thisConversation
.afficherConversation(this)
416 thisConversation
.messageOver
= this
425 * Etablit une liste des messages à mettre en evidence et des messages à cacher.
426 * Puis applique un plan diabolique.
427 * @param element un message de la liste des messages
429 Conversation
.prototype.afficherConversation = function(element
)
431 // cherche le message selectionné
432 var id
= jQuery(element
).attr("id")
433 var message
= this.messagesParId
[id
]
434 if (message
== undefined) return
436 mess
= message
.afficherConversation(this)
438 // FIXME : cet appel est très lent
439 jQuery("#conversations " + this.getId() + " .message").each(
442 var jq
= jQuery(this)
443 if (!mess
.hasOwnProperty(jq
.attr("id")))
446 jq
.removeClass("cache")
451 ///////////////////////////////////////////////////////////////////////////////////////////////////
454 * Représente l'ensemble des messages affichés.
456 function Messages(client
, formateur
, util
)
459 this.formateur
= formateur
462 this.conversations
= new Array() // les conversations, la première représente la conversation principale
463 this.conversations
[0] = new Conversation(0, this.formateur
)
465 this.idDernierMesssage
= null // l'id du dernier message connu
467 // l'objet XMLHttpRequest représentant la connexion d'attente
468 this.attenteCourante
= null
472 * Crée un document XML contenant le message demandant un rafraichissement.
474 Messages
.prototype.getXMLrafraichirMessages = function()
476 var XMLDocument
= this.util
.creerDocumentXMLAction()
477 XMLDocument
.documentElement
.setAttribute("name", "refreshMessages")
479 //alert(this.util.serializer.serializeToString(XMLDocument))
481 if (this.client
.identifie())
483 var nodeCookie
= XMLDocument
.createElement("cookie")
484 nodeCookie
.appendChild(XMLDocument
.createTextNode(this.client
.cookie
))
485 XMLDocument
.documentElement
.appendChild(nodeCookie
)
488 if (this.idDernierMesssage
!= null)
490 var nodeDernierMessageId
= XMLDocument
.createElement("dernierMessageId")
491 nodeDernierMessageId
.appendChild(XMLDocument
.createTextNode(this.idDernierMesssage
))
492 XMLDocument
.documentElement
.appendChild(nodeDernierMessageId
)
495 var nodeNombreMessage
= XMLDocument
.createElement("nombreMessage")
496 nodeNombreMessage
.appendChild(XMLDocument
.createTextNode(conf
.nbMessageAffiche
))
497 XMLDocument
.documentElement
.appendChild(nodeNombreMessage
)
499 var nodePage
= XMLDocument
.createElement("page")
500 nodePage
.appendChild(XMLDocument
.createTextNode(this.conversations
[0].page
))
501 XMLDocument
.documentElement
.appendChild(nodePage
)
504 for (var i
= 1; i
< this.conversations
.length
; i
++)
506 var nodeConversation
= XMLDocument
.createElement("conversation")
507 XMLDocument
.documentElement
.appendChild(nodeConversation
)
509 var nodeRacine
= XMLDocument
.createElement("racine")
510 nodeRacine
.appendChild(XMLDocument
.createTextNode(this.conversation
.racine
))
511 nodeConversation
.appendChild(nodeRacine
)
513 var nodePageConv
= XMLDocument
.createElement("page")
514 nodePageConv
.appendChild(XMLDocument
.createTextNode(this.conversation
.page
))
515 nodeConversation
.appendChild(nodePageConv
)
522 * Ajoute un ensemble de messages puis les affiches.
523 * @param elements un tableau d'éléments représentant les messages, voir protocole.txt
524 * @param numConversation le numéro de la conversation auquel appartiennent les messages
526 Messages
.prototype.ajouterMessages = function(elements
, numConversation
)
528 for (var i
= 0; i
< elements
.length
; i
++)
529 this.ajouterMessage(elements
[i
], numConversation
)
530 this.flush(numConversation
)
534 * Création d'un nouveau message.
535 * Les message sont données dans l'ordre de leur id.
536 * @param element un element xml représentant le message
537 * @param numConversation le numéro de la conversation, 0 = principale
539 Messages
.prototype.ajouterMessage = function(element
, numConversation
)
541 // pas d'utilisation de jquery pour des raisons de performance
542 this.idDernierMesssage
= element
.getAttribute("id")
544 var message
= new Message(
545 this.idDernierMesssage
,
546 jQuery("date", element
).text(),
547 jQuery("pseudo", element
).text(),
548 jQuery("contenu", element
).text()
551 message
.appartientAuClient
= jQuery("proprietaire", element
).text() == "true"
552 message
.clientARepondu
= jQuery("repondu", element
).text() == "true"
553 message
.estUneReponse
= jQuery("reponse", element
).text() == "true"
554 message
.systeme
= jQuery("systeme", element
).text() == "true"
555 message
.setRepondA(jQuery("repondA", element
))
557 if (this.conversations
[numConversation
] == null)
558 this.conversations
[numConversation
] = new Conversation(numConversation
, this.formateur
)
559 this.conversations
[numConversation
].ajouterMessage(message
)
563 * Demande à toutes les conversations de se flusher (afficher les messages non-affichés).
565 Messages
.prototype.flushAll = function()
567 for (var i
= 0; i
< this.conversations
.length
; i
++)
572 * Demande à une conversation de se flusher.
574 Messages
.prototype.flush = function(numConv
)
576 this.conversations
[numConv
].flush()
579 Messages
.prototype.viderMessages = function()
581 this.idDernierMesssage
= null
583 for (var i
= 0; i
< this.conversations
.length
; i
++)
584 this.conversations
[i
].viderMessages()
588 * Met à jour les messages de manière continue.
589 * (AJAX-Comet-style proof)
590 * @param vider vide tous les messages avant d'afficher les nouveaux
592 Messages
.prototype.rafraichirMessages = function(vider
)
594 if (this.attenteCourante
!= null)
595 this.attenteCourante
.abort()
597 if (vider
== undefined)
602 this.idDernierMesssage
= null
603 this.messages
= new Array()
606 var thisMessages
= this // caisupair javacrypte
608 //this.util.log(this.util.serializer.serializeToString(this.getXMLrafraichirMessages()))
609 //alert(this.util.xmlVersAction(this.getXMLrafraichirMessages()).action)
610 this.attenteCourante
= jQuery
.ajax({
614 data: this.util
.xmlVersAction(this.getXMLrafraichirMessages()),
618 //thisMessages.util.log(thisMessages.util.serializer.serializeToString(data))
621 thisMessages
.viderMessages()
623 //thisMessages.MAJPages(parseInt(jQuery("nbPage", data.documentElement).text()))
625 // ajoute les messages reçu à leur conversation respective
627 jQuery("conversation", data
.documentElement
).each(
631 jQuery("message", this).each(
634 // thisMessages.ajouterMessage(this, numConv)
638 thisMessages
.ajouterMessages(messages
, numConv
)
643 // demande à toutes les conversations d'afficher les messages non-affichés
644 //thisMessages.flush()
646 // rappel de la fonction dans 100 ms
647 setTimeout(function(){ thisMessages
.rafraichirMessages() }, 100);
650 function(XMLHttpRequest
, textStatus
, errorThrown
)
652 setTimeout(function(){ thisMessages
.rafraichirMessages() }, 1000);
659 Messages.prototype.MAJPages = function(nbPage)
663 var thisMessages = this
665 var nbPageActuel = jQuery("#pages span").size()
667 for(var p = nbPageActuel + 1; p <= nbPage && p <= 3; p++)
669 jQuery("#pages").append("<span " + (this.page == p ? "class=\"pageCourante\"" : "" ) + ">" + p + "</span>").click(
672 var target = jQuery(event.target)
674 if(!target.is("span"))
677 thisMessages.allerSurLaPage(parseInt(jQuery(event.target).text()))
684 Messages.prototype.allerSurLaPage = function(page)
686 if (page == this.page)
690 var thisMessages = this
692 //jQuery("#pages span").removeClass("pageCourante")
693 jQuery("#pages span").each(
696 if (jQuery(this).text() == thisMessages.page)
697 jQuery(this).addClass("pageCourante")
699 jQuery(this).removeClass("pageCourante")
703 this.rafraichirMessages(true)