*RESOLU* Sonnerie sur la chatbox !

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

*RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Sam 10 Juin 2017 - 19:51
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Bonjour;

Lien forum: ICI https://www.quadsalvetain.com/

j'utilise Google
je suis en Invision
(Template Java css modifier)


Bonjour, voilà, cela me gêne de laisser le chatbox en permanence, hormis plusieurs membres qui eu souhaites la conserver, j'ai essayé plusieur façon et code divers pour être informé comme tous membres quand quelqu'un met un message , je ne trouve rien de bien efficace;donc, ma question; une personne serait en mesure de m'aidée afin d'intégrer une sonnerie qui m'avertit lorsqu'un membre se connecte et laisse un message.
Cordialement
CSS & JS:

CSS 
Code:
/*script message remercie*/
#fa_thanks_message {
  color:#000000;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  background-color:#5A6B58;
  border:1px solid black;
  border-radius:6px;
  padding:6px;
  margin:6px;
}
/*Positionnemnt du bouton merci NE PAS TOUCHER LE DISPLAY NONE*/
ul.posting-icons li a[href*="thank"] img,ul.posting-icons li img[alt="Sujet déjà remercié"]{display:none;margin-top: 20px;}
/*Colorisation d un message remercie*/
.M14_PostThanK  .post-header{min-height: 47px;}
.M14_PostThanK  .post-entry,
.M14_PostThanK  .post-entry a,
.M14_PostThanK  .signature_div,
.M14_PostThanK  .signature_div a,
.M14_PostThanK  .postprofile ,
.M14_PostThanK  .user-info .label span,
.M14_PostThanK strong,.M14_PostThanK span
{color:#000000 !important;}



body
{
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;

}
div#logostrip #logo {
 display: block;
 margin: 0 0px;
                padding: 0.8em 0em 0em 0em;
 float: center;
 }
table.ipbtable tfoot td { background-color: #000000; background-image: url("https://i.servimg.com/u/f84/13/64/43/70/rr210.jpg");}
.box-content { border-bottom:10px  #000000; }
#gfooter {
background-color:#;
height: 80px;
background: url("https://i.servimg.com/u/f84/13/64/43/70/tes111.jpg") no-repeat 50% 50%;
}
#submenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#navstrip li {
 float: left;
 margin: 0 5px;
 padding-left: 10px;
 background: url('https://i.servimg.com/u/f61/13/51/88/96/fleche10.png') no-repeat left 50%;
 }
#navstrip li.begin {
 padding-left: 10px;
 background: url('https://i.servimg.com/u/f61/13/51/88/96/fleche11.png') no-repeat left 50%;
 }
div.maintitle .expand,div.maintitle .contract {
 float: right;
 width: 10px;
 height: 10px;
 background: url('https://i.servimg.com/u/f61/13/51/88/96/invisi11.png') no-repeat 50% 50%;
 cursor: pointer;
 }
div.maintitle .expand {
 background: url('https://i.servimg.com/u/f61/13/51/88/96/invisi10.png') no-repeat 50% 50%;
 }
.popmenubutton a {
 display: block;
 padding: 2px 16px 2px 8px;
 background-image: url('https://i.servimg.com/u/f61/13/51/88/96/fleche12.png');
 background-position: 97% 50%;
 background-repeat: no-repeat;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 white-space: nowrap;
 text-decoration: none;
 }
div.maintitle {
 vertical-align: middle;
 padding: 8px 8px 8px 15px;
 background-image: url("https://i.servimg.com/u/f84/13/64/23/61/rr210.jpg");
 background-repeat: repeat-x;
 }
div.maintitle:hover {
                vertical-align: middle;
 padding: 8px 8px 8px 15px;
                background-image: url("https://i.servimg.com/u/f84/13/64/23/61/test_l10.jpg");
                background-repeat: repeat-x;
}
.row2 {
 background-color: #262626;
        background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
 }
.row2:hover {
background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}


