IMPORTANT

FM Design will be closing soon, please click here for more information.

Latest topics
» Forum Closure
by brandon_g Yesterday at 17:00

» [GAME] Countdown from 200,000
by SLGray Sat 09 Dec 2017, 17:49

» [GAME] Count to One Million!
by SLGray Sat 09 Dec 2017, 17:49

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Asking about some plugin for Forumotion
by SarkZKalie Wed 06 Dec 2017, 09:14

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

» Numbering of messages in the topic
by SLGray Mon 04 Dec 2017, 22:40

» Support Forums and Social Networks
by SLGray Mon 04 Dec 2017, 22:38

» Browsers & Updates
by Wolfuryo Mon 04 Dec 2017, 15:20

» Logo/Favicon
by Mr_Grande Mon 04 Dec 2017, 09:55

» Broadcasting Duo
by brandon_g Sun 03 Dec 2017, 11:01

» IconSkouliki Graphics
by skouliki Thu 30 Nov 2017, 07:59

» [HELP] About Profile Cover Code
by omarpop23 Thu 30 Nov 2017, 04:17

Recent Tutorials
Who is online?
In total there are 10 users online :: 0 Registered, 0 Hidden and 10 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Widget : Staff Online

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4715
Points : 9615
Reputation : 2344
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Tue 23 Sep 2014, 02:44

First topic message reminder :

This tutorial will allow you to add a widget which displays the currently active staff members on your Forumotion forum. The widget should function for all forum versions, so long as the steps below are followed.


Click to view demo


Permissions

To ensure the widget functions properly some permissions should be modified. Go to Administration Panel > Users and Groups > Special rights and locate the Users status display. If you are planning to display this widget for guests, ensure that the viewing permission is set to Guests. Otherwise, choose an option you prefer.



Installing

To install this widget go to Administration Panel > Modules > Forum widgets management and create a new widget.

Widget name(both) : Your choice
Use a table type : Yes
Paste the code below and save :
Code:
<script type="text/javascript">
myStaff = ['Ange Tuteur', 'Ange'];
staff_cache_time = 4*60*1000; // mm*ss*ms;
</script>

<div id="theStaff"></div>
<div id="theContent" style="display:none"></div>
<noscript><div style="color:red;font-size:9px">Functionality of this widget is not possible, as JavaScript is disabled or unsupported.</div></noscript>

<script type="text/javascript">
if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);
else loadStaff();
function loadStaff() {
  jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {
    for (i=0; i<myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).text() === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
    if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('No staff online');
    if (window.localStorage) {
      localStorage.staffOn = jQuery('#theStaff').html();
      localStorage.staffEx = +new Date;
    }
  })
}
</script>


Modifications

At the top of the widget are some variables that you should modify.

myStaff = ['Ange Tuteur', 'Ange']; : This is the list of members that you want the widget to display when they're online. Each member must be written exactly as their username, and should be between single or double quotes. Multiple members should be separated by commas, for example : ['Member 1', 'Member 2', 'Member 3', 'Member 4'] and so on...

staff_cache_time = 4*60*1000; : This is used to cache the results to prevent continuous requests when changing pages. The default cache time is 5 minutes, this can be changed if you wish.

.myStaff : This is a class name added to each staff member in the widget. You can use this to modify the names to your liking.


Save your modifications,  drag the widget onto your forum, and you're done ! Very Happy


Questions

I wrote this up in a bit of a hurry, so questions can be left below if you're having trouble.


Notice
Tutorial written by Ange Tuteur.
Reproduction not permitted without consent from the author.


Last edited by Ange Tuteur on Wed 20 Apr 2016, 12:36; edited 3 times in total

avatar
Legionheart
Member
Title :
The Forum Contractor
Gender : Male
Age : 22
Posts : 22
Points : 722
Reputation : 6
Location : San Venganza
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile http://darknessflameacademy.forumotion.com/ https://www.facebook.com/cmaRHS

PostLegionheart on Thu 14 Jul 2016, 08:32

When you have time do you think you can help me by giving some steps on how to do that?
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4715
Points : 9615
Reputation : 2344
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Thu 14 Jul 2016, 08:51

Yeah, I'll try to get to it when I'm free. Salute
avatar
Legionheart
Member
Title :
The Forum Contractor
Gender : Male
Age : 22
Posts : 22
Points : 722
Reputation : 6
Location : San Venganza
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile http://darknessflameacademy.forumotion.com/ https://www.facebook.com/cmaRHS

PostLegionheart on Thu 14 Jul 2016, 08:53

@Ange Tuteur wrote:Yeah, I'll try to get to it when I'm free. Salute
Awesome, thank you. No rush!
avatar
Guest
Guest
View all awards

