Probleme code chatbox

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

Résolu Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 21:00

Bonsoir a tous, j'ai suivi cette astuce de EA http://forum.forumactif.com/t376250-codes10-pour-la-chatbox

mais les codes ne fonctionne pas du tout Sad peut être es ce une erreur de ma part au niveau de l'insertion des codes CSS.

donc je viens demander un petit coup de main afin de résoudre mon problème

Merci a tous ceux qui m'aideront a sortir de cette voie sans issue ^^

Lien de mon forum


Dernière édition par tetouf le Lun 23 Fév 2015 - 22:56, édité 1 fois

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par gigi68 le Lun 23 Fév 2015 - 21:24

Salut ,

Que est le code qui te pose problème ? Stp

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 21:51

@gigi68 a écrit:Salut ,

Que est le code qui te pose problème ? Stp

Bonsoir, en faite tous ^^ je voudrai la procédure pour insérer les codes css, car je n'ai jamais osez y toucher donc je prefere demander conseil avant toutes bêtises

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par Ea le Lun 23 Fév 2015 - 21:56

Bonjour,


Pour ajouter un code CSS il faut aller sur la page PA > Affichage > Couleurs > Feuille de style, il y a un grand cadre sur cette page et il suffit d'ajouter le code CSS dedans.

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: Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 21:57

c'est exactement la procédure que j'ai fait mais aucun code ne marche malheureusement que faire ?

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 21:59

voici le premier code que j'ai coller !

