Make the mentioning system easier to use

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Internet Explorer
Who the problem concerns : All members
When the problem appeared : When I ws following the Tutorial
Forum link : http://guardianscreations.forumotion.com

Description of problem

Hello there,

I was following everything that the tutorial told me to do. Here is the tutorial I went by https://help.forumotion.com/t140358-make-the-mentioning-system-easier-to-use

Need some help why this isn't working.

Did you follow this?

The first two scripts provided are optimized for all forum versions, provided you have not heavily modified your templates. You will see a variable at the top of these scripts titled version. Be sure to change the number to the one that corresponds to your forum version. The options are :

0 : PHPBB2
1 : PHPBB3
2 : PUNBB
3 : INVISION

Postprofile Mention One
I have phpbb3 

Code:

/* FORUM VERSIONS
 * 0 = PHPBB2
 * 1 = PHPBB3
 * 2 = PUNBB
 * 3 = INVISION
 */
$(function() {
  var version = 1;
 
  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 = 'Mention ' + $(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');
  });
});

New Java script 
Mention Button

Code:

/* FORUM VERSIONS
 * 0 = PHPBB2
 * 1 = PHPBB3
 * 2 = PUNBB
 * 3 = INVISION
 */
$(function() {
  var version = 1,
      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 = 'Mention';
    b.title = 'Mention ' + $(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');
  });
});

 Then Last one SCeditor Button

Code:

/* FORUM VERSIONS
 * 0 = PHPBB2
 * 1 = PHPBB3
 * 2 = PUNBB
 * 3 = INVISION
 */
$(function() {
  var version = 1,
      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 = 'Mention';
    b.title = 'Mention ' + $(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');
  });
});

I also copy and paste the ones I need in my CSS -  

What am I doing wrong

What option (In Topics, All Pages, etc.)  did you pick for the JavaScripts?

Is JavaScript Management activated?

It could be that they are conflicting with what you already have.  Try this:  remove all of them and test them one by one.

The first two scripts provided are optimized for all forum versions, provided you have not heavily modified your templates.

No.  I means it will not work if your templates are heavily modified.

Is your templates heavily modified?

Please send me a test account that has access to the administration panel by PM.

Ok

Please go to the templates and check yes for force default templates.

No.

AP > Display > Templates

Click one of the options and check the yes box for force the default templates that show appear above the list.

I located the issue.  They are conflicting with the other JavaScripts you had already.

One I saw is not correct.

Code:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-135451341-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-135451341-1');
</script>

This is JavaScript, but it is not for that section.  You can add it somewhere else.  JavaScript in the management is not coded that way.

Also is this one exactly working?

Code:

<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 2000px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 173px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;"><iframe src="http://www3.cbox.ws/box/?boxid=3474458&boxtag=ba9q4c&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain3-3474458" id="cboxmain3-3474458"></iframe></div>
<div style="position: relative; height: 127px; overflow: hidden; border: 0px solid; border-top: 0px;"><iframe src="http://www3.cbox.ws/box/?boxid=3474458&boxtag=ba9q4c&sec=form" allow="autoplay" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform3-3474458" id="cboxform3-3474458"></iframe></div>
</div>
<!-- END CBOX -->

Also you do not have JavaScript in the solved one.

What exactly is the solved one for?

I wanted for my game sections, for instance like the Las post game, the last one gets the last one wins the game, then I wanted to put solved or something like that idea so I can go back and see who needs a price for winning that game


So I notice that Mention button and the @sign in SC editor is gone, it was showing up minute ago and now its gone.

You do not need a JavaScript for that.  I will get the link to how to add a solved image.