.row1 {
 background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.row1:hover {
background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
 }
.ipbform2 dl dd {
 background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
 }
.ipbform2 dl dd:hover {
 background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}








/*MODIFIER AJOUTER PAR Quad Daniel*/








/*mini avatar sur forum Quad Daniel*/

        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;  
  }
      .sceditor-container iframe, .sceditor-container textarea {
    background-image: url("https://i.servimg.com/u/f39/16/47/45/04/transp10.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#topicmenu-options.popmenubutton
{
margin-top: -07px;
}  


/*barre citer*/

blockquote cite {
background-color: #677E52
background-image: url(https://i.servimg.com/u/f38/16/47/45/04/t_new10.gif);
color: #002F2F;
min-height: 30px;
}

/*barre code*/

dl.codebox dt {
background-color: #6B0D0D;
background-image: url(https://i.servimg.com/u/f68/16/47/45/04/i_icon16.png);
color: #CC9900;
min-height: 25px;
}
    /*Placement du texte code selectionner le contenu*/
    .selectCode
    {
    float:right;
    margin-right:30px;
    cursor:pointer;
    }
div.cont_code { clear: right; }

dl.codebox dd {
background-color: #383636;
}

/*barre Spoiler*/

    dl.spoiler dt
    {
    background-color:#175732;
    /*l image du spoiler*/
    background-image:url(https://i.servimg.com/u/f68/16/47/45/04/21310.png);
    background-repeat:no-repeat;/*pas de répétition de l image*/
    background-position:right;/*on positionne l image a droite*/
    color:#AFAFAF;/*couleur du texte*/
min-height: 25px;
    }

/*barre Code Caché*/
/*Code box hide*/
dl.codebox.hidecode dd{background:#282828;color:white; }
/*barre Fond luminosité gris*/
/*Ombrage code spoiler hide*/
dl.codebox, dl.spoiler{box-shadow: 3px 3px 15px 5px #9E9E9E;}
/*FIN barre*/

/*correction sur les balises hide*/
dl.codebox.hidecode .codebox.contcode dt ,.codebox.hidecode dl.spoiler dt
{
display:block !important;
}
/*correction de l ascenceur*/
.codebox dd{word-wrap: break-word;}
/******espacer gauche et droite dans l affichage d un message******/
  
/*Correction des codesbox*/
dl.codebox , dl.spoiler,blockquote
{
margin:30px 60px !important;
}
    

/*FIN Correction des codesbox*/



  
        /*L apparence normale*/
        #search #keywords
        {
        transition-duration: 1s;
        width: 150px;
        }
        /*L apparence au clic*/
        #search #keywords:focus
        {
        width: 250px;
        }



/*DEBUT EFFET TOGGLE FAQ*/
    /*Les questions de la FAQ Modifier Daniel*/
    dd[onclick^="return"] a
    {
    color:#forum !important;/*on demande une couleur de police*/
    font-weight:normal;/*on demande en caractere normal*/
    font-style:italic;/*on demande en style italic*/
    text-decoration:none !important;/*on supprime le soulignement*/
    }

    /*Les reponses*/
    /*on depose un style pour l effet de transition en relation avec le script*/
    .M14_effet_Faq
    {
    position:fixed;/*on fixe le bloc*/
    left:45%;/*on le positionne a 45 pourcent de la gauche*/
    right:45%;/*on le positionne a 45 pourcent de la droite*/
    width:10%;/*il reste 10 pourcent pour la largeur*/
    top:10%;/*on le place a 10 pourcent du haut*/
    min-height:30px;/*on lui donne une largeur minimale*/
    height:auto;/*on demande une hauteur en automatique*/
    max-height:250px;/*on impose une hauteur maximale*/
    overflow-y:auto; /*on demande en cas dde depassement un scroll*/
    z-index:999;/*Au premier plan*/
    background-color:Black !important;/*couleur de fond*/
    -moz-opacity:0;/*Opacity a 0 navigateurs recents*/
    -khtml-opacity:0;
    -ms-filter:"alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter:alpha(opacity=0);
    opacity:0;
      /*on ajoute un entourage flou avec une couleur grise*/
      -moz-box-shadow: 0px 0px 30px 20px grey;
    -webkit-box-shadow: 0px 0px 30px 20px grey;
    -o-box-shadow: 0px 0px 30px 20px grey;
    box-shadow: 0px 0px 30px 20px grey;
      /*les bordures arrondies*/
      -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

    /*La petite croix de fermeture*/
    .M14_Close_Faq
    {
    color:#ffff00;/*on demande une couleur de police*/
    font-weight:bold;/*on demande en caractere gras*/
    position:absolute;/*on demande une position bien definie*/
    top:10px;/*a 10px du haut*/
    left:98%;/*a 98 pourcent de la gauche*/
    cursor:pointer; /*on demande un style cursor*/
    }
    /*La cellule laissant apparaitre le contenu*/
    .M14_effet_Faq p
    {
    /*on demande un espace en haut 10px a droite 35px puis 5px en bas et a gauche*/
    /*le 35px est impose pour laisser la place au bouton de fermeture*/
    padding: 10px 35px 5px  5px !important;
      /*Apparence du texte et son placement*/
    color:grey;/*on demande une couleur de police*/
    font-weight:bold;/*on demande en caractere gras*/
    font-style:italic;/*on demande en style italic*/
    padding-right: 35px;/*on demande un espace de 35px a doite pour placer le bouton*/
    border:none !important;/*on supprime les bordures*/
    }


    /*Apparence des liens*/
    .M14_effet_Faq p a
    {
    color:orange;/*on demande une couleur de police*/
    font-weight:normal;/*on demande en caractere normal*/
    font-style:italic;/*on demande en style italic*/
    text-decoration:none !important;/*on supprime le soulignement*/
    }
    /*FIN EFFET TOGGLE FAQ*/


/*Effet loupe sur chaque message*/

    /*Le bouton pour l ouverture de la fenetre*/
    .M14_open_Body
    {
    width: 16px;
    height: 16px;
    right: 10px;
    float: right;
    cursor:pointer;
  margin-right: -17em;
    }
    /*Le bouton pour la fermeture de la fenetre*/
    .M14_close_Body
    {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    cursor:pointer;
    }
    /*On place les transitions sur les messages*/
    .post-entry
    {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    /*La fenetre agrandie*/
    #M14_Effet_body.post-entry
    {
    /*On donne une position absolute*/
    position:absolute;
    /*On demande une marge a gauche et a droite pour la correction de la fenetre*/
    left:20%;
    right:20%;
    /*La couleur de fond*/
    background: #2B2E2A;
    /*La couleur de police*/
    color:forum;
    /*La taille de police*/
    font-size:14px;
    /*On donne un espace conséquent si besoin peut etre supprime*/
    padding: 20px 30px 10px 10px;
    /*on agrandit sur la largeur et la hauteur sur la plupart des navigateurs*/
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
      /*la couleur de bordure*/
    border:2px solid #339966;
      /*Les bordures arrondies sur la plupart des navigateurs*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
      /*On le place au premier plan*/
      z-index:999;
    }

/*FIN EFFET LOUPE*/

    

/*fond envoyer & Titre du sujet Vert*/

   input {
          color: #000000;
          background: #93ada6!important;
        }

/*FIN fond envoyer & Titre du sujet Vert*/
 

/*bouton 3D Prévisualiser envoyer*/

        input[name="preview"] ,input[name="post"]
        {background-color:#F5F5F5;background-image:url(https://i.servimg.com/u/f37/16/47/45/04/voirfi10.png);
          background-repeat:repeat-x;
          border:1px solid #C3E0F1;
          border-radius:2px;
          box-shadow:1px 1px 1px;
          color:#666!important;
          cursor:pointer;
          font-size:11px;
          font-weight:700;
          height:24px;
          line-height:18px;
          margin:5px 6px;
          padding:0 8px!important;
          text-align:center;
        }
        input[name="preview"]:hover ,input[name="post"]:hover
        {
        background-position:0 100%;
        border:1px solid #00ff00!important;
        box-shadow:1px 1px 5px!important;
        color:#00ff00!important;
        }

/*FIN bouton 3D Prévisualiser envoyer*/


/*image fond barre Toulbar*/

        #fa_toolbar, #fa_toolbar_hidden {background-image: url('https://i.servimg.com/u/f68/16/47/45/04/b21110.jpg');}

/*FIN image fond barre Toulbar*/


/*barre Toulbar Modifier*/

    /*Suppression de la recherche et du texte partager*/
    #fa_search, #fa_share_text{display:none !important;}


    #fa_M14_FA_Espace{width:30px !important;height:30px !important;}

/*Fond Couleur Notification et image poubelle*/
    #fa_right.notification > #fa_notifications{background-color: #578A5B !important;}
    #notif_list li a.delete{background:url(https://i.servimg.com/u/f68/11/26/21/37/poubel10.png)no-repeat !important;}

/*FIN barre Toulbar Modifier*/



/*Image Style barre verte bas sujet*/

      .post-footer
    {
    background-image: url("https://i.servimg.com/u/f58/16/47/45/04/mainme13.png");
    background-position: top center;
    background-repeat: no-repeat;
    border-top : none !important;
    }

/*FIN Image Style barre verte bas sujet*/


/*Image Style barre verte haut sujet*/

    .post .post-header
    {
    background-image: url("https://i.servimg.com/u/f58/16/47/45/04/back_t10.png");
    background-position: top center;
    background-repeat: repeat;
    }

/*FIN Image Style barre verte haut sujet*/



    /*Bouton vote reponse rapide*/

    a#M14_vote_Rap
    {
    position: absolute;
    width: 221px;
    height: 190px;
    margin-left: -50px;
    }

    /*Bouton vote repondre rapide*/

    a#M14_vote_btn
    {
    margin-top: -240px;
    float: right;
    }

/*FIN Bouton vote repondre rapide*/


/*Image et Cadre Vote*/


        #M14_vote_img
        {
        background:url(https://i.servimg.com/u/f58/16/47/45/04/cadre_12.png)no-repeat;
        width:200px;
        height:200px;
        margin-left: 320px;
        color:#578A5B !important;
        padding:80px 0;
        text-align: center;
        font-weight:bold;
    font-size:20px;
        }


    #M14_vote_img:before
    {
    content:"";
    position:absolute;
    background:url(https://i.servimg.com/u/f19/14/29/90/39/t508hv10.gif);
    height: 200px;
    width: 190px;
    margin-left: -320px;
    margin-top: -70px;
    }


/*FIN Image et Cadre Vote*/



/*Image de Fond Forum 100% sur la page*/

body {
    background-size: cover;
}

/*FIN Image de Fond Forum 100% sur la page*/




/*afficher ou masquer tous les champs du profil*/


.M14_Op_user-info , .M14_Close_user-info {cursor:pointer;}

/*FIN afficher ou masquer tous les champs du profil*/




/*Couleur bordure Infobulle en vert*/

.tooltipster-content{border:4px solid green;}
.tooltipster-arrow-top span{border-color :green !important;}

/*FIN Couleur bordure Infobulle en vert*/




/* INFO SUR LE PROFIL GLOBAL

/* La popUp du profil*/
        #profcont-container {
            background:#b8fcbf !important;
            border:1px solid #CCC !important;
        }
         /*l avatar*/
        #userAVA img{
            position:absolute;
            top:73px;
            right:30px;
            height:50px;
            width:50px;
        }
         /*la barre des onglets*/
        .profile_popup_nav {
            background:#b8fcbf;
            margin:-4px -4px 10px -4px;
            padding:3px;
            padding-top:10px !important;
            height:auto;
            border-bottom:1px solid #CCC;
            -webkit-border-radius:5px 5px 0px 0px;
            -moz-border-radius:5px 5px 0px 0px;
            border-radius:5px 5px 0px 0px;
        }
         /*Les onglets*/
        .propop_tab {
            color:green;
            text-shadow:1px 1px 0 #F5F5F5;
            cursor:pointer;
            -webkit-border-radius:4px 4px 0px 0px;
              -moz-border-radius:4px 4px 0px 0px;
                    border-radius:4px 4px 0px 0px;
            border:1px solid #CCC;
            border-bottom:none;
            -webkit-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
              -moz-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
                    box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
            background:#DDD;
            margin:0 2px;
            padding:3px;
        }
         /* Les onglets au survol*/
        .propop_tab:hover {
            position:relative;
            top:1px;
            color:#666;
            text-shadow:none;
            background-color:#EEE;
        }
         /*l onglet actif*/
        .propop_tab.activeTab {
            position:relative;
            top:1px;
            color:#666;
            text-shadow:none !important;
            background-color:#EEE !important;
        }
         /*La barre des contacts*/
        #profileLinks {
            background:#b8fcbf;
            display:block;
            padding:3px;
            margin:10px -4px -4px -4px;
            border-top:1px solid #CCC;
            -webkit-border-radius:0px 0px 5px 5px;
            -moz-border-radius:0px 0px 5px 5px;
            border-radius:0px 0px 5px 5px;
        }
#profileLinks a{color:black !important;text-ecoration:none !important;}
#profcont-container .maintitle{background-image:none !important;}
#profcont-container .maintitle,#profcont-container #userprofile{background-color:#b8fcbf;}
#profcont-container .maintitle h1,#profcont-container .maintitle h1 span{color:black !important;}

#profcont-container #profileLinks {color:black !important;}
/* FIN INFO SUR LE PROFIL GLOBAL



Js sur les sujets 
Code:
// SCRIPT CONCERNANT Bouton vote sur réponse rapide a gauche fond noir



$(function(){
    $('<a id="M14_vote_Rap" href="https://www.quadsalvetain.com/t3325-info-vote-quad-salvetain-fonctionnement#48350"><img src="https://i.servimg.com/u/f68/16/47/45/04/pourba35.png"title="Info & Lien Vote forum"/></a>').insertBefore('.qreply #quick_reply');
    });
    $(function(){
    $('<a id="M14_vote_btn" href="https://www.quadsalvetain.com/t3325-info-vote-quad-salvetain-fonctionnement#48350"><img src="https://i.servimg.com/u/f68/16/47/45/04/pourba35.png"title="Info & Lien Vote forum"/></a>').appendTo('.posting-options.topic-options:first');
    });







// SCRIPT CONCERNANT Style image verte haut/bas sur sujet


$(function(){
$('.post').before('<div class="M14_IMG_Haut"></div>');
$('.post').after('<div class="M14_IMG_Bas"></div>');
});





// SCRIPT CONCERNANT texte barre Code ( Sélectionner le contenu )
function selectCode(e) {
    var s = $(e).closest("dl").find(".cont_code,code").get(0), range, selection;
    var a = s, z = s;
    while(a.nodeType == 1 && a.childNodes.length) a=a.firstChild;
    while(z.nodeType == 1 && z.childNodes.length) z=z.lastChild;
    if (!$(a).is('.fixff')) {
        var fix = $('<span class="fixff"/>').insertBefore(a);
    } else {
      a = a.nextSibling;
    }
    if (document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(s);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.setStart(a, 0);
        range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};
$(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">Sélectionner</span>')});



// FIN SCRIPT CONCERNANT texte barre Code




// SCRIPT CONCERNANT Afficher le bouton merci seulement sur PROBLÈME SUR LE FORUM

$(function(){
if($('a.nav[href^="/f93-"],a.nav[href^="/f11-"],a.nav[href^="/f12-"],a.nav[href^="/c3-"]').length) {
$('ul.posting-icons li a[href*="thank"] img,ul.posting-icons li img[alt="Sujet déjà remercié"]').show()
};
});

$(function(){
  $('#fa_thanks').each(function(){
  $(this).closest('.post').addClass('M14_PostThanK');
  });
  
  $('.M14_PostThanK').each(function(){
var M14_thankMemBer= $(this).find('.author a[href^="/u"]').text();
  $(this).attr('title','L\'auteur du sujet a remercié '+M14_thankMemBer+'');
  });

});

// FIN SCRIPT CONCERNANT Afficher le bouton merci seulement sur PROBLÈME SUR LE FORUM




// SCRIPT CONCERNANT message remercié sur les sujets

$(function() {
  var message = function(child, parent) {
        var pseudo = $(child, parent).text(),
            icon = '';
    
        return '<div id="fa_thanks_message">' + icon + ' L\'auteur du sujet remercie ' + pseudo + ' ! ' + icon + '</div>';
      },
      
      version = $('.bodylinewidth')[0] ? 0 : document.getElementById('wrap') ? 1 : $('.pun')[0] ? 2 : document.getElementById('ipbwrapper') ? 3 : 'badapple', // version check
      node = document.createElement(version ? 'DIV' : 'TR'),
      post = $(version ? 'div' : 'tr' + '.post'),
      j = post.length,
      i = 0;
  
  if (version == 'badapple') {
    if (window.console) console.error('Ce plugin n\'est pas optimisé pour la version de votre forum.');
    return;
  }
  
  node.id = 'fa_thanks'; // id for style modifications
  if (!version) node.innerHTML = '<td colspan="2"></td>'; // phpbb2 must have a cell as the child node
  
  for (; i < j; i++) {
    
    if ((version ? post[i] : post[i].firstChild).style.backgroundColor) { // thanked posts have the backgroundColor style property
      
      post[i].className += ' thanked'; // mark the thanked post with a class
      (version ? node : node.firstChild).innerHTML = message(['.name', 'dl > dt > strong', '.username', '.popmenubutton'][version], post[i]); // thanks message
      
      switch (version) {
        
        case 0 : // phpbb2
          node.firstChild.style.backgroundColor = post[i].firstChild.style.backgroundColor;
          node.firstChild.className = post[i].firstChild.className;
          post[i].parentNode.insertBefore(node, post[i].nextSibling);
          break;
          
        case 1 : // phpbb3
          post[i].firstChild.insertBefore(node, post[i].firstChild.lastChild.previousSibling);
          break;
          
        case 2 : // punbb
          node.className = 'postfoot';
          node.style.margin = '0';
          post[i].appendChild(node);
          break;
          
        case 3 : // invision
          node.className = 'post-footer';
          node.style.backgroundColor = post[i].style.backgroundColor;
          post[i].appendChild(node);
          break;
        
      }
      
      break; // break out of the for loop when the thanked post is found
    }
    
  }
});

// FIN SCRIPT CONCERNANT message remercié sur les sujets



$(function(){
$('.post-entry:contains("Dernière édition")').closest('.post').addClass('M14_Post_color').attr('title','Départ du Sujet édité');
});



// SCRIPT CONCERNANT Effet loupe sur chaque message


$(function(){
    // L IMAGE D OUVERTURE
    $('<span class="M14_open_Body"title="Agrandir le message"><img src="https://i.servimg.com/u/f68/16/47/45/04/zoom_i10.png"/></span>').insertBefore('.postbody .post-entry');
    //L IMAGE DE FERMETURE
    $('<span class="M14_close_Body"title="Réduire le message"style=display:none;"><img src="https://i.servimg.com/u/f68/16/47/45/04/zoom_o10.png"/></span>').appendTo('.postbody .post-entry');

    });
    //AU CLIC SUR L IMAGE OUVERTURE ON ATTRIBUE UN IDENTIFIANT AU POSTBODY
    $(function(){
    $('.M14_open_Body').click(function(){
    //ON CACHE L IMAGE D OUVERTURE
    $(this).hide();
    //ON ATTRIBUE UN IDENTIFIANT AU POSTBODY
    $(this).next('div').attr('id','M14_Effet_body');
    //ON AFFICHE L IMAGE DE FERMETURE AVEC TEMPORISATION
    $('.M14_close_Body').delay(800).fadeIn();
    });
    });

    $(function(){
    //AU CLIC SUR L IMAGE DE FERMETURE
    $('.M14_close_Body').click(function(){
    //ON CACHE L IMAGE DE FERMETURE
    $(this).hide();
    //ON SUPPRIME L IDENTIFIANT
    $('.post-entry').removeAttr('id');
    //ON AFFICHE L IMAGE D OUVERTURE AVEC TEMPORISATION
    $('.M14_open_Body').delay(500).fadeIn();
    });
    });




// SCRIPT CONCERNANT afficher ou masquer info profil & Quad


$(function(){
$('.user-info div').hide();
$('.user-info').append('<span class="M14_Op_user-info"title="Afficher Info Quad & Région profil"><img src="https://i.servimg.com/u/f58/16/47/45/04/cafich10.png"/></span>
<span class="M14_Close_user-info"title="Masquer Info Quad & Région profil"style="display:none;"><img src="https://i.servimg.com/u/f58/16/47/45/04/bouton10.png"/></span>
');
});

$(function(){
$('.M14_Op_user-info').click(function(){
$(this).hide();
$(this).next().delay(800).fadeIn();
$(this).prevAll('div').show(500);
});
});

$(function(){
$('.M14_Close_user-info').click(function(){
$(this).hide();
$(this).prev().delay(800).fadeIn();
$(this).prev().prevAll('div').hide(500);
});
});




  
// SCRIPT CONCERNANT Invité vois uniquement le premier topic et apres doit s'enregistré ou bloqué
  
  $(function(){
if(!document.getElementById('logout')){
var message ='<img style="margin-right:6px;vertical-align: middle;" src="https://i.imgur.com/b8PNmbE.png" /><p style="display:inline; position:relative; top:1px;">Pour voir la suite de ce topic, vous devez vous <a href="/register">enregistrerr</a> ou <a href="/login" rel="hideodsigin">vous connecter</a> à votre compte.</p>';
var p = $('.post').find('.post-entry');
var post1 = $('.post').find('.post-entry')[0];
 $(p).not(post1).html('<div style="background-color:rgba(255,217,217,.5); border:1px solid rgba(255,100,100,.7); border-radius:2px; padding:8px 12px;">
'+message+'</div>');
}
else{}
});
  
  
  
  
  
 // SCRIPT CONCERNANT Ouverture Profil a Avertissement
  
$(function(){
$('img[alt="1 Avertissement Reçu"],img[alt="2 Avertissements Reçus"],img[alt="3 Avertissements Reçus"], img[alt="sanction par les staff"]').each(function(){
$(this).attr('title','Membre averti');
$(this).closest('dd').find('div').show();
$(this).closest('dd').find('.M14_Op_user-info,.M14_Close_user-info ').remove();
});});

JS sur toute les Pages 
Code:
// SCRIPT CONCERNANT Boutons Editeur sujet et réponse rapide (Voté,top site, faq & règlement)

$(function(){
    $(function(){    
    $('<a class="sceditor-button" unselectable="on" title="A voté pour le forum Quad Salvetain">
    <div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/quad_v15.jpg)">Bouton vote</div></a>').insertBefore('.sceditor-button-bold').click(function(){
    $('#text_editor_textarea').sceditor("instance").insert(' \n
    <div id="M14_vote_img"title="Nombre de vote pour le forum">[b] Déposez le numéro ici [/b]</div>');
    });  
    })});



$(function(){
$(function(){  
$('<a class="sceditor-button"href="http://www.annuaire-quad.fr/quad-salvetain-s-5143.html" unselectable="on" title="Lien direct Vote-Top site"target="_blank"><div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/quad_t10.jpg)">Lien direct Vote-Top site</div></a>').insertBefore('.sceditor-button-bold');
        })});



        $(function(){
            $(function(){  
            $('<a class="sceditor-button" unselectable="on" title="Écriture Lien Aide Faq">
            <div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/icons-13.jpg)">Écriture Lien Aide Faq</div></a>').insertBefore('.sceditor-button-bold').click(function(){
            $('#text_editor_textarea').sceditor("instance").insert(' \n
            <a href="https://www.quadsalvetain.com/faq">Lien Aide Faq du forum</div>');
            });
            })});



$(function(){
            $(function(){  
            $('<a class="sceditor-button" unselectable="on" title="Écriture Lien Règlement">
            <div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/icons-11.png)">Écriture Lien Règlement</div></a>').insertBefore('.sceditor-button-bold').click(function(){
            $('#text_editor_textarea').sceditor("instance").insert(' \n
            <a href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192">Lien Règlement</div>');
            });
            })});




// SCRIPT CONCERNANT Toulbar (barre Toulbar Modifier)



$(function() {
    var share = {

    text : _lang.Share,

    buttons : {
    /* DEFAULT SHARE BUTTONS */
    mail : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba28.png" />',
    title : 'Envoyer cette page à quelqu\'un'
    },
    M14_cherch_toolbar: {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba36.png" />',
    href : '/search',
    title : 'Recherche avancée'
    } ,

    FaceBoOk:
    {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba30.png" />',
    href : 'https://www.facebook.com/QuadSalvetain',
    title : 'Facebook',
    target : '_blank'
    } ,
    gp : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba29.png" />',
    href : 'https://plus.google.com/u/0/117701248821038158455',
    title : 'Google Plus',
    target : '_blank'
    },
    twitter : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba31.png" />',
    href : 'https://twitter.com/danielm31880',
    title : 'Twitter',
    target : '_blank'
    },
    copy_url : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba32.png" />',
    title : 'Copier l\'adresse BBCode (copie lien de page)',

    onclick : function(e) {
    prompt('Copiez l\'URL BBCode de cette page?', '[url=' + window.location.href + ']' + document.title + '[/url]');
    e.preventDefault();
    }
    },
    print : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba33.png" />',
    title : 'Imprimer cette page',
    onclick : function(e) {
    window.print();
    e.preventDefault();
    }
    },
    vote:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba35.png" />',
    href : '/t3325-info-vote-quad-salvetain-fonctionnement#48350',
    title : 'Info et lien Vote du forum'
    } ,

    fb : {
    enable : false,
    title : 'Facebook'
    },



    rss : {
    enable : false,
    title : 'Flux  RSS'
    },

    /* START CUSTOM SHARE BUTTONS */

    /* extra share buttons */
    pinterest : {
    enable : false,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/60/73/pinter10.png" />',
    title : 'Pinterest',

    onclick : function(e) {
    var media = prompt('Vous êtes sur le point d\'épingler cette page. Partager une image?');

    if (media == null) return false;
    else if (media == '') media = $('meta[property="og:image"]').attr('content') || '';

    window.open('http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(window.location.href) + (media ? '&media=' + encodeURIComponent(media) : '') + '&description=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },

    tumblr : {
    enable : false,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/tumblr11.png" />',
    title : 'Tumblr',

    onclick : function(e) {
    window.open('http://www.tumblr.com/share/link?url=' + encodeURIComponent(window.location.href), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },

    reddit : {
    enable : false,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/reddit10.png" />',
    title : 'Reddit',
    onclick : function(e) {
    window.open('http://www.reddit.com/submit?url=' + encodeURIComponent(window.location.href) + '&title=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },
// AJOUT GENERATEUR D IMAGE CLIQUABLE
 Generateur:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f58/16/47/45/04/pourba10.png" />',
    href : 'https://www.quadsalvetain.com/h6-creer-un-generateur-d-image-cliquable',
    title : 'Générateur d\'images cliquables',
       target : '_blank'
    } ,      
// SCRIPT CONCERNANT Espace entre bouton

    M14_FA_Espace:{
    enable :true
    },
// SCRIPT CONCERNAN bouton haut bas toulbar


    top : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba38.png" />',
    title : 'Haut de la page',
    href : '#top'
    },


    bottom : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba37.png" />',
    title : 'Bas de page',
    href : '#bottom'
    }

    /* END CUSTOM SHARE BUTTONS*/

    }
    },

    newList = document.createElement('SPAN'),
    fa_share,
    fa_share_text,
    existingNode,
    newNode,
    i, k;

    $(function() {
    fa_share = document.getElementById('fa_share');
    fa_share_text = document.getElementById('fa_share_text');
    if (!fa_share) return;

    // apply new share text
    if (fa_share_text) fa_share_text.innerHTML = share.text + ' : ';

    // redefine share buttons
    for (i in share.buttons) {
    existingNode = document.getElementById('fa_' + i);

    // modify exisiting share buttons
    if (existingNode) {
    if (share.buttons[i].enable) {
    for (k in share.buttons[i]) if (k != 'enable') existingNode[k] = share.buttons[i][k];
    newList.appendChild(existingNode);
    }
    else existingNode.parentNode.removeChild(existingNode);
    }

    // create a new share button
    else if (share.buttons[i].enable) {
    newNode = document.createElement('A');
    newNode.id = 'fa_' + i;

    for (k in share.buttons[i]) if (k != 'enable') newNode[k] = share.buttons[i][k];
    if (!newNode.href) newNode.href = '#';

    newList.appendChild(newNode);
    }

    }

    fa_share.appendChild(newList);
    });
    });





// SCRIPT CONCERNANT FAQ quelque peu originale


if(location.pathname == '/faq')
    $(function(){
    //on donne une apparence aux titres de la FAQ
    $('dt.subtitle').css({"color":"grey","fontWeight":"bold","fontStyle":"italic","textAlign":"center"});
    //on donne une infobulle puis au clic...
    $('dd[onclick^="return"]').attr('title','Afficher/Masquer le contenu').click(function(){
    //on donne une class
    $(this).next().addClass('M14_effet_Faq');
    //on place le bouton de fermeture
    $('dd p').append('<span class="M14_Close_Faq"title="cliquez pour fermer">x</span>');
    //on donne l apparence reelle au bloc
    $(this).next().animate({
    //on positionne le bloc a  15% de la gauche
    left:'15%',
    //on positionne le bloc a  15% de la droite
    right:'15%',
    //on positionne le bloc a 45% du haut
    top:'45%' ,
    //on demande la difference en largeur 100 - 15 -15 = 70
    width:'70%' ,
    //on demande une opacity a 1
     opacity:'1'
    });
    //La fermeture
    $(' .M14_Close_Faq').click(function(){
    $('.M14_effet_Faq').fadeOut();
    });
    });});

// FIN SCRIPT CONCERNANT FAQ quelque peu originale




//  CONCERNANT infobulle originale sur les titres Texte

$(function(){
          // general options for editing the tooltip
          // see more : http://iamceege.github.io/tooltipster/#options
          var options = {
            animation : 'fade',
            arrow : true,
            speed : 300,
            delay : 300,
            onlyOne : true,
            theme : 'tooltipster-default'
          },
        
          // delay execution by placing the function into another queue
          // helps with applying to other JS created elements such as the editor
          queue = true,
          titles,
        
          parse = function() {
            titles = $('[title]');
            titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered').tooltipster(options);
          };
        
          queue ? $(parse) : parse();
        });

//  FIN CONCERNANT infobulle originale sur les titres Texte







// SCRIPT CONCERNANT Info Global profil sur clic pseudo

$(function () {
          if (/\/u\d+/.test(location.pathname)) return;
        
          var wall = 0, // Onglet visiteur
          stats = 1, // Onglet statistiques
          attachments = 0, // Onglet fichiers joints
          friends = 1, // Onglet amis
          contact = 1, // Onglet contacts
          rpg = 0, // Onglet RPG
          close = 1, // Fermeture de la popUp
          avatar = 1; // Afficher l avatar
        
          var a=document.getElementsByTagName('A');
          for(i=0;i<a.length;i++)if(/\/u\d+/.test(a[i].href))a[i].className=a[i].className+' profilePopup';
          $('.profilePopup:has(img)').removeClass('profilePopup');
          
          var userWall='',userStats='',userAttachments='',userFriends='',userContact='',userRpg='',userClose='',guestView=true;
          if(wall==1)userWall='<span class="propop_tab" id="propop_vm">Messages des visiteurs</span>';if(stats==1)userStats='<span class="propop_tab" id="propop_stats">Statistiques</span>';if(attachments==1)userAttachments='<span class="propop_tab" id="propop_attach">Fichiers joints</span>';if(friends==1)userFriends='<span class="propop_tab" id="propop_friends">Ami(e)s</span>';if(contact==1)userContact='<span class="propop_tab" id="propop_contact">Contacts</span>';if(rpg==1)userRpg='<span class="propop_tab" id="propop_rpg">Feuille de personnage</span>';if(close==1)userClose='<span class="propop_tab" id="close_popup" style="float:right;margin-top:-4px;">Fermer</span>';
        
          $('.profilePopup').click(function(){
            var UID=$(this).attr('href'),UNM=$(this).text(),SEL='#cp-main .panel, .forumline:has(#profile-advanced-details), .clear + #profile-advanced-details',LOAD='<div class="profileLoading" style="text-align:center;font-weight:bold;font-size:18px;">Loading...</div>';
            $('body').append('<div id="profilefilter" style="position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:url(https://i.servimg.com/u/f39/18/21/41/30/overla10.png);cursor:pointer;z-index:10;"></div><div id="profcont-container" style="background:#b8fcbf;border:1px solid #CCC;top:20%;left:15%;right:15%;padding:4px;position:fixed;font-size:12px;border-radius:5px;z-index:50;"><div class="profile_popup_nav">'+userWall+'<span class="propop_tab" id="propop_profile">Profil</span>'+userStats+userAttachments+userFriends+userContact+userRpg+userClose+'</div><a href="'+UID+'"><div id="userAVA"></div></a><div id="userprofile" style="height:400px;overflow-y:auto;">'+LOAD+'</div><span id="profileLinks"><a href="'+UID+'">Voir le Profil</a><span id="interactionLinks"> • <a href="/privmsg?mode=post&u='+UID.replace(/.*?\/u/,'')+'">Envoyer un MP</a><span style="float:right;"><a href="/profile?friend='+UNM.replace(/\s+/g,'+')+'&mode=editprofile&page_profil=friendsfoes">Ajouter aux amis</a></span></span></div>');
        
            $('#userprofile').load(UID+SEL,function(){if($('#profcont-container #username').length&&_userdata.user_id==-1){$(this).html('<div class="profileLoading" style="text-align:center;font-weight:bold;font-size:18px;">Sorry, guests cannot view the profiles! :(</div>');guestView=false}});
            $('#propop_profile').addClass('activeTab');
            if (avatar == 1) $('#userAVA').load(UID+' #profile-advanced-right .module:first div img:first, .forumline td.row1.gensmall:first > img:first, .frm-set.profile-view.left dd img:first, dl.left-box.details:first dd img:first, .row1 b .gen:first img:first, .real_avatar img:first');
            loadPro('#propop_profile','');loadPro('#propop_vm','wall');loadPro('#propop_stats','stats');loadPro('#propop_friends','friends');loadPro('#propop_contact','contact');loadPro('#propop_rpg','rpg');loadPro('#propop_attach','attachments');
          
            if(wall==0)$('#vmLink').remove();
            if(!document.getElementById('logout'))$('#interactionLinks').remove();
            $('#profilefilter,#close_popup').click(function(){$('#profilefilter, #profcont-container').remove()});
            function loadPro(element, location){$(element).click(function(){if($(this).hasClass('activeTab')||guestView==false)return;$('#propop_profile,#propop_vm,#propop_stats,#propop_friends,#propop_contact,#propop_rpg,#propop_attach,#propop_close').removeClass('activeTab');$(this).addClass('activeTab');$('#userprofile').html(LOAD).load(UID+location+SEL)})}
            return false;
          });
        });

// FIN SCRIPT CONCERNANT Info Global profil sur clic pseudo






Dernière édition par Quad Daniel le Mer 14 Juin 2017 - 12:21, édité 2 fois

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Sam 10 Juin 2017 - 20:37
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Bonjour Daniel

Il existe un code qui fonctionne , et qui émettra un son dès qu'une personne écrit une phrase . ( sauf la sienne )


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cocher sur l'index



Code:
window.localStorage && $(window).load(function() {
          var chatbox_script = function() {
            var sounds = {
              'future': 'https://illiweb.com/fa/fdf/future.mp3',
              'hal': 'https://illiweb.com/fa/fdf/hal.mp3',
              'secret': 'https://illiweb.com/fa/fdf/secret.mp3',
              'zelda': 'https://illiweb.com/fa/fdf/zelda.mono.mp3'
            };
            var default_sound = sounds['zelda'];
            var default_freq = 'all';
            var default_when = 'always';
            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.readyState > 0) 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) {
                if(a.readyState > 0) 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 && data.messages.length) {
                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);
                    if(when != "never" && (when != "off" || localStorage.cb_blurred) && (when != "on" || !localStorage.cb_blurred) && (when != "once" || (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){}})
        });

Pensez a cliquer sur le bouton Valider

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Dim 11 Juin 2017 - 10:03
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Bonjour Jean,
cela ne fonctionne pas ? 
j'ai coché dans le JS sur toutes les pages
je vois bien dans le code true! qui me semble vouloir confirmé la sonnerie, mais je n'y connais pas trop dans les codes;
je suis pas doué comme vous.

par-contre une fois connectée là on entend la sonnerie , mais le but, c'est que les membres soient averties quand le chatbox est fermés
Cordialement

image configuration

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Dim 11 Juin 2017 - 17:28
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Bonjour Daniel

Oui en effet , il faut être connecté sur la Chatbox pour l'entendre , dans un sens ça me parait logique .

Si tu laisses ta Chatbox désactivé comme sur la capture d'écran , elle ne sera pas visible donc personne ne peut la voir , ni l'entendre . pasvuT

Je crains que ce que tu demandes ne soit pas possible .

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Dim 11 Juin 2017 - 18:28
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonsoir Jean, 
non elle n'est pas désactivé sur mon forum, elle est sur le côté gauche, comme je dis en haut, je souhaite qu'elle ne soit pas ouverte en grand sur le forum en permanence, et que l'on ouvre uniquement quand un membre écrit dessus.

voir en image 
Image chatbox:


Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Lun 12 Juin 2017 - 16:42
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Ok Daniel

Par contre je crains que le script ne fonctionnera pas si elle n'est pas vraiment ouverte , car si il faut cliquer dessus pour l'ouvrir on ne peut pas avoir le même résultat .

Pourquoi ne pas la désactiver juste sur ton pseudo , si tu ne veux pas la voir ? Si tu as un admin ou un modérateur de confiance qui va régulièrement sur le tchat , il pourra modérer et éventuellement te prévenir en cas de soucis .

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Lun 12 Juin 2017 - 17:39
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Jackymi a écrit:Ok Daniel

Par contre je crains que le script ne fonctionnera pas si elle n'est pas vraiment ouverte , car si il faut cliquer dessus pour l'ouvrir on ne peut pas avoir le même résultat .

Pourquoi ne pas la désactiver juste sur ton pseudo , si tu ne veux pas la voir ? Si tu as un admin ou un modérateur de confiance qui va régulièrement sur le tchat , il pourra modérer et éventuellement te prévenir en cas de soucis .

bonjour;Jean
pour l' esthétique du forum, je fais en sorte d'avoir un forum qui, plais à tous et utilisable par tous;sur forum actif, il y a longtemps, j'avais vu un script avec une inscription du nombre de tchat ou connecté sur le chatbox sur la barre Toulbar,donc voila ma question, serait-t-il alors possible puisque la sonnerie agit qu'une fois connecter de mettre une image dans le style tchat  pour informer par image que quelqu'un ait connecté sur la chatbox
Cordialement

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Lun 12 Juin 2017 - 19:28
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Hello Daniel

il existe une approche, par contre le tuto n'a pas encore été divulgué par son créateur sur Forumactif, donc en toute logique sans autorisation de le divulguer , juste à le faire fonctionner si les membres y arrivent .

https://www.milouze14.com/t29670-sujet-resolubouton-chatbox-sur-barre-de-notification


Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Lun 12 Juin 2017 - 21:15
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour jean, oui il existe je les trouvé moi sur forumactif, mais j'ai pas pu le mettre car comme indiqué sur le lien que tu a mis, quant je les mis enfin celui de forumactif la chatbox s'ouvre en bas et elle est trop petite est illisible bref affreux..
par-contre je suis aller voir le lien que tu m'a mis ; alors là je suis perdu, j'y comprend rien du tout.

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 10:07
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Bonjour Daniel

En quelques mots le script permet d'afficher le nombre de connectés de la Chatbox directement sur la toolbar , sur un bouton qui permet par un clic d'aller en bas de page vers le tchat directement .

De plus, il affiche une info bulle également sur la toolbar , qui permet de savoir si il y a un nouveau message .



Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cocher sur l'index.
Pensez a cliquer sur le bouton Valider



Code:
(function(){if(!window.FA)window.FA={};if(FA.Chat){if(window.console)console.warn('FA.Chat has already been initialized');return}FA.Chat={config:{height:'60%',width:'70%',live_notif:true,sound_notif:{enabled:false,file:'https://illiweb.com/fa/fdf/zelda.mono.mp3'},notifRate:10000},lang:{chatbox:'Chatbox',new_msg:'Un nouveau message a été posté dans la <a href="javascript:FA.Chat.toggle();">chatbox</a>.'},node:{},users:0,messages:'initial',actif:false,notifActif:false,init:function(){var right=document.getElementById('fa_toolbar'),container=document.createElement('DIV'),button=document.createElement('A'),audio;button.id='fa_chat_button';button.innerHTML=FA.Chat.lang.chatbox+' <span id="fa_chatters"title="Membres connectés">(0)</span>';button.onclick=FA.Chat.toggle;FA.Chat.node.button=button;container.id='fa_chat_container';container.innerHTML='<iframe id="fa_chat" src="/chatbox/index.forum"></iframe>';
    container.style.width=FA.Chat.config.width;container.style.height=FA.Chat.config.height;
    container.style.bottom='-'+FA.Chat.config.height;
    container.style.visibility='hidden';if(right)
    {right.insertBefore(button,right.lastChild);
    document.body.appendChild(container);
    if(FA.Chat.config.sound_notif.enabled){audio=document.createElement('AUDIO');audio.src=FA.Chat.config.sound_notif.file;if(audio.canPlayType){FA.Chat.node.audio=audio;document.body.appendChild(audio)}}FA.Chat.node.container=document.getElementById('fa_chat_container');FA.Chat.node.chatters=document.getElementById('fa_chatters');FA.Chat.node.frame=document.getElementById('fa_chat');FA.Chat.node.frame.onload=FA.Chat.getFrame}delete FA.Chat.init},getFrame:function(){if(FA.Chat.poll)window.clearInterval(FA.Chat.poll);if(this.contentDocument||this.contentWindow){FA.Chat.window=this.contentWindow;FA.Chat.document=this.contentDocument?this.contentDocument:FA.Chat.window.document;FA.Chat.node.message=FA.Chat.document.getElementById('message');FA.Chat.node.members=FA.Chat.document.getElementById('chatbox_members');FA.Chat.poll=window.setInterval(FA.Chat.listen,300)}},listen:function(){var users=FA.Chat.node.members.getElementsByTagName('LI').length,messages=FA.Chat.window.chatbox.messages.length;if(users>FA.Chat.users||users<FA.Chat.users){FA.Chat.users=users;FA.Chat.node.chatters.innerHTML='('+FA.Chat.users+')'}if((FA.Chat.messages=='initial'&&messages)||FA.Chat.notifActif||FA.Chat.actif)FA.Chat.messages=messages;if(!FA.Chat.actif&&!FA.Chat.notifActif&&FA.Chat.window.chatbox.connected&&(messages>FA.Chat.messages||messages<FA.Chat.messages)){FA.Chat.messages=messages;FA.Chat.notifActif=true;if(FA.Chat.config.live_notif)FA.Chat.notify(FA.Chat.lang.new_msg);if(FA.Chat.config.sound_notif.enabled&&FA.Chat.node.audio)FA.Chat.node.audio.play();window.setTimeout(function(){FA.Chat.notifActif=false},FA.Chat.config.notifRate)}},notify:function(msg){var notif=document.createElement('DIV'),live=document.getElementById(Toolbar.LIVE_NOTIF);notif.className='fa_notification';notif.innerHTML='<div class="content ellipsis">'+msg+'</div>';notif.style.display='none';$(notif).mouseover(function(){$(this).stop(true,true)});$(notif).mouseleave(function(){$(this).delay(5000).fadeOut()});live.insertBefore(notif,live.firstChild);$(notif.firstChild).dotdotdot();$(notif).fadeIn(100,function(){$(this).delay(10000).fadeOut()})},toggle:function(){var container=FA.Chat.node.container.style;if(/hidden/i.test(container.visibility))
    {FA.Chat.node.button.className='fa_chat_active';

    container.bottom='3px';window.setTimeout(function()
    {FA.Chat.node.message.focus()},350)}else{FA.Chat.node.button.className='';FA.Chat.actif=false;container.visibility='hidden';container.bottom='-'+FA.Chat.config.height}}};$(function()

    {if(_userdata.session_logged_in)$(FA.Chat.init)})})();
      
                                                        
      
    $(function(){$(function(){
    $('#fa_chat_button').click(function(){
    $(this).attr('href','#bottom');
    });
    })});



Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Code:
/* Chatbox sur la toolbar */
    
      /*on place le bouton*/
    #fa_chat_button {

 right: 220px !important;
position: absolute !important;
color: white !important;
font-size: 13px !important;
line-height: 30px !important;
text-decoration :none !important;
cursor:pointer;
}

   #fa_chat_button:hover {
   color:yellow ! important;
   }
  /*La chatbox active*/
    #fa_chat {
   position:fixed;
   border: none;
   left:0px;
   right:0ox;
    }
    
  /* Fin de la Chatbox sur la toolbar */