PostGuest on Thu 08 Dec 2016, 10:39

Works on Edge and looks great, with a small adjustment. Here's the Dutch translation:

CSS:
Code:
/*STAFF_ONLINE_WIDGET*/.monAva img {height:25px!important;width:25px!important;}
.myStaff a {display:inline-block;vertical-align:top;margin-top:.75em;margin-left:20px;}


Widget Code:
Code:
<script type="text/javascript">
  myStaff = ['/u1', '/u2'];
  staff_cache_time = 4*60*1000; // mm*ss*ms;
</script>       
<div id="theStaff">
</div>
<div style="display:none" id="theContent">
</div>
<noscript>
  <div style="color:red;font-size:9px">Functionaliteit van deze widget is momenteel niet beschikbaar, aangezien JavaScript uit staat of niet wordt ondersteund.</div>
</noscript>
<script type="text/javascript">
  if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);
  else loadStaff();
  function loadStaff() {
    jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {
      for (i=0; i<myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).attr('href') === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
      if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Momenteel is er geen personeel aanwezig op de site.');
      jQuery('.myStaff a').each(function() {
        var href = jQuery(this).attr('href');
        jQuery(this).before('<span class="monAva"></span>').prev().load(href + ' #profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', function() {
          if (window.localStorage) {
            localStorage.staffOn = jQuery('#theStaff').html();
            localStorage.staffEx = +new Date;
          }
        });
      });
    });
  }
</script>
avatar
snows
Member
Title :
Gender : Unspecified
Posts : 14
Points : 170
Reputation : 0
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile

Postsnows on Wed 12 Jul 2017, 19:05

Hey, i tried using the code but this is how it displayed, please help me out
avatar
Wolfuryo

Gender : Male
Posts : 252
Points : 1263
Reputation : 80
Language : Romanian and English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

PostWolfuryo on Thu 13 Jul 2017, 01:36

Hello,

You most likely made a mistake while pasting the code into the editor. Since you removed the code from your forum, we cannot help you with it.
avatar
snows
Member
Title :
Gender : Unspecified
Posts : 14
Points : 170
Reputation : 0
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile

Postsnows on Thu 13 Jul 2017, 02:20

@Wolfuryo wrote:Hello,

You most likely made a mistake while pasting the code into the editor. Since you removed the code from your forum, we cannot help you with it.
Have past the code, still errors  
this is my URL www.9jatech.ml
avatar
Query
New Member
Title :
Gender : Unspecified
Posts : 1
Points : 152
Reputation : 0
Language : Turkish & English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostQuery on Thu 13 Jul 2017, 05:33

Hello, I am using phpBB version 3.2.0 and I have integrated the code into the theme although I do not see active managers if I integrate only "No staff online". Please help me, my english is a little bad. @Ange Tuteur


Last edited by Query on Thu 13 Jul 2017, 05:34; edited 1 time in total (Reason for editing : add mention)
avatar
Wolfuryo

Gender : Male
Posts : 252
Points : 1263
Reputation : 80
Language : Romanian and English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

PostWolfuryo on Thu 13 Jul 2017, 10:29

This code was made for forumotion forums, not for the phpbb3.2 platform.
avatar
SLGray
Valued Member
Title :
Owner of 2 Forums
Gender : Male
Age : 44
Posts : 2465
Points : 4805
Reputation : 288
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : ModernBB
Awards :
View all awards
View user profile http://www.fmthemes.forumotion.com https://www.facebook.com/FM-Themes-655055824604957 https://twitter.com/FMThemes https://pinterest.com/FMThemes

PostSLGray on Fri 14 Jul 2017, 21:33

@snows wrote:Hey, i tried using the code but this is how it displayed, please help me out
Did you not notice you posted the numbers, too?  Remove them.
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4715
Points : 9615
Reputation : 2344
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 17 Jul 2017, 11:08

^^^^^^
Yes, the numbers will throw an error in JavaScript, because they're not part of the script. I'm assuming you pasted more than that though. Make sure that you paste the code in Source Mode and NOT WYSIWYG Mode. You can switch the editor mode by clicking the button that has the white piece of paper ; it should be the last button.
avatar
snows
Member
Title :
Gender : Unspecified
Posts : 14
Points : 170
Reputation : 0
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile

Postsnows on Mon 17 Jul 2017, 16:23

@Ange Tuteur wrote:^^^^^^
Yes, the numbers will throw an error in JavaScript, because they're not part of the script. I'm assuming you pasted more than that though. Make sure that you paste the code in Source Mode and NOT WYSIWYG Mode. You can switch the editor mode by clicking the button that has the white piece of paper ; it should be the last button.
Yes that was the mistake I made., the code is now working fine. Thanks for your help

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum