Anniversaire Frenchnerd

• en savoir plus •
Suivez-nous 2.0

Calendrier Event
Juin 2017
LunMarMerJeuVenSamDim
   1234
567891011
12131415161718
19202122232425
2627282930  

Calendrier Calendrier

JukeboxBobby
Jukebox du FFF
jukeboxV2
Jukebox du FFF
Qui est en ligne ?
Il y a en tout 1 utilisateur en ligne :: 0 Enregistré, 0 Invisible et 1 Invité

Aucun

Le record du nombre d'utilisateurs en ligne est de 12 le Mer 6 Jan - 1:26
Liens Frenchnerd
Frenchnerd Le site du Visiteur du Futur Les opérateurs
Amis Fans
Frenchnerd's Nerd Futuristes Le Blog du Futur
Web-séries
NONSERIE Les Souverains Boxer Boxer SLG La petite maison dans l'âprerie
Goodies FFF
Goodies du FFF
Car2

Concours RM

• en savoir plus •

ChatBox latérale

Page 1 sur 2 1, 2  Suivant

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

ChatBox latérale

Message par Admin le Ven 15 Aoû - 7:32

Code actif: (avant que je le reperde)
Code:

  <div id="container-cb"><div id="div-cb"><iframe id="chatboxpop" src="/chatbox/index.forum?archives=1" id="cb" scrolling="no" style="width: 100%; height: 100%;" marginwidth="0" marginheight="0" frameborder="0"></iframe></div> <img src="http://i.imgur.com/MeHKA.png" onClick="document.getElementById('div-cb').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" /></div>
  <div id="container-irc"><div id="div-irc"><iframe id="irc" src="https://kiwiirc.com/client/irc.epiknet.org/?&theme=cli#FrenchnerdFanForum"scrolling="no" style="width: 100%; height: 100%;" marginwidth="0" marginheight="0" frameborder="0"></iframe></div> <img src="http://i.imgur.com/MeHKA.png" onClick="document.getElementById('div-irc').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="irc-image" /></div>

<script>function check_newmessage(){varb=$(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>





Ajout de la ChatBox latérale avec:

  • accès au véritable forum
  • apparition sans animation

Code:

jQuery(document).ready(function() { jQuery('body').append('

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">
<tr><td>
<iframe src="http://www.frenchnerd-fanclub.com/chatbox/index.forum" 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://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png" onClick="document.getElementById(\'chatboxpop\').style.display=(this.src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'block\':\'none\';this.src=(this.src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\';"/>
</td>
</tr>
</table>'); } );
D.


Dernière édition par Admin le Ven 14 Nov - 14:19, édité 1 fois
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Admin le Lun 25 Aoû - 23:41

25.08.2014:

  • Ajout du mode IRC (pas possible de retourner sur la cb normale pour le moment
  • intégration du bouton sur la cb elle-même pas encore possible.


Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="http://www.frenchnerd-fanclub.com/chatbox/index.forum" 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://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png" onClick="document.getElementById(\'chatboxpop\').style.display=(this.src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'block\':\'none\';this.src=(this.src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\';"/></td></tr><tr><td></td><td><button onclick="document.getElementById(\'chatboxpop\').src=\'https://kiwiirc.com/client/irc.epiknet.org/?&theme=mini#FrenchnerdFanForum\'"> IRC</button></td></tr></table>'); } );
D.
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Admin le Mer 27 Aoû - 7:59


  • le bouton permet désormais de passer de la cb à l'IRC et inversement.

Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="http://www.frenchnerd-fanclub.com/chatbox/index.forum" 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://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png" onClick="document.getElementById(\'chatboxpop\').style.display=(this.src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'block\':\'none\';this.src=(this.src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\';"/></td></tr><tr><td></td><td><button onclick="document.getElementById(\'chatboxpop\').src=(document.getElementById(\'chatboxpop\').src==\'http://www.frenchnerd-fanclub.com/chatbox/index.forum\')?\'https://kiwiirc.com/client/irc.epiknet.org/?&theme=mini#FrenchnerdFanForum\':\'http://www.frenchnerd-fanclub.com/chatbox/index.forum\'"> IRC</button></td></tr></table>'); } );
D.
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par BobbyDev le Jeu 11 Sep - 16:40

jsai pas si je peu utiliser les réponses pour indiquer les bug mais bon ^^".

Déjà tu pourrais définir la taille de la fenêtre de la CB/Irc en pourcentage , pck jsuis obliger d'avoir la fenêtre pleine pour pouvoir voir assez pour fermer. ta taille est fixe ^^".

Deuxièmement , quand tu clique la première fois sur pleine écran il mets IRC automatiquement au lieu de la CB et quand tu décoche il mets la CB en pleine écran.

BobbyDev

Messages : 11
Date d'inscription : 10/09/2014

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Dany le Mar 16 Sep - 11:04

Bon...:

  • suppression du mode Plein écran
  • Suppression bouton CB/IRC
  • Boutons CB et IRC dissimulé de base
  • retour aux checkboxes pour cb et irc
  • changement de thème pour l'irc
  • allignement vertical pour les check et les chatboxes
  • ouverture de la cb par défaut


Code:
jQuery(document).ready(function() { jQuery('body').append('<table style=" position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="http://www.frenchnerd-fanclub.com/chatbox/index.forum" id="chatboxpop" scrolling="no" style="width: 700px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;" rowspan=2><ul><div id="test1412" style="display:none;"><li><input type="checkbox" checked name="choix" id="cb" onchange="document.getElementById(\'chatboxpop\').style.display=(document.getElementById(\'cb\').checked==true)?\'inline\':\'none\'"> CB</input></li><li><input type="checkbox"name="choix" id="irc" onchange="document.getElementById(\'chatboxpop2\').style.display= (document.getElementById(\'irc\').checked==true)?\'inline\':\'none\';document.getElementById(\'chatboxpop2\').src=\'https://kiwiirc.com/client/irc.epiknet.org/?&theme=cli#FrenchnerdFanForum\'"> IRC</input></li></div><li><img id="onoff" src="http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png" onClick="document.getElementById(\'chatboxpop2\').style.display=(document.getElementById(\'onoff\').src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'none\':\'none\';document.getElementById(\'chatboxpop2\').src=(document.getElementById(\'onoff\').src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'\':\'\' ; document.getElementById(\'chatboxpop\').style.display=(document.getElementById(\'onoff\').src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'inline\':\'none\' ;this.src=(this.src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\';document.getElementById(\'test1412\').style.display=(this.src==\'http://i39.servimg.com/u/f39/16/56/27/62/ouvrir13.png\')?\'none\':\'inline-block\'"/></li></ul></td></tr><tr><td><iframe id="chatboxpop2" scrolling="no" style="width: 700px; height: 400px; display:none;" marginwidth="0" marginheight="0" frameborder="0" ></iframe></td></tr></table>'); } );

Bug connus:

  • checkbox non réinitialisé si ferme et rouvre la chatbox
  • problème de taille en % à régler

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Admin le Ven 19 Sep - 0:32

J'ai enlevé un background-color : white; afin de bien voir la transparence de l'onglet de la chatbox.

EDIT : Il est 3h42 ^^

J'ai rajouté un resize en bas à gauche de la chatbox (mais à gauche de l'onglet).

Rajout d'un slide pour l'opacité ^^
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Dany le Ven 19 Sep - 10:14

C'est Matyas qui a fait la modif? en tout cas, j'ai mis temporairement des bordures pour délimiter les 2 tchats, et modifié ton css sur la classe resize (c'est bien toi qui l'a ajouté?) pour qu'on puisse correctement redimensionner.

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Admin le Ven 19 Sep - 10:21

Oui c'est moi Matyas ^^
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par BobbyDev le Ven 19 Sep - 10:26

Heu.....les gars,on a un jolie problème.....la CB c'est rajoutée sur le site mobile...j'ai fait un screen, je vous l'envois a la fin de ma pause café

BobbyDev

Messages : 11
Date d'inscription : 10/09/2014

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par BobbyDev le Ven 19 Sep - 10:57



et

BobbyDev

Messages : 11
Date d'inscription : 10/09/2014

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Dany le Ven 19 Sep - 11:11

Haha! Excellent! En plus il fonctionne!^^'
Nan sérieusement je réglerai plus tard.

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par BobbyDev le Ven 19 Sep - 12:16

Il est pas fonctionnelle, on voit juste les checkbox et la slidebar

BobbyDev

Messages : 11
Date d'inscription : 10/09/2014

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Dany le Ven 19 Sep - 13:40

Il est pas fonctionnel car j'ai un peu plombé le code...^^'
Toujours un problème de taille...
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Dany le Ven 19 Sep - 15:08

Par contre j'ai un soucis qui m'embête depuis un moment...Actuellement, quand on actualise la page, les div apparaissent à la bonne tailles, non cachées...par contre, quand on appuie sur la chatbox, les div retrouve une taille toute petite....

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par AH !! Why ? le Ven 19 Sep - 23:10

Trop de bug, c'est galère pour coder donc j'ai commenté la chatbox en attendant ^^

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Dany le Lun 29 Sep - 13:20

J'ai test le widget Qui est en ligne, mais comme on peut pas modifier le template ici, je l'ai fait ici: www.foxtrottx3.forumactif.com (utilisateur: Admin; mdp: foxtrottx3)
pour le mettre ici, faut que le fondateur le mette dans affichage/template, dans le template index_body, après {JAVASCRIPT}, ce code:
Code:
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
    <div id="membre_connect"style="position:fixed;
    top:50px;
    left:10px;
    padding:4px;
    width:300px;
    min-height:60px;
    height:auto;
    background-color:#bfd4e5;">
    <span style="position:fixed;float:top right;margin-top:-20px;left:300px;">
 
      </span>
    <span style="color:#000000;font-size:11px;float:left;">
    {LOGGED_IN_USER_LIST}
    <script type="text/javascript">document.getElementById('membre_connect')
    .innerHTML=document.getElementById('membre_connect')
    .innerHTML.replace(/Utilisateurs enregistrés/,"FFFien(s) présent(s)");
    </script>
    </span>
    </div>


Dernière édition par Dany the DevDog le Lun 29 Sep - 15:54, édité 2 fois (Raison : Enfait, vaudrait mieux le mettre ici pour test quand plusieurs sont connectés en même temps.)
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Admin le Mar 30 Sep - 0:11

Matyas :

{LOGGED_IN_USER_LIST} sert juste à dire qui est en ligne mais pas uniquement sur la CB.

De plus j'ai essayé de faire un code pour ne pas avoir le qui est en ligne de la CB en fixed mais dans un widegt ... en vain.

Faudra revoir cette partie ^^
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Dany le Mar 30 Sep - 7:23

Soucis actuel du QEEL: il apparaît uniquement sur l'index. Le soucis avec le widget, c'est qu'il faudrait récupérer le contenu généré par {CHATTER_LIST}. Un truc à tester serait de voir si il est possible de stocker le contenu de {CHATTER_LIST} dans une div, dans le template, et récupérer la div dans un widget.

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par AH !! Why ? le Mer 1 Oct - 10:16

QEEL = Qui est en ligne ?

Faut pas confondre le QEEL du Qui est sur la chatbox.
Ne pouvant pas toucher au QEEL, on fera un widget en dessous du QEEL qui sera le Qui est sur la Chatbox (QEQLC).
Mais c'est vrai que ce que tu as fais utilise des paramètres du template index_body.
J'ai pas trouvé comment on pourrait récupérer les pseudos et le nombre de personnes sur la chatbox ?
A moins qu'on modifie la chatbox et on rajoute une variable à nous qu'on stock en JSON ou autre puis on le renvoie dans notre widget à travers un div ?

Bref, merci pour ces nouveaux apports que tu as fais ^^

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Dany le Mer 1 Oct - 10:25

Ouais pardon, abus de langage... C'est apparemment pas encore possible de récupérer le contenu des variable template...après si il existe un autre moyen de récupérer la liste, je ne sais absolument pas, je continue mes recherches...

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: ChatBox latérale

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 1 sur 2 1, 2  Suivant

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

- Sujets similaires

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