Chatbox : Nouveau message

[arc111111]

Bonjour !

J'ai une chatbox latéral intégré a toute les pages grâce a ce code ci dessous :

Code:

<script>jQuery(document).ready(function() { jQuery('body').append('

<table style="position: fixed; bottom: -3px; right: 50px;background-color: #;z-index:10000;">
<tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="2"></iframe></td></tr>

<tr><td style="float:right"><img src="http://i.imgur.com/MeHKA.png" onClick="document.getElementById(\'chatboxpop\').style.display=(this.src==\'http://i.imgur.com/MeHKA.png\')?\'block\':\'none\';this.src=(this.src==\'http://i.imgur.com/MeHKA.png\')?\'http://i.imgur.com/p3jd5.png\':\'http://i.imgur.com/MeHKA.png\';"/></td></tr>
</table>

'); } );</script>

Et comme je suis une nouille en Javascript et 99% des autres codes, j'aimerai savoir si il existait un scripte pour dire "Vérifier si il y a un nouveau message toutes les 3 secondes, puis si il y a un nouveau message : changer l'image "ouvrir la chatbox" par une autre."

Car j'ai juste une image avec noté "ouvrir la chatbox" et si je clique dessus, la chatbox s'ouvre, si je reclique elle se ferme, et je veux que quand il y a un nouveau message, le bouton "ouvrir chatbox" se change en gif qui clignote, et qui se rechange en image de base une fois qu'on a ouvert la chatbox.

Et j'ai hônnetement aucune idée de comment réaliser cela en javascript, si quelqu'un pouvais me donner un coup de main ce serai vraiment très gentil.

merci beaucoup

[Invité]

Bonjour,

Je ne crois pas que cela soit possible... Désolé :s

Cordialement.

[Ea]

Bonjour,


Il faudrait donc une connexion automatique à la chatbox en plus ?

Et si ça doit être réalisable, la chatbox étant sur le même nom de domaine que le forum elle est totalement accessible du forum ( par l'intermédiaire d'un script ).

Cordialement.

[arc111111]

J'ai pas non plus envie de rendre le truc hyper complexe, mais la connexion automatique en plus ce serai pas de refus. Après j'ai aucune idée comment m'y prendre pour faire ça, je connais absolument rien en javascript.

[Ea]

Bonjour,


Voici un code qui peut-être mis avant </body> dans overall_footer :

Code:

<table style="position: fixed; bottom: -3px; right: 50px;background-color: #;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?archives=1" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="2"></iframe></td></tr><tr><td style="float:right"><img src="http://i.imgur.com/MeHKA.png" onClick="document.getElementById('chatboxpop').style.display=(this.src!='http://i.imgur.com/p3jd5.png')?'block':'none';this.src=(this.src!='http://i.imgur.com/p3jd5.png')?'http://i.imgur.com/p3jd5.png':'http://i.imgur.com/MeHKA.png';" id="cb-image" /></td></tr></table>
<script>
function check_newmessage(){var b=$(cb.chatbox_messages_old).find("span.user-msg").parent();var a=b.length==0?"":b.eq(b.length-1).html();jQuery("#cb-image").attr("src")=="http://i.imgur.com/MeHKA.png"&&typeof(old_lm)!="undefined"&&a!=old_lm&&a!=""&&jQuery("#cb-image").attr("src","http://i56.tinypic.com/2ic6s0l.jpg");old_lm=a}jQuery(window).load(function(){cb=jQuery("#chatboxpop")[0].contentWindow;if(!cb.connected)cb.CB_disconnect();setInterval("if(!cb.connected)cb.CB_disconnect();setTimeout('check_newmessage()',500)",2500)});
</script>

Si vous voulez changer l'image de nouveau message sur la chatbox il suffit de changer le https://2img.net/h/oi56.tinypic.com/2ic6s0l.jpg

Sinon la connexion déconnexion automatique ferait plein de " connecté " / déconnecté " donc j'ai modifié pour que ça affiche la chatbox en mode archive ( si vous ne le voulez pas il suffit de retirer le ?archives=1 dans le code ).

Cordialement.

[arc111111]

J'ai essayé ton code, la connexion automatique fonctionne, mais pas l'affichage de la nouvelle image, j'ai aussi corrigé des fautes qu'il y avais au niveau des images dans la première partie du code (Il manquais les "\")

Au final j'ai ceci :

Code:

<script>jQuery(document).ready(function() { jQuery('body').append('

<table style="position: fixed; bottom: -3px; right: 50px;background-color: #;z-index:10000;">
<tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="margin-bottom:-4px; width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="2"></iframe></td></tr>

<tr><td style="float:right"><img src="http://i.imgur.com/wfcQx.png" id="cb-image" onClick="document.getElementById(\'chatboxpop\').style.display=(this.src==\'http://i.imgur.com/wfcQx.png\')?\'block\':\'none\';this.src=(this.src==\'http://i.imgur.com/wfcQx.png\')?\'http://i.imgur.com/xxIpr.png\':\'http://i.imgur.com/wfcQx.png\';" / ></td></tr>
</table>'); } );</script>

<script>
function check_newmessage(){var b=$(cb.chatbox_messages_old).find("span.user-msg").parent();var a=b.length==0?"":b.eq(b.length-1).html();jQuery("#cb-image").attr("src")=="http://i.imgur.com/MeHKA.png"&&a!=old_lm&&a!=""&&jQuery("#cb-image").attr("src","http://i.picasion.com/pic40/12b64cd925a8037c8f24d234477d7759.gif");old_lm=a}jQuery(window).load(function(){old_lm="";cb=jQuery("#chatboxpop")[0].contentWindow;setInterval("check_newmessage();if(!cb.connected)cb.CB_disconnect()",2500)});
</script>

[Ea]

Donc si le problème est résolu vous pouvez marquer le sujet comme tel.

Pour le script c'est parce que vous l'avez mis bizarrement ( en entourant du html par du javascript ) mais sinon non il ne manquait pas de \ ^^


Cordialement.

[arc111111]

AH en fait ça fonctionne, je suis juste une nouille : J'ai oublié que j'avais changé les images depuis, du coup quand il dit "remplacé l'ancienne l'image par la nouvelle" bah c'est plus les même, j'ai corrigé et ça fonctionne.

Merci infiniment pour le coup de main !

[arc111111]

Hmmm, en fin de compte, est-ce que ce serai juste possible de me donner le code sans la connexion automatique ? Si j'active le mode archive, sous firefox, chaque fois qu'on réouvre le chat, ça remonte au premier message, mais sans le mode archive y a plein de connexion/deconexion.

Ce serai gentil, merci beaucoup !

[Ea]

J'ai testé sur firefox et je n'ai aucune différence de position à l'ouverture entre archive ou pas.

Mais sinon il suffit de retirer les deux :

Code:

if(!cb.connected)cb.CB_disconnect();

Cordialement.