Javascript : signalement nouveau message de la chatbox

Bonjour,

Il y a ce qu'on peut faire avec ce tutoriel, mais ça ne fonctionne que pour certaines configurations :

Alerte de nouveau message
sur la chatbox

[Seuls les administrateurs ont le droit de voir cette image] Cette astuce ne fonctionnera que pour certains
navigateurs et certaines versions de forum

À quoi sert cette astuce ?

Si il y a un nouveau message sur la chatbox de la page d'index du forum ( en ayant cette page ouverte ), le titre de la page va être permuté avec une phrase choisie à un intervalle de temps choisi.

Pout qui est-ce que ça fonctionnera ?

Le script ne fonctionne pour le moment que pour peu de configuration ( je vais essayer de travailler dessus afin de le faire fonctionner partout, mais ce n'est pas gagné ), voici un tableau qui les présente ( les test ont été effectué par moi ) :

	Chromium	Firefox	Internet Explorer	Opera
Phpbb2	OK	OK	X	OK
Phpbb3	OK	OK	X	X
Punbb	OK	X	X	X
Invision	OK	OK	X	X

Comment faire ?

Il suffit de modifier les paramètres selon ce que l'ont souhaite et d'ajouter le code qui suit sur la page d'index du forum, voici plusieurs moyens de le faire :

L'ajouter en mode :+html: ( si ce n'est pas le cas il faut cliquer sur le :-html: ) dans PA > Affichage > Généralités > Contenu du message.
L'ajouter dans la description d'une catégorie étant visible sur l'index.
L'ajouter au bon endroit dans la template ( donc ce n'est faisable que sous phpbb2 et punbb ) général > index_body ou général > index_box.

Voici le code à ajouter :

Code:: <script type="text/javascript">
/* variables à paramétrer */
var texteAlert='!!! New Message !!!';
var periodeTest= 0.5;
var periodeWink= 0.5;
var arretAuto= 60;
var numFrame= 0;

/* code à ne pas trop toucher sans s'y connaitre */
while(parent.frames[numFrame]&&numFrame<7)numFrame++; if(numFrame<7&&navigator.appName!='Microsoft Internet Explorer'&& document.getElementById('i_icon_mini_logout')){var oldCCB;var oldDCB;var pageTitle=document.title; var INTCB;function stopINT(){ if(INTCB!=undefined){clearInterval(INTCB);document.title=pageTitle;} return true;} function checkCB(){ if(parent.frames[numFrame].connected){ parent.frames[numFrame].document.getElementById('refresh_auto').checked=true; var newDCB= parent.frames[numFrame].document.getElementById('chatbox').childNodes[ parent.frames[numFrame].document.getElementById('chatbox').childNodes.length-1].firstChild.innerHTML; if(newDCB!=oldDCB){oldDCB=newDCB;var newCCB= parent.frames[numFrame].document.getElementById('chatbox').childNodes[ parent.frames[numFrame].document.getElementById('chatbox').childNodes.length-1].childNodes[2].innerHTML; stopINT();if(newCCB!=oldCCB){ oldCCB=newCCB;INTCB=setInterval("document.title=(document.title==pageTitle)?texteAlert:pageTitle;",periodeWink*1000); setTimeout('stopINT()',arretAuto*1000);}}}else {stopINT();}} window.onload=function() { oldDCB= parent.frames[numFrame].document.getElementById('chatbox').childNodes[ parent.frames[numFrame].document.getElementById('chatbox').childNodes.length-1].firstChild.innerHTML;oldCCB= parent.frames[numFrame].document.getElementById('chatbox').childNodes[ parent.frames[numFrame].document.getElementById('chatbox').childNodes.length-1].childNodes[2].innerHTML; setInterval('checkCB()',periodeTest*1000); parent.frames[numFrame].onfocus= parent.frames[numFrame].onkeypress= parent.frames[numFrame].onclick= parent.frames[numFrame].onblur=stopINT;}}
</script>

Et voici une explication des différents paramètres modifiables :

texteAlert est le texte qu'on fera permuter avec le nom de la page d'accueil. Il faut donc remplacer !!! New Message !!! par ce que vous souhaitez, mais il faut faire attention à ces trois choses-ci en faisant cela :
- Il ne faut pas mettre de retour à la ligne dedans.
- Si vous souhaitez mettre un \ il faudra mettre \\ à la place.
- Si vous souhaitez mettre ' il faudra mettre \' à la place.
Donc par exemple si vous souhaitez mettre \o/ Y'a un message \o/ il faudra mettre :
periodeTest c'est le nombre de seconde après lequel on regarde si il y a un nouveau message, dans le cas où il vaudrait 20 par exemple, le script regarderait toute les 20 secondes si il y a un nouveau message. Dans le code ci-dessus, j'ai mis 0.5 donc il y aura une vérification toute les demi-secondes ( le point fait fonction de virgule ).
periodeWink c'est le nombre de temps passé entre chaque permutation du titre et de la phrase qu'on a choisie, par exemple avec le code donné ci-dessus en ayant mis 0.5, il y aura 0,5 seconde le nom de la page d'index et 0,5 seconde la phrase choisie.
arretAuto c'est le nombre de seconde au bout duquel l'alerte sera éteinte automatiquement. Donc dans le code ci-dessus vu qu'elle est à 60, l'alerte s'arrêtera après 60 secondes ( sauf si il y a eu un autre nouveau message depuis ).
numFrame cela devrait être à 0 quasiment sur tout les forums, mais dans le cas où il y aurait une ou plusieurs balises iframe avant la chatbox, ce chiffre pourrait être 1, 2, 3 ou plus suivant le cas.

Voilà, vous devriez maintenant avoir une alerte signalant un nouveau message alors que vous êtes connecté sur la chatbox de la page d'accueil ;)

Ce tutoriel a été rédigé par le Staff du Forum des Forums,
Et en particulier par Etana.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.

Cordialement.