Code:
window.localStorage && $(window).load(function() {
  var chatbox_script = function() {
    var sounds = {
      'future': 'http://s301826463.onlinehome.fr/f/future.mp3',
      'hal': 'http://s301826463.onlinehome.fr/f/hal.mp3',
      'secret': 'http://s301826463.onlinehome.fr/f/secret.mp3',
      'zelda': 'http://s301826463.onlinehome.fr/f/zelda.mp3'
    };
    var default_sound = sounds['zelda'];
    var default_freq = 'new';
    var default_when = 'once';
    var default_volume = 100;

 
    if(localStorage.cb_sound && !localStorage.cb_sound.indexOf('https://dl.dropboxusercontent.com/u/181621985/')) localStorage.removeItem('cb_sound');
    var a = document.createElement('audio');
    if(!a.canPlayType) return;
    a.volume = Math.min(1, Math.max(0, localStorage.cb_volume||(default_volume/100)));
   
    var origin_send = Chatbox.prototype.send;
    Chatbox.prototype.send = function(params) {
      var m = $.trim($("#message").val());
      if(m.indexOf('/sound')&&m.indexOf('/soudn'))
        return origin_send.call(this, params);
      m = $.trim(m.substr(6)).split(/\s+/,3);
      var bad_apple = false;
      switch(m[0].toLowerCase()) {
        case "":
          if(!a.src) {
            a.src = localStorage.cb_sound||default_sound;
            a.load();
        }
          a.play();
          break;
        case "all":
        case "new":
          localStorage.cb_freq = m[0]; break;
        case "always":
        case "off":
        case "on":
        case "once":
        case "never":
          localStorage.cb_when = m[0]; break;
        case "stop":
          if(!a.paused) a.pause();
          if(!a.ended) a.currentTime = 0;
          break;
        case "pause":
          if(!a.paused) a.pause();
          break;
        case "volume":
          if(m.length>1) {
            localStorage.cb_volume = Math.min(1, Math.max(0, parseFloat(m[1].replace(',','.'))/100));
            a.volume = localStorage.cb_volume;
            break
          }
        default:
          bad_apple = true;
      };
      if(bad_apple) {
        if(m[0] in sounds) {
          m[0]= sounds[m[0]];
        }
        if(m[0]=="default") {
          m[0]=default_sound; 
          localStorage.removeItem('cb_sound');
          localStorage.removeItem('cb_freq');
          localStorage.removeItem('cb_volume');
          localStorage.removeItem('cb_when');
          a.volume = Math.min(1, Math.max(0, default_volume/100));
        }
        if(/^https?:\/\/.+/.test(m[0])) {
          localStorage.cb_sound = m[0];
          a.pause();
          a.src = m[0];
          a.load();
          a.play();
        } else {
          var message = $('#message').val();
          alert('/sound [all | new]\n/sound [always | off | on | once | never]\n/sound [stop | pause]\n/sound default\n/sound volume 0-100\n/sound ['+$.map(sounds,function(_,k){return k}).join(' | ')+']\n/sound [http://* | https://*]');
          setTimeout(function(){ $("#message").val(message).select().focus(); }, 100);
          return;
        }
      }
      return $("#message").val('').focus();
    };

    $(window).on("focus", function(){ localStorage.removeItem('cb_once'); localStorage.removeItem('cb_blurred') }).on("blur", function(){ localStorage.cb_blurred=1; });

    var play_sound = function(){
      if(a.paused || a.ended) {
        a.currentTime=0;
        if(!a.src) {
          a.src = localStorage.cb_sound||default_sound;
          a.load()
        }
        a.play()
      }
    };
    var overrided = Chatbox.prototype.refresh;
    Chatbox.prototype.refresh = function(data) {
      if (data.messages) {
        var lm = data.messages.slice(-1)[0];
        var last_message = lm.time+','+lm.action+','+lm.msg;
        if(this.last_message_sound != last_message) {
          var user = $.grep(data.users, function(v){return v.id==chatbox.userId});
          user = user.length ? user[0] : [{}];
          if(this.last_message_sound!==undefined) {
            var freq = (localStorage.cb_freq||default_freq);
            var when = (localStorage.cb_when||default_when);
            console.log([when, freq, localStorage.cb_blurred, localStorage.cb_once]);
            if(when != "never" && (when != "off" || localStorage.cb_blurred) && (when != "on" || !localStorage.cb_blurred) && (when != "once" || (localStorage.cb_blurred && !localStorage.cb_once))) {
              console.log([when, freq, localStorage.cb_blurred, localStorage.cb_once]);
              if(freq =="all" || (lm.userId!=chatbox.userId && user.username!=lm.username)) {
                if(when!="once" || !localStorage.cb_once) {
                  play_sound();
                  localStorage.cb_once = 1;
                }
              }
            }
          }
          this.last_message_sound = lm;
        }
      }
      overrided.call(this, data);
    };
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par Ea le Lun 23 Fév 2015 - 22:03

Cela, ce sont des codes à mette dans les javascript ( PA > Modules > HTML & JAVASCRIPT | Gestion des codes Javascript ).

Il y a également des codes CSS dans le sujet, mais ils ressemblent à ceci et ne contiennent que du style :

Code:
#chatbox .cb-avatar { background: transparent !important; box-shadow: none !important; }
body #chatbox .cb-avatar { border: none !important; /*retirer la bordure*/ }
/* --- */
#chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 50px !important; height: 50px !important; }
/* --- */
#chatbox .cb-avatar > img{ border-radius: 50% !important; }
/* --- */
#chatbox.recently-connected:after {
  font-family: "trebuchet ms", serif;
  font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #8BC34A;
  box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
  width:80%; margin:1.5% auto; padding:1%; white-space: pre;
  content: "Bienvenue sur la chatbox =D \a Si tu es seul, remets une bûche sur le feu.";
}
/* --- */
#chatbox_members .cb-avatar > img {
  height:30px;width:30px;
  vertical-align: middle;
}

eux doivent-être mis dans la feuille CSS, mais le reste ce sont des scripts qui doivent être mis dans des feuilles javascript.

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: Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 22:05

pouvez vous me donner les differents code javascript et css pour chaque script svp

pour ce que je veux:

Notification sonore
Changement du titre de la chatbox
Retirer les lignes " a rejoint le chat le / s'est deconnecté le "
Style des avatars de la chatbox
Mettre un message à la connexion
Changer le préfixe de modérateur

merci d'avance sa m'aiderai bcp

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par Ea le Lun 23 Fév 2015 - 22:14

Ils sont présent dans le sujet, je ne vois pas ce que ça améliorerait que je les copie ici un à un Lunette

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: Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 22:17

oui je suis d'accord avec vous Smile mais les codes afficher sur le sujet sont que les css ou les css et javascript ???

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par Neptunia le Lun 23 Fév 2015 - 22:23

Bonjour ^^


Si le code comporte function ou var ou if, c'est du javascript. Sinon c'est du CSS

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 22:26

bonsoir ^^

alors voila ce que jai mi pour un message d'accueil chatbox

Code:
$(window).load(function() {
  var chatbox_script = function() {
    $('#chatbox_option_co').click(function(){
      $('#chatbox').addClass('recently-connected');
      setTimeout(function(){ $('#chatbox').removeClass('recently-connected') }, 60000)
    })
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});

et javascript

Code:
function insertChatBox(chatbox_id, chatbox_url)
{
  document.getElementById(chatbox_id).innerHTML = '<iframe src="' + chatbox_url + '" name="fc" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
}
function cbac()
{
  var colorBackground = "green";
  var colorText = "red";
  var messageAlert = "Rappel : Tout le monde peut tout lire vos messages (invités comme membres) grâce aux archives, merci de faire attention à ce que vous dites !";
  setTimeout("if(!window.fc.connected) window.fc.CB_disconnect()",1000);
  $('#chatbox_top').css('position', 'relative');
  $('#chatbox_top').append('<div class="tchat-msg-alert" style="background-color:'+colorBackground+';color:'+colorText+';position:absolute;top:0px;left:0px;right:0px;padding:10px;text-shadow:0px 0px 2px black;font-size:20px;user-select:none;cursor:pointer;" onCLick="resetMsgAlert();">'+messageAlert+'</div>');
}
function resetMsgAlert()
{
  $('.tchat-msg-alert').fadeOut(2000,function(){
      $('.tchat-msg-alert').remove;
  });
}
jQuery(window).load(cbac);

donc d'apres votre message dans mon javascript j'ai mi du css oula je suis perdu completement

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par Ea le Lun 23 Fév 2015 - 22:28

Et je viens d'éditer quelques mots, donc maintenant si il est mis avant :

  • " ce script " c'est un code javascript, et
  • si il est mis " un code CSS " c'est un code CSS ( à ajouter dans PA > Affichage > Couleurs > Feuille de style ).

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: Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 22:32

je suis vraiment desole Ea je ne comprend pas

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par Neptunia le Lun 23 Fév 2015 - 22:35

Dans vos code vous avez à la fois function, et var.

C'est du javascript. Cela dit, le javascript peut être utilisé pour modifier certains css.

Par exemple cette ligne :
Code:
$('#chatbox_top').css('position', 'relative');
sert à modifier un css.

Autre indice, une parenthèse fermante qui suit immédiatement une parenthèse ouvrante () ya une très forte probabilité que ça ne soit pas du CSS.

Enfin, si le tuto parle de script, c'est pas du CSS. On parle de code CSS mais de script javascript.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 22:40

d'accord merci du conseil mais je n'arrive toujours pas a mettre un message de bienvenue sur ma chatbox Sad

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme code chatbox

Message par Ea le Lun 23 Fév 2015 - 22:46

Si je vais sur le forum http://astuce-clashofclan.forumpro.fr/ voici ce que je vois dans les script sur toutes les pages :

Code:
function gT() {
  new google.translate.TranslateElement({
    pageLanguage: "fr",
    multilanguagePage: !0,
    floatPosition: google.translate.TranslateElement.FloatPosition.BOTTOM_RIGHT
  })
};
$.getScript("http://translate.google.com/translate_a/element.js?cb=gT");

Ok c'est bien un script javascript.


Ensuite je vois :

Code:
< script type = "text/javascript"
src = "http://www.abcompteur.com/cpt/?code=6/7/9056/8/1&ID=432379" > < /script><noscript><a href="http:/ / www.abcompteur.com / ">ABCompteur:compteur gratuit</a></noscript>

Cela c'est du code html, cela n'a rien à faire là et devrait être supprimé ( sa seule action en le mettant dans les script est de causer une erreur pour les autres codes javascripts ).


Ensuite je vois :

Code:
$(document).ready(function(){urlForum=" [color = #66ff66]http://astuce-clashofclan.forumpro.fr/[/color]";urlSound= "http://ashoka.reiki.free.fr/FORUM/son.wav";urlTchat = urlForum + "/chatbox/index.forum";titlePage = document.title;$.get(urlTchat, function(resultat) {
  nbCaracteres = resultat.length
});nbMsgNonLu = 0;$('body').attr('onclick', 'resetTitlePage();');$('body').append('<audio style="display:none" id="tchat-notif-sonore"><source src="' + urlSound + '" type="audio/wav" /></audio>')
});

function testLongeur() {
  $.get(urlTchat, function(resultat) {
    var nbCaracteresRefresh = resultat.length;
    if (nbCaracteresRefresh > nbCaracteres) {
      nbMsgNonLu = nbMsgNonLu + 1;
      document.title = titlePage + " - ( " + nbMsgNonLu + " ) Nouveaux messages";
      nbCaracteres = nbCaracteresRefresh;
      $('#tchat-notif-sonore').trigger("play")
    } else {
      nbCaracteres = resultat.length
    }
  })
}

function resetTitlePage() {
  document.title = titlePage;
  nbMsgNonLu = 0
}
setInterval(testLongeur, 400);

function insertChatBox(chatbox_id, chatbox_url) {
  document.getElementById(chatbox_id).innerHTML = '<iframe src="' + chatbox_url + '" name="fc" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>'
}

function cbac() {
  var colorBackground = "green";
  var colorText = "red";
  var messageAlert = "Rappel : Tout le monde peut tout lire vos messages (invités comme membres) grâce aux archives, merci de faire attention à ce que vous dites !";
  setTimeout("if(!window.fc.connected) window.fc.CB_disconnect()", 1000);
  $('#chatbox_top').css('position', 'relative');
  $('#chatbox_top').append('<div class="tchat-msg-alert" style="background-color:' + colorBackground + ';color:' + colorText + ';position:absolute;top:0px;left:0px;right:0px;padding:10px;text-shadow:0px 0px 2px black;font-size:20px;user-select:none;cursor:pointer;" onCLick="resetMsgAlert();">' + messageAlert + '</div>')
}

function resetMsgAlert() {
  $('.tchat-msg-alert').fadeOut(2000, function() {
    $('.tchat-msg-alert').remove
  })
}
jQuery(window).load(cbac);

si je ne me trompe ce sont des code javascripts qui ne fonctionnent pas avec les nouveautés de la chatbox ( et de toute façon ça n'aurait pas fonctionné tout de même vu le html mis en script au dessus ), donc ça pourrait être supprimé aussi.


Ensuite je vois :

Code:
$(function() {
  $(window).load(function() {
    var av = $('#fa_usermenu img:eq(0)').attr('src');
    $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />')
  })
});

c'est un code javascript qui ajoute l'avatar à un endroit si on a la toolbar activée, OK.


Pour terminer il y a :

Code:
$(function() {
  _lang["Register"] = "ENREGISTREMENT"
});
$(function() {
  _lang["Login"] = "CONNEXION"
});
$(function() {
  $(function() {
    $('a.rightHeaderLink:contains("Inscription")').css('color', 'red');
    $('a.rightHeaderLink:contains("CONNEXION")').css('color', 'red')
  })
});

qui sont des scripts javascripts qui j'imagine modifient des mots et des couleurs.


Ensuite en script pas sur toutes les pages, sur l'accueil je vois :

Code:
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s);
  js.id = id;
  js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&appId=437462403072794&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs)
}(document, 'script', 'facebook-jssdk'));

