Staff Online Widget
+2
Adi.
refresh101
6 posters
Page 1 of 1
Staff Online Widget
Can Any One Tell Me How To Put A Staff Online Widget?
refresh101- Forumember
- Posts : 241
Reputation : 4
Language : English
Re: Staff Online Widget
Thats Why I Post Here Because I Dont Understand Anything There AnyOne Help Please.
refresh101- Forumember
- Posts : 241
Reputation : 4
Language : English
Re: Staff Online Widget
please read this post carefully from the first page http://www.avacweb.com/t114-online-list-widget
Re: Staff Online Widget
TommyCo Thats Why I Said I Cant UnderStand It Already Read That Can Anyone DO It For Me?
refresh101- Forumember
- Posts : 241
Reputation : 4
Language : English
Re: Staff Online Widget
first you need to put your online widget in first widget, then put the staff online below the online widget. Then it should be work
Re: Staff Online Widget
What ? I Dont Understand You Tommy Can You Please Give Me The Full Tutorial Please
refresh101- Forumember
- Posts : 241
Reputation : 4
Language : English
Re: Staff Online Widget
first you need to set your widget like this
the staff widget code is this
if your widget on the right side then you need to change this part
to this
that only work in phpbb3 and punbb, that i tested work
the staff widget code is this
- Code:
<style>.staffname{display:block;}</style>
<div id="onlineStaff">
<span class="staffname">admin</span>
<span class="staffname">More name here..</span>
</div>
<script>
jQuery(function() {
var x = jQuery('.module', document.getElementById('left'))[0].innerHTML;
var y = jQuery('.staffname', document.getElementById('onlineStaff'));
for (var i=0, l = y.length; i<l; i++) {
if (x.indexOf(y[i].innerHTML) > 0) {
y[i].innerHTML+=" - Online";
}
else { y[i].innerHTML+=" - Offline"; }
}
});
</script>
if your widget on the right side then you need to change this part
- Code:
var x = jQuery('.module', document.getElementById('left'))[0].innerHTML;
to this
- Code:
var x = jQuery('.module', document.getElementById('right'))[0].innerHTML;
that only work in phpbb3 and punbb, that i tested work
Re: Staff Online Widget
Well Let Me Try It
refresh101- Forumember
- Posts : 241
Reputation : 4
Language : English
Re: Staff Online Widget
Okay It Works But I Want To Remove The Who Is Online Widget And The Online/Offline I Want Icon Not A Word Is That Possible.
BTW. Thanks For The Code And Please Answer
BTW. Thanks For The Code And Please Answer
refresh101- Forumember
- Posts : 241
Reputation : 4
Language : English
Re: Staff Online Widget
for hide the who is online widget, i don't if this code working. i just copied from LG
here change all script with this
if you want to change it to image.
then you must change this line
to this
here change all script with this
- Code:
<script>
jQuery(function() {
var x = jQuery('.column:last .module')[1];
var y = jQuery('.staffname', document.getElementById('onlineStaff'));
x.style.display = 'none';
for (var i=0, l = y.length; i<l; i++) {
if (x.indexOf(y[i].innerHTML) > 0) {
y[i].innerHTML+=" - Online";
}
else { y[i].innerHTML+=" - Offline"; }
}
});
</script>
if you want to change it to image.
then you must change this line
- Code:
y[i].innerHTML+=" - Online";
} else { y[i].innerHTML+=" - Offline"; }
to this
- Code:
y[i].innerHTML+=' <img src="'+'URL OF ONLINE IMAGE'+'">';
} else { y[i].innerHTML+='<img src="'+'URL OF OFFLINE IMAGE'+'">'; }
Re: Staff Online Widget
sorry to but in. can this be done for phpbb2 ?
BL@DE- Forumember
- Posts : 161
Reputation : 10
Language : English
Location : England
Re: Staff Online Widget
LGforum provided a way how to do this, yes.
Anyway, you created that widget, put the Online Staff Widget underneath it, then add this code in your Staff Widget.
If you want the Who is Online widget to disappear, add this code to the JavaScript pages:
Anyway, you created that widget, put the Online Staff Widget underneath it, then add this code in your Staff Widget.
- Code:
<script type="text/javascript"> jQuery(function() { var x = document.getElementById('right').getElementsByTagName('table')[8]; var y = document.getElementById('onlineStaff').getElementsByTagName('span'); for (i=0; i<y.length; i++) { if (x.innerHTML.indexOf(y[i].innerHTML) == 1) y[i].innerHTML+=" - Online"; else y[i].innerHTML+=" - Offline"; } }); </script>
If you want the Who is Online widget to disappear, add this code to the JavaScript pages:
- Code:
jQuery(document).ready(function(){
jQuery('#right table:nth-of-type(8)').css('display','none');
});
Re: Staff Online Widget
Sir Ultron Its Not Working It Only Shows The Table Only Doesnt Seem Working
refresh101- Forumember
- Posts : 241
Reputation : 4
Language : English
Re: Staff Online Widget
ok thxs for that mate. can this be put on the portal ?
BL@DE- Forumember
- Posts : 161
Reputation : 10
Language : English
Location : England
Re: Staff Online Widget
Okay, step by step.
First of all, create a new widget (go to: Administration Panel -> Modules -> Forum widget management -> Create a new widget (usually, it'll be displayed as a green plus)) titled Staff Widget or any nice name you want it to have. Add the widget on top of all widgets - this is important so that the code works a bit easier.
The widget should contain this code:
Hit save, add it to the top of the widget list on the right side, then look for the predefined 'Who is Online' widget and drag it UNDERNEATH the newly created widget.
I commented inside the code what you need to do if you want images instead of text.
Next, do this part only if you do not want to see the Who is Online widget, add it under Administration Panel -> Modules -> JavaScript pages -> Create a new JavaScript:
First of all, create a new widget (go to: Administration Panel -> Modules -> Forum widget management -> Create a new widget (usually, it'll be displayed as a green plus)) titled Staff Widget or any nice name you want it to have. Add the widget on top of all widgets - this is important so that the code works a bit easier.
The widget should contain this code:
- Code:
<div id="onlineStaff">
<span class="staffname">refresh101</span>
</div>
<script type="text/javascript"> jQuery(function() { var x = document.getElementById('right').getElementsByTagName('table')[8]; var y = document.getElementById('onlineStaff').getElementsByTagName('span'); for (i=0; i<y.length; i++) { if (x.innerHTML.indexOf(y[i].innerHTML) == 1) y[i].innerHTML+=" - Online" /* replace "- Online" with "- <img src='your image URL here, preferably an icon */; else y[i].innerHTML+=" - Offline" /*replace "- Offline" with "- <img src='your image URL here, preferably an icon */; } }); </script>
Hit save, add it to the top of the widget list on the right side, then look for the predefined 'Who is Online' widget and drag it UNDERNEATH the newly created widget.
I commented inside the code what you need to do if you want images instead of text.
Next, do this part only if you do not want to see the Who is Online widget, add it under Administration Panel -> Modules -> JavaScript pages -> Create a new JavaScript:
- Code:
$(document).ready(function(){
$('#right table:nth-of-type(8)').css('display','none');
});
Re: Staff Online Widget
The Whos Online List Show Ultra Vision
Last edited by refresh101 on May 5th 2013, 11:00 am; edited 2 times in total
refresh101- Forumember
- Posts : 241
Reputation : 4
Language : English
Re: Staff Online Widget
refresh101 can u help me out with this plz mate ?
BL@DE- Forumember
- Posts : 161
Reputation : 10
Language : English
Location : England
Re: Staff Online Widget
Make Your Own Thread Bl@de.
EDIT: Please Dont Lock The Topic Yet Because I Still Dont Know How To Hide Whos Online. Widget. Thank You
The Whos Online Still In The Forum Ultron's Vision
EDIT: Please Dont Lock The Topic Yet Because I Still Dont Know How To Hide Whos Online. Widget. Thank You
The Whos Online Still In The Forum Ultron's Vision
refresh101- Forumember
- Posts : 241
Reputation : 4
Language : English
Re: Staff Online Widget
refresh101 wrote:Well Let Me Try It
refresh101 wrote:Okay It Works But I Want To Remove The Who Is Online Widget And The Online/Offline I Want Icon Not A Word Is That Possible.
BTW. Thanks For The Code And Please Answer
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead! The next time you do it again you'll earn a serious warning. |
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Similar topics
» Staff Online Now Widget
» Staff online widget
» Staff online widget
» Staff online Widget
» Staff Online Widget!
» Staff online widget
» Staff online widget
» Staff online Widget
» Staff Online Widget!
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum