{
return '\
<div id="trollCourant">Troll de la semaine : <span class="troll"></span></div>\
-<form method="post" action="">\
+<form method="post" action="" id ="posterMessage">\
<p>\
<input class="captcha" name="captcha" type="text" size="8" maxlength="8"></input>\
<input class="pseudo" name="pseudo" type="text" maxlength="50" value="<nick>"></input>\
// les outils de bannissement (uniquement pour les ekMaster)
if (this.client.ekMaster)
{
- $(
- '<div id="outilsBan">' +
+ this.util.outilsBan = $(
+ '<span id="outilsBan">' +
'<form action=""><p><input id="raison" name="raison" type="text" size="10" maxlength="200"></input></p></form>' +
'<img id="ban" src="img/ban.gif" alt="Ban de 3 jours" />' +
'<img id="kick" src="img/kick.gif" alt="Ban de 15min" />' +
'<img id="slap" src="img/slap.gif" alt="Avertissement" />' +
- '</div>'
- ).hover(
- function(){},
- function()
- {
- $("#outilsBan").hide()
- }
- ).appendTo("body")
+ '</span>'
+ )
- this.util.infoBulle("Slap", $("#outilsBan #slap"))
- this.util.infoBulle("Kick (" + conf.tempsKick + "min)", $("#outilsBan #kick"))
- this.util.infoBulle("Ban (" + conf.tempsBan / 24 / 60 + " jours)", $("#outilsBan #ban"))
- this.util.infoBulle("La raison", $("#outilsBan input"))
+ this.util.infoBulle("Slap", $("#slap", this.util.outilsBan))
+ this.util.infoBulle("Kick (" + conf.tempsKick + "min)", $("#kick", this.util.outilsBan))
+ this.util.infoBulle("Ban (" + conf.tempsBan / 24 / 60 + " jours)", $("#ban", this.util.outilsBan))
+ this.util.infoBulle("La raison", $("input", this.util.outilsBan))
}
this.util.infoBulle("Ouvrir la conversation liée au troll de la semaine", $("#trollCourant .troll"))
$(this).click(
function(event)
{
- thisPage.util.replaceSelection($("form input.message")[0], thisPage.formateur.smiles[$(this).attr("class")][0].source.replace(/\\/g, ""))
- }
- )
- .hover(
- function()
- {
- $(this).animate(
- {
- opacity: 1
- }, 200
- )
- },
- function()
- {
- $(this).animate(
- {
- opacity: opacityBase
- }, 200
- )
+ thisPage.util.replaceSelection($("form#posterMessage input.message")[0], thisPage.formateur.smiles[$(this).attr("class")][0].source.replace(/\\/g, ""))
}
+ ).hover(
+ function() { $(this).animate({opacity: 1}, 200) },
+ function() { $(this).animate({opacity: opacityBase}, 200) }
)
}
)
this.messages.pageEvent.stopAttenteCourante()
$("body #smiles").remove()
- $("body #outilsBan").remove()
}
PageMinichat.prototype.getJSONMessage = function(pseudo, message, repondA)
function(){},
function(event)
{
- $("#conversations .message").removeClass("cache")
- thisConversation.messageOver = null
+ thisConversation.enleverMiseEnEvidence()
}
)
}
+/**
+ *
+ */
+Conversation.prototype.enleverMiseEnEvidence = function()
+{
+ $("#conversations .message").removeClass("cache")
+ this.messageOver = null
+}
+
/**
* Défini la page courante et s'il l'on se trouve sur la dernière page.
* @pageCourante la page courante
messagePair = !messagePair
}
-
- // enlève les messages exedentaires
- var nbMessagesAffiche = $("#conversations #" + this.getId() + " .message").size()
-
- if (nbMessagesAffiche > this.nbMessageMax)
- $("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).empty()
var DOM = $(XHTML)
DOM.each(
var element = $(this)
var h = element.height()
var offset = element.offset()
- var outils = $("#outilsBan").css("top", offset.top - 2).css("left", offset.left - 2).height(h < 16 ? 16 : h).width(element.width() + 16 * 3 + 4 + 64).show()
- $("img", outils).unbind("click")
- $("#slap", outils).click(
+ thisConversation.util.outilsBan.css("top", offset.top - 2).css("left", offset.left - 2).height(h < 16 ? 16 : h).width(element.width() + 16 * 3 + 4 + 64).prependTo(this).show()
+ $("img", thisConversation.util.outilsBan).unbind("click")
+ $("#slap", thisConversation.util.outilsBan).click(
function(e)
{
thisConversation.client.slap(userId, $("#outilsBan input").val())
$("#outilsBan").hide()
}
)
- $("#kick", outils).click(
+ $("#kick", thisConversation.util.outilsBan).click(
function(e)
{
thisConversation.client.kick(userId, $("#outilsBan input").val())
$("#outilsBan").hide()
}
)
- $("#ban", outils).click(
+ $("#ban", thisConversation.util.outilsBan).click(
function(e)
{
thisConversation.client.ban(userId, $("#outilsBan input").val())
}
)
},
- function(){}
+ function(e)
+ {
+ $("#outilsBan", this).hide()
+ }
)
thisConversation.util.infoBulle("Extraction de la conversation", $(".extraire", this))
+ // l'id du message
+ var idMess36 = $(this).attr("id").substr(4)
+ var idMess = parseInt(idMess36, 36)
+
$(this).click(
function(event)
{
- if ($(event.target).is("a")) return
-
- // l'id du message
- var idMess = $(this).attr("id").substr(4)
-
+ if ($(event.target).is("a") || $(event.target).parents("#outilsBan").length > 0) return
+
// extraction d'une conversation
if ($(event.target).is(".extraire"))
{
- funClickOuvrirConv(parseInt(idMess, 36))
+ funClickOuvrirConv(idMess)
return
}
var valCourant = $("input.message").val()
if (valCourant == undefined) valCourant = ""
- var tag = $(".pseudo span.ident", this).text() + "{" + idMess + "}" + ">"
+ var tag = $(".pseudo span.ident", this).text() + "{" + idMess36 + "}" + ">"
if (valCourant.indexOf(tag, 0) == -1)
$("input.message").val(tag + " " + valCourant)
thisConversation.util.setCaretToEnd($("form input.message")[0])
}
)
+
// Q : pourquoi pas un .hover ?
// R : simplement pour éviter que lorsqu'un message arrive cela n'affecte la conversation actuellement mise en évidence (uniquement pour Firefox)
- .mousemove(
+ $(".entete", this).mousemove(
function(e)
{
if (this !== thisConversation.messageOver)
{
- thisConversation.afficherConversation(this)
+ thisConversation.afficherConversation(idMess)
thisConversation.messageOver = this
}
}
+ ).hover(
+ function(){},
+ // quand on sort de l'entête du message la mise en évidence est enlevée
+ function()
+ {
+ thisConversation.enleverMiseEnEvidence()
+ }
)
}
)
DOM.prependTo("#conversations #" + this.getId())
+ // enlève les messages exedentaires
+ var nbMessagesAffiche = $("#conversations #" + this.getId() + " .message").size()
+ if (nbMessagesAffiche > this.nbMessageMax)
+ $("#conversations #" + this.getId() + " .message").slice(this.nbMessageMax, nbMessagesAffiche).remove()
+
if (this.messages.length > 0)
this.idDernierMessageAffiche = this.messages[this.messages.length-1].id
}
/**
* Etablit une liste des messages à mettre en evidence et des messages à cacher.
* Puis applique un plan diabolique.
- * @param element un message de la liste des messages
+ * @param id l'id du message
*/
-Conversation.prototype.afficherConversation = function(element)
-{
- // cherche le message selectionné
- var id = parseInt($(element).attr("id").substr(4), 36)
-
+Conversation.prototype.afficherConversation = function(id)
+{
var message = this.messagesParId[id]
if (message == undefined) return
function(num) // insertion du lien vers la conversation
{
thisPage.util.replaceSelection(
- $("form input.message")[0],
+ $("form#posterMessage input.message")[0],
"{" + thisMessages.client.conversations[num-1].root.toString(36) + "}"
)
}
var largeurPourcent = (100 / this.conversations.length) \r
// le "- 0.01" evite que IE se chie dessus lamentablement et affiche les conversations les unes au dessus des autres\r
if($.browser["msie"])\r
- largeurPourcent -= 0.01
+ largeurPourcent -= 0.05
$("#conversations .conversation").css("width", largeurPourcent + "%")
}
if (vider)
for (var i = 0; i < this.conversations.length; i++)
this.conversations[i].idDernierMessageAffiche = 0
-
+
this.pageEvent.waitEvent(
function() { return thisMessages.getJSONrafraichirMessages() },
function(data)
- {
+ {
if (vider)
{
thisMessages.viderMessages()
$("#trollCourant .troll a[@rel*=lightbox]").lightBox()
break
- case "new_messages" :
+ case "new_messages" :
// ajoute les messages reçus à leur conversation respective
for (var numConv = 0; numConv < data["conversations"].length; numConv++)
{