qui est un script javascript de facebook j'imagine, OK.


Et je vois aussi :

Code:
<div id="fb-root"></div>
<script>
  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&appId=437462403072794&version=v2.0";
    fjs.parentNode.insertBefore(js, fjs)
  }(document, 'script', 'facebook-jssdk'));
</script>

qui est un code HTML et ne devrait pas être en script, à supprimer.


Donc voilà un résumé de vos scripts pour partir sur une bonne base, ensuite pour ce qui est de ce que je disais à propos du tutoriel, si la forme est comme ceci :

Ce script permet de ... .... ... :

Code:
/* ici se trouve un code javascript */

alors il s'agit d'un code javascript.

Si par contre la forme est comme cela :

... par exemple un code CSS comme ceci :

Code:
/* ici se trouve un code CSS */

ou bien :

... par un code CSS :

Code:
/* ici se trouve un code CSS */

alors il s'agit d'un code CSS.

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: Probleme code chatbox

Message par tetouf le Lun 23 Fév 2015 - 22:56

ok merci beaucoup de ses conseils mon message de bienvenu s'affiche maintenant donc je vais voir pour le reste !

problème résolu merci encore et désolé de vous avoir embetter

tetouf
Nouveau membre

Messages : 11
Inscrit(e) le : 16/02/2015

http://astuce-clashofclan.forumpro.fr/
tetouf 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