Cum să faceți sistemul de mențiuni mai ușor de utilizat

Introducere

Instalare

Adăugare @ în fața numelui de utilizator

• Titlu: Adăugare @ în fața numelui de utilizator
  
• Amplasare: Toate paginile
  
• Cod JavaScript: Copiați și introduceți codul de mai jos

Cod:

/* VERSIUNI FORUM - NU UITA SA MODIFICI!
 * 0 = PHPBB2
 * 1 = PHPBB3
 * 2 = PUNBB
 * 3 = INVISION
 */
$(function() {
  var version = 0;
 
  if (/mode=reply/.test(window.location.search) && my_getcookie('fa_mention')) {
      document.post.message.value += '@"' + my_getcookie('fa_mention') + '" ';
      my_setcookie('fa_mention',''); 
  } if (!/\/t\d+/.test(window.location.pathname)) return;
 
  for (var a = $(['.name strong a', '.postprofile dt strong a', '.username a', '.postprofile dt a ~ a'][version]), b, i = 0, j = a.length, t = document.getElementById('text_editor_textarea'); i<j; i++) {
      b = document.createElement('A');
      b.title = 'Mentioneaza pe ' + $(a[i]).text();
      b.style.marginRight = '3px';
      b.className = 'fa-mention';
      b.innerHTML = '@';
      b.href = '#';
      b.onclick = function() {
        var n = this.title.replace(/^.*?\s/,'');
   
        if ($.sceditor) t.insertText('@"' + n + '" ');
        else {
            my_setcookie('fa_mention', n);
            window.location.href = '/post?t=' + window.location.pathname.replace(/\/t(\d+)-.*/,'$1') + '&mode=reply';
        }
   
        return false;
      };
 
      a[i].parentNode.insertBefore(b, a[i]);
  }
 
  $(function(){
      if (!$.sceditor) return;
      t=$(t).sceditor('instance');
  });
});

Cod:

   
        a.fa-mention {
          color:#333;
        }
       
     
        a.fa-mention:hover {
          color:#666;
        }

Adăugarea unui buton de menționare

• Titlu: Adăugarea unui buton de menționare
  
• Amplasare: Toate paginile
  
• Cod JavaScript: Copiați și introduceți codul de mai jos

Cod:

/* VERSIUNI DE FORUM - NU UITA SA MODIFICI!
        * 0 = PHPBB2
        * 1 = PHPBB3
        * 2 = PUNBB
        * 3 = INVISION
        */
        $(function() {
          var version = 0,
              image = 'https://i.servimg.com/u/f19/18/21/60/73/mentio10.png';
         
          if (/mode=reply/.test(window.location.search) && my_getcookie('fa_mention')) {
            document.post.message.value += '@"' + my_getcookie('fa_mention') + '" ';
            my_setcookie('fa_mention',''); 
          } if (!/\/t\d+/.test(window.location.pathname)) return;
         
          for (var a = $(['.post-options', '.profile-icons', '.post-options', '.posting-icons'][version]), b, c, d = ['.name strong a', '.author a', '.username a', '.author a'][version], e, i = 0, j = a.length, t = document.getElementById('text_editor_textarea'), l = version == 1 || version == 3; i<j; i++) {
            b = document.createElement('IMG');
            b.src = image;
            b.alt = 'Mentioneaza';
            b.title = 'Mentioneaza ' + $(a[i]).closest('.post').find(d + ':not(.fa-mention)').text();
            b.className = 'i_icon_mention';
            b.onclick = function() {
              var n = this.title.replace(/^.*?\s/,'');
             
              if ($.sceditor) t.insertText('@"' + n + '" ');
              else {
                my_setcookie('fa_mention', n);
                window.location.href = '/post?t=' + window.location.pathname.replace(/\/t(\d+)-.*/,'$1') + '&mode=reply';
              }
            };
       
            if (l) {
              c = document.createElement('LI');
              c.appendChild(b);
            }
           
            a[i].insertBefore(l ? c : b, a[i].firstChild);
          }
         
          $(function(){
            if (!$.sceditor) return;
            t=$(t).sceditor('instance');
          });
        });

Adăugarea unui buton de menționare în editorul de mesaje

• Titlu: Adăugarea unui buton de menționare în editorul de mesaje
  
• Amplasare: Toate paginile
  
• Cod JavaScript: Copiați și introduceți codul de mai jos

Cod:

$(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 = 'Selecteaza un prieten';
                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 = 'Mentioneaza';
              b.className = 'button';
         
              c.type = 'text';
              c.id = 'fa-mention';
         
              a.innerHTML = '<div><label for="fa-mention">Nume utilizator:</label></div>' + ( s.innerHTML ? '<div><label>Mentioneaza un prieten:</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 : 'Mentioneaza un membru'
          });
       
          toolbar = toolbar.replace(/quote,/,'mention,quote,');
       
          function mention(c, e) {
            $.sceditor.command.get('mention').dropDown(e, c, function(pseudo) {
              e.insertText('@"' + pseudo + '" ');
            });
          }
        });

Cod:

        /* Imaginea butonului */
        .sceditor-button-mention div { background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
       
        /* Aspect meniu drop-down */
        #fa-mention {
          background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
          padding-left:22px;
        }