J'ai placé le bouton à droite de la toolbar , afin de l'adapté à ton forum .
Tu peux changer la couleur de la police d'écriture sur cette partie du css

Code:
 #fa_chat_button

Remplace ;

Code:
color: white !important;

Par la couleur verte qui fait parti de ta toolbar .


Dis nous ce que t'en penses .  clin oeil

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 12:45
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour jean; impeccable
c'est cela que j’avais déjà mis 
puisque, l'on peut pas avoir d'image a la place écriture (dommage) je vais le remettre .
j'ai mis l'écriture en Vert (#B7F58B)
par-contre un petit problème
j'ai l’Écriture sur "bienvenue" serai t'il possible de le décalé, sur la Gauche, et aussi d'avoir le texte en gras et légèrement plus gros
amicalement
Daniel

problème sur image: 

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 13:42
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Daniel a écrit:
par-contre un petit problème
j'ai l’Écriture sur "bienvenue" serai t'il possible de le décalé, sur la Gauche, et aussi d'avoir le texte en gras et légèrement plus gros

Re

Oui bien sûr , remplace cette partie du css :

Code:
     /*on place le bouton*/
    #fa_chat_button {

 right: 220px !important;
position: absolute !important;
color: white !important;
font-size: 13px !important;
line-height: 30px !important;
text-decoration :none !important;
cursor:pointer;
}

   #fa_chat_button:hover {
   color:yellow ! important;
   }


