Chatbox Latérale

[malice23]

Bonjour à tous !

Je sais qu'il y a énormément de sujets ouverts sur les Cb latérales, j'en ai parcouru beaucoup, j'ai trouvé quelques éléments de réponse mais ça laisse encore à désirer =S

Bon, j'ai donc trouvé ce code :

Code:

<table style="position: fixed; bottom: -3px; left: 5px;background-color: #;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?archives=1" id="chatboxpop" scrolling="no" style="width: 600px; height: 300px; 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>

à insérer dans overall_footer pour l'avoir sur toutes les pages, me permettant d'avoir une CB en haut à droite de mon écran, avec une notification sur l'image "ouvrir la CB" lorsqu'il y a un nouveau message (enfin, normalement, étant donné que sur mon fow test je n'ai pas moyen de vérifier, je suis toute seule n_n)

J'aimerais que la CB soit ancrée sur la gauche de mon écran, en bas mais pas collé au pied de la fenêtre, et qui s'ouvre de gauche à droite et non de haut en bas.
Pour l'ancrage, je sais qu'il faut modifier les variables bottom et left, mais ça me donne un résultat horrible quand j'essaye =/
Je connais un peu de html et css mais je suis une quiche en javascript et autres.

Je suis à la recherche d'un forum ayant une CB telle que je souhaite, j'éditerai si je trouve.
*edit : bah ! j'en ai trouvé tout plein d'un coup *_*
ici et là par exemple :p (j'ai remarqué que le bouton ne change pas quand on ouvre, ça reste en "ouvrir la CB". Je me demande si c'est une erreur de code, un bug ou tout simplement parce que je ne suis pas connectée sur lef ow)
Merci d'avance pour votre aide !

PS: mes images ouvrir, fermer, et ouvrir avec la notification sont déjà faites. (format 50*150)

[Scipion]

Bonjour

Je vous propose un code de chatbox latérale qui, je l'espère, répondra à votre attente :

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;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="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Cordialement

[malice23]

Ce code est bon pour la partie "la CB sur la gauche qui s'ouvre de gauche à droite".
Cependant, il ne me semble pas qu'il y ait le code qui permette d'avoir une notification à un nouveau message.
Comme le code que j'ai fourni est un code trouvé déjà fait, je ne sais pas comment installer ce système de notification.

[Ange Funeste]

Excusez moi, je sais pas si j'ai le droit de poster ^^'

Je voudrais savoir (je débute, hein ^^') ou ont le met ce code? Oô

[malice23]

Personnellement je mets ce code dans le template overall_footer, juste avant la balise </body>
Pour accéder aux templates, il faut être fondateur du forum (et pas seulement administrateur).

[Ange Funeste]

J'ai essayé de le mettre dans: Page d’Accueil => Généralité & ça marche =0

[malice23]

ça marche aussi, mais ça ne l'affiche que sur la page d'accueil, tandis qu'en le mettant dans overall_footer ça affiche sur toutes les pages.

Mais si tu as besoin d'aide, crée toi un sujet, ici, c'est mon miens :p

[malice23]

Up ?

[Scipion]

Bonsoir

Essayez de tester ce code svp :

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;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="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></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>

Cordialement

[malice23]

Merci de votre réponse.
Après avoir bidouillé le code pour avoir mes propres images, j'ai réussi à obtenir ce que je souhaitais. Je vous remercie !

Ce sujet est donc résolu