Latest topics
» Sticky navbar
by Joost Today at 11:04

» Logo Request
by Valoish Today at 10:23

» [HELP] Improve the reputation system so it counts votes
by omarpop23 Today at 02:55

» Chit Chat Thread
by Wolfuryo Yesterday at 11:23

» Dark Mode
by Ange Tuteur Yesterday at 10:22

» Help to update a code that does not work after JQuery Update!
by Ange Tuteur Yesterday at 10:18

» problen in Select a Category javascript
by Ange Tuteur Yesterday at 10:16

» random theme
by Ange Tuteur Yesterday at 10:16

» [GAME] Countdown from 200,000
by Wolfuryo Tue 27 Jun 2017, 14:46

» FM Chatbox
by Wolfuryo Tue 27 Jun 2017, 14:28

» [GAME] Animal Game
by Valoish Tue 27 Jun 2017, 11:32

» [GAME] What are you doing right now?
by Valoish Tue 27 Jun 2017, 11:32

» [GAME] this or that
by Valoish Tue 27 Jun 2017, 11:31

» [GAME] Count to 1000 using even numbers Van-Helsing Edition
by Valoish Tue 27 Jun 2017, 11:30

» [GAME] Count to 999 using odd numbers Van-Helsing Edition
by Valoish Tue 27 Jun 2017, 11:30

Recent Tutorials
Who is online?
In total there are 6 users online :: 2 Registered, 0 Hidden and 4 Guests

STBW, Wolfuryo

[ 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 : 21
Posts : 4593
Points : 9464
Reputation : 2306
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 : 21
Posts : 22
Points : 567
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/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 : 21
Posts : 4593
Points : 9464
Reputation : 2306
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 : 21
Posts : 22
Points : 567
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/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>

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