Par celle ci :

Code:
     /*on place le bouton*/
    #fa_chat_button {

 right: 260px !important;
position: absolute !important;
color: #B7F58B !important;
font-size: 16px !important;
line-height: 30px !important;
text-decoration :none !important;
font-weight: bold;
cursor:pointer;
}

   #fa_chat_button:hover {
   color:yellow ! important;
   }



Pensez à valider les modifications en cliquant sur le bouton Valider   clin oeil

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 14:46
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
merci cela fonctionne j'ai juste décalé sur la gauche , au vu des differance code css j'ai donc mis le décalage a 320 a la place de 260..
juste une dernière chose;
est t'il possible maintenant d'avoir les chiffres ou nom Chatbox qui change de couleur au message écrit 
EX:
 sans message

 avec message

ou


ou

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 17:58
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Hum, pour avoir les chiffres ou nom Chatbox qui change de couleur au message écrit , je ne vois pas .

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 18:57
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
merci beaucoup jean pour ton aide jusque là.  impeccable
 je vais attendre voir si quelqu'un d'autre ou philippe peut aidé ou pas !

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 19:33
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
malheureusement avec ce type de script,
on ne peut intervenir sur la couleur dès qu'un nouveau message arrive clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 19:40
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
et bien au début voulais ouvrir une image avec sonnerie, mais il semble que cela est impossible ?

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 19:49
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum avec le script fourni par Jean, on ne pourra rien faire de plus......



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 20:08
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
est on ne peut pas le modifier ? pour avoir une image?

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mar 13 Juin 2017 - 21:11
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
Quad Daniel a écrit:est on ne peut pas le modifier ? pour avoir une image?

Je pense que non, sinon on te l'aurait proposé . clin oeil

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mer 14 Juin 2017 - 12:16
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bon et bien dommage, merci quand même pour votre aide  impeccable

Re: *RESOLU* Sonnerie sur la chatbox !

Sujet résolu le Mer 14 Juin 2017 - 12:44
Jackymi
avatar
Modérateur

MessageJackymi

  • 16px
  • 24px
  • Zoom
De rien, Daniel clin oeil

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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