Avertir d'un message sur la chatbox!

[kitelnewbba]

Bonjour à tous et à toutes, aujourd'hui j'expose une autre question:
Est-il possible d'animer le "Open Chatbox" lorsqu'il y a un nouveau message dedans?

Voici l'image de la chatbox : (lorsqu'on clique dessus, la chatbox s'ouvre.

Ensuite le code javascript de la chatbox (ouverture en cliquant sur l'image ci-dessus, et fermeture, pour close la chatbox)

Code:


jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: -9px; left: -5px;background-color: transparent; #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 0px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://img15.hostingpics.net/pics/716223chatbox.png" onClick="document.getElementById('panneau').style.display=(this.src=='http://img15.hostingpics.net/pics/716223chatbox.png')?'block':'none';this.src=(this.src=='http://img15.hostingpics.net/pics/716223chatbox.png')?'http://image.noelshack.com/fichiers/2012/38/1348203129-close.png':'http://img15.hostingpics.net/pics/716223chatbox.png';"/></td></tr></table>'); } );

Voilà, j'espère avoir une réponse au plus vite! Merci d'avance!

[kitelnewbba]

Voiçi le GIF que je voudrais mettre lorsqu'il y a un nouveau message dans la chatbox :

[kitelnewbba]

Une petite aide svp? ^^'

[kitelnewbba]

UP! x)

[kitelnewbba]

UP!

PS : Si vous ne comprenez pas trop, il s'agit d'avertir d'un message dans la chatbox latérale ^^'

[kitelnewbba]

UP! C'est urgent svp

[kitelnewbba]

UP

[Luluwebmaster]

Bonjour,
puis-je m’intégrer ? Car sa m’intéresse aussi.

[Apexclaire]

Ca m'intéresse aussi, j'aimerai en savoir plus !!!!

[kitelnewbba]

Vous pouvez bien entendu :p

[kitelnewbba]

UP :no

[Luluwebmaster]

Un petit up pour kitelnewbba

[kitelnewbba]

Uppppppp

[kitelnewbba]

Up!

[kitelnewbba]

En exploitant jusqu'à +20 forums concernant le sujet, j'ai trouvé enfin ce que nous cherchions!

Je vous passe le code pour ceux qui sont en difficultés dans ce thème :

Code:

document.write("        <table style=\"position: fixed; bottom: -3px; left: 0px;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:left\"><img src=\"http:\/\/img15.hostingpics.net\/pics\/549327open.png\" onClick=\"document.getElementById('chatboxpop').style.display=(this.src!='http:\/\/img15.hostingpics.net\/pics\/325639close.png')?'block':'none';this.src=(this.src!='http:\/\/img15.hostingpics.net\/pics\/325639close.png')?'http:\/\/img15.hostingpics.net\/pics\/325639close.png':'http:\/\/img15.hostingpics.net\/pics\/549327open.png';\" id=\"cb-image\" \/><\/td><\/tr><\/table>");
document.write("        <script>");
document.write("        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:\/\/img15.hostingpics.net\/pics\/549327open.png\"&&typeof(old_lm)!=\"undefined\"&&a!=old_lm&&a!=\"\"&&jQuery(\"#cb-image\").attr(\"src\",\"http:\/\/img15.hostingpics.net\/pics\/139206ccccccccccccccccccccccccc.gif\");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)});");
document.write("        <\/script>");

Si vous voulez la mettre à droite, remplacer tous les "left" (il y en a deux), par des "right" et vice-versa.

Vous pouvez également changer les images, je vous laisse faire.

Voilà, en espèrant d'aider certains personnes q:

[Chacha]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif