Chatbox Latérale

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

Résolu Chatbox Latérale

Message par malice23 le Mar 28 Juin 2011 - 15:11

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)


Dernière édition par malice23 le Jeu 30 Juin 2011 - 21:55, édité 1 fois

malice23
***

Féminin
Messages : 112
Inscrit(e) le : 21/08/2010

http://www.malicetory.monalliance.net
malice23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox Latérale

Message par Scipion le Mar 28 Juin 2011 - 15:24

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox Latérale

Message par malice23 le Mar 28 Juin 2011 - 15:29

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.

malice23
***

Féminin
Messages : 112
Inscrit(e) le : 21/08/2010

http://www.malicetory.monalliance.net
malice23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox Latérale

Message par Ange Funeste le Mar 28 Juin 2011 - 19:07

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ô

Ange Funeste
Nouveau membre

Messages : 2
Inscrit(e) le : 04/12/2010

http://forumtroupedelite.forumactif.org/index.htm
Ange Funeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox Latérale

Message par malice23 le Mar 28 Juin 2011 - 19:09

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).

malice23
***

Féminin
Messages : 112
Inscrit(e) le : 21/08/2010

http://www.malicetory.monalliance.net
malice23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox Latérale

Message par Ange Funeste le Mar 28 Juin 2011 - 19:11

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

Ange Funeste
Nouveau membre

Messages : 2
Inscrit(e) le : 04/12/2010

http://forumtroupedelite.forumactif.org/index.htm
Ange Funeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox Latérale

Message par malice23 le Mar 28 Juin 2011 - 20:01

ç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
***

Féminin
Messages : 112
Inscrit(e) le : 21/08/2010

http://www.malicetory.monalliance.net
malice23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox Latérale

Message par malice23 le Jeu 30 Juin 2011 - 19:33

Up ?

malice23
***

Féminin
Messages : 112
Inscrit(e) le : 21/08/2010

http://www.malicetory.monalliance.net
malice23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox Latérale

Message par Scipion le Jeu 30 Juin 2011 - 19:39

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox Latérale

Message par malice23 le Jeu 30 Juin 2011 - 21:54

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 Wink

malice23
***

Féminin
Messages : 112
Inscrit(e) le : 21/08/2010

http://www.malicetory.monalliance.net
malice23 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