Problème avec le bouton "mentionner" de la réponse rapide

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

Résolu Problème avec le bouton "mentionner" de la réponse rapide

Message par Hadhellia le Jeu 3 Aoû 2017 - 15:46

Détails techniques


Version du forum : ModernBB
Poste occupé : Modérateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le 02/08/2017
Lien du forum : http://epicode.bbactif.com/

Description du problème

Bonjour à vous !
Je rencontre actuellement un problème avec un script que j'ai trouvé à la suite d'un tutoriel sur votre forum. Il s'agit de celui concernant l'ajout d'un bouton "Mentionner" où l'on peut inscrire le pseudonyme d'un utilisateur que l'on souhaite voir notifié. Cependant, l'icône ne s'affiche pas correctement dans l'éditeur, puisque ce n'est plus le signe ALT mais le logo Youtube.

Je n'ai rencontré ce problème que sur ModernBB, puisque je l'ai testé sur les versions antérieures.

Voilà le code de mon script.

Placement : sur toutes les pages
Code:
$(function(){
  if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;
  var storage = window.localStorage, s = document.createElement('SELECT'), amis;
 
  if (storage && storage.faAmis && storage.faAmisExp > +new Date - 29*59*1000 && storage.faAmisUser == _userdata.username) s.innerHTML = storage.faAmis;
  else {
      $.get('/privmsg?mode=post', function(d) {
        amis = $('select[name="userfriend"]', d)[0] || 0;
 
        if (amis) {
            amis.firstChild.innerHTML = 'Sélectionner un ami';
            s.innerHTML = amis.innerHTML;
        }
 
        if (storage) {
            storage.faAmis = amis ? amis.innerHTML : 0;
            storage.faAmisUser = _userdata.username;
            storage.faAmisExp = +new Date;
        }
      });
  }
 
 
  $.sceditor.command.set('mention', {
      dropDown : function(editor, caller, callback) {
        var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT');
        b.type = 'button';
        b.value = 'Insert';
        b.className = 'button';
 
        c.type = 'text';
        c.id = 'fa-mention';
 
        a.innerHTML = '<div><label for="fa-mention">Pseudo de l\'utilisateur :</label></div>' + ( s.innerHTML ? '<div><label>Mentionner un ami :</label></div>' : '' ) + '<div></div>';
        a.firstChild.appendChild(c);
        a.lastChild.appendChild(b);
 
        if (s.innerHTML != 0) {
            s.value = '';
            a.getElementsByTagName('DIV')[1].appendChild(s);
            s.onchange = function() {
              c.value = s.value;
            };
        }
 
        b.onclick = function() {
            c.value && callback(c.value);
            editor.closeDropDown(true);
        };
 
        editor.createDropDown(caller, 'insertmention', a);
      },
 
      exec : function(c) { mention(c, this) },
      txtExec : function(c) { mention(c, this) },
 
      tooltip : 'Mentionner un membre'
  });
 
  toolbar = toolbar.replace(/quote,/,'mention,quote,');
 
  function mention(c, e) {
      $.sceditor.command.get('mention').dropDown(e, c, function(pseudo) {
        e.insertText('@"' + pseudo + '" ');
      });
  }
});

S'il manque une quelconque information, n'hésitez pas à m'en faire part !
Merci à vous Very Happy

EDIT : Finalement, j'ai réussi à m'en sortir avec du CSS
Code:
/* BOUTON MENTIONNER REPONSE RAPIDE */
.sceditor-button-mention{
  width:28px!important;
  height:32px!important;
  background-image:url('https://puu.sh/x1iua/a860f16dfc.png')!important;
  background-repeat:no-repeat!important;
  background-position:5px 6px;
}
.sceditor-button:hover{
  background-position:5px 6px!important;
}
.sceditor-button-mention > div{
  display:none!important;
}
.sceditor-button-mention > div:before{
  content:'';
  width:16px;
  height:16px;
}
avatar

Hadhellia
*

Féminin
Messages : 33
Inscrit(e) le : 21/03/2015

http://ozeriah.forumactif.org
Hadhellia 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