Chatbox : Nouveau message

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Résolu Chatbox : Nouveau message

Message par arc111111 le Jeu 21 Avr 2011 - 14:03

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

arc111111
Nouveau membre

Messages : 8
Inscrit(e) le : 21/04/2011

http://nintendoworld.great-forum.com/
arc111111 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox : Nouveau message

Message par Invité le Jeu 21 Avr 2011 - 17:20

Bonjour,

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

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox : Nouveau message

Message par Ea le Jeu 21 Avr 2011 - 17:34

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox : Nouveau message

Message par arc111111 le Jeu 21 Avr 2011 - 18:27

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.

arc111111
Nouveau membre

Messages : 8
Inscrit(e) le : 21/04/2011

http://nintendoworld.great-forum.com/
arc111111 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox : Nouveau message

Message par Ea le Sam 23 Avr 2011 - 3:30

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 http://i56.tinypic.com/2ic6s0l.jpg Wink

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox : Nouveau message

Message par arc111111 le Sam 23 Avr 2011 - 4:15

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>

arc111111
Nouveau membre

Messages : 8
Inscrit(e) le : 21/04/2011

http://nintendoworld.great-forum.com/
arc111111 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox : Nouveau message

Message par Ea le Sam 23 Avr 2011 - 4:20

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox : Nouveau message

Message par arc111111 le Sam 23 Avr 2011 - 4:35

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
Nouveau membre

Messages : 8
Inscrit(e) le : 21/04/2011

http://nintendoworld.great-forum.com/
arc111111 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox : Nouveau message

Message par arc111111 le Sam 23 Avr 2011 - 4:45

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 !

arc111111
Nouveau membre

Messages : 8
Inscrit(e) le : 21/04/2011

http://nintendoworld.great-forum.com/
arc111111 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox : Nouveau message

Message par Ea le Sam 23 Avr 2011 - 5:06

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum