Recent Status Update Widget like IPB
4 posters
Page 3 of 3
Page 3 of 3 • 1, 2, 3
Recent Status Update Widget like IPB
First topic message reminder :
Hello! Well we have been pulling off some things that have been said can't be done, so i would like to see one more time can a status update widget be made with avatar and latest status updates from members like IPB forum sets have?
@JScript What is your thoughts on this Or anyone?
Using LG status updates
punbb
Forum link: TPSN
Thank you yet again sir!
Regards
FrOsTyXi
Hello! Well we have been pulling off some things that have been said can't be done, so i would like to see one more time can a status update widget be made with avatar and latest status updates from members like IPB forum sets have?
@JScript What is your thoughts on this Or anyone?
Using LG status updates
punbb
Forum link: TPSN
Thank you yet again sir!
Regards
FrOsTyXi
Re: Recent Status Update Widget like IPB
Here it is:
I have a question the number 4 what means in the for loop? Is it means the number of usergroups?
- Code:
jQuery(function(){
jQuery('.status-button').click(function(){
jQuery.get('/t15831-topic', function (data) {
var groupz = {
group1z: jQuery('.entry-content', data).text(),
};
ff = groupz.group1z;
gg = ff.split(' ');
mm="";
for(var i = 0; i < 4; i++){
var hh = gg[i];
mm = mm + " "+ hh;
}
jQuery.post('/post?p=20047&mode=editpost', {
subject: 'Ενημερώσεις Καταστάσεων Μελών',
message: _userdata.user_id+mm,
post: 1
});
})
});
});
I have a question the number 4 what means in the for loop? Is it means the number of usergroups?
Re: Recent Status Update Widget like IPB
the 4 mean it grabs id 1-4 out of the list of 5 then it adds the that clicked the update button to the beginning so when it edits the post it only grabbed the first 4 name + current user id so the 5th id is removed
try this
try this
- Code:
jQuery(function(){
jQuery('.status-button').click(function(){
jQuery.get('/t15831-topic', function (data) {
var groupz = {
group1z: jQuery('.entry-content', data).text(),
};
ff = groupz.group1z;
gg = ff.split(' ');
mm="";
for(var i = 0; i < 4; i++){
var hh = gg[i];
mm = mm + " "+ hh;
}
jjii = _userdata.user_id+mm
jjii2 = jjii.replace('+-----','')
jQuery.post('/post?p=20047&mode=editpost', {
subject: 'Ενημερώσεις Καταστάσεων Μελών',
message: jjii2,
post: 1
});
})
});
});
Re: Recent Status Update Widget like IPB
oops forgot the ; on
- Code:
jjii = _userdata.user_id+mm;
jjii2 = jjii.replace('+-----','');
Re: Recent Status Update Widget like IPB
On Firefox it seems working fine now.
For other browsers I dont know what is happening.
For other browsers I dont know what is happening.
Re: Recent Status Update Widget like IPB
@_Twisted_Mods_ looking forward to adding this feature to the drop down menu, also i was wondering is there a way to when a member updates their status if they update more than once can the previous status be replaced by the new so members don't fill 5 spaces?
Re: Recent Status Update Widget like IPB
whats wrong with it on the other browsers?
and ill look into doing that .. ill prob make it check the list if the user is already in the list it will just cancels the script
and ill look into doing that .. ill prob make it check the list if the user is already in the list it will just cancels the script
Re: Recent Status Update Widget like IPB
@_Twisted_Mods_ Ok thank you i will keep your admin status so if you need to make a change about the above issue you will have access.
Re: Recent Status Update Widget like IPB
The problem with other browsers is they are not update the last status update in the widget. I think it is related how each browser caching.
Re: Recent Status Update Widget like IPB
if its showing the avatar then its working .. the status is just hidden you will need to change the css around.... i set it up in firefox so you will need to change it to work on other browsers ... frost also had same issue with it... if that is the issue
Re: Recent Status Update Widget like IPB
_Twisted_Mods_ wrote:if its showing the avatar then its working .. the status is just hidden you will need to change the css around.... i set it up in firefox so you will need to change it to work on other browsers ... frost also had same issue with it... if that is the issue
Yes sure did we or Twisted changed the box size for the status then the margin really didn't matter as Twisted said i could set it back to 10px and all would be fine it sure was!
Edit: @_Twisted_Mods_ here is the code, Black-Shadow said you would have to adapt it. Does it go in a new JavaScript?
- Code:
jQuery(function(){
jQuery('.status-button').click(function(){
jQuery.get('t2011-status-updates', function (data) {
var groupz = {
group1z: jQuery('.entry-content', data).text(),
};
ff = groupz.group1z;
gg = ff.split(' ');
mm="";
for(var i = 0; i < 4; i++){
var hh = gg[i];
mm = mm + " "+ hh;
}
hfg = _userdata.user_id+mm;
hhgf = hfg.replace('+-----','')
jQuery.post('/post?p=4986&mode=editpost', {
subject: 'Status Updates',
message: hhgf,
post: 1
});
})
});
});
Thank You
Re: Recent Status Update Widget like IPB
@_Twisted_Mods_ ok when i place it in the template this code
i changed the i > 4 to i==4 and im able to update status only once, any account i use the status is replaced and the widget only shows one update. We are getting close!
- Code:
jQuery(function(){
jQuery('.status-button').click(function(){
jQuery.get('/t2011-status-updates', function (data) {
var groupz = {
group1z: jQuery('.entry-content', data).text(),
};
ff = groupz.group1z;
gg = ff.split(' ');
mm="";
for(var i = 0; i==4; i++){
if(gg[i].match(_userdata.user_id)) return;
var hh = gg[i];
mm = mm + " "+ hh;
}
jjii = _userdata.user_id+mm;
jjii2 = jjii.replace('+-----','');
jQuery.post('/post?p=4986&mode=editpost', {
subject: 'nothing really',
message: jjii2,
post: 1
});
})
});
});
i changed the i > 4 to i==4 and im able to update status only once, any account i use the status is replaced and the widget only shows one update. We are getting close!
Re: Recent Status Update Widget like IPB
Hello dear all,
Something is going wrong the widget is not updated with members statuses.
Something is going wrong the widget is not updated with members statuses.
Re: Recent Status Update Widget like IPB
yea its the same issue your having with the hashtag widget your site laggs so bad from the multiple scripts doing stuff that when you click the update button on the status its not sending the request right away because your site is lagging... try loading your site once your able to see the update widget ... stop the page then try to update it and see if it works
Re: Recent Status Update Widget like IPB
Is there a better way to handle them or optimize the codes? Last morning we tested them in a test forum and working. Can we locate which are the javascripts which make my forum laggy?
Re: Recent Status Update Widget like IPB
yea but you will have to start a new topic and post every javascript you use and what it does
Re: Recent Status Update Widget like IPB
Oh my god this is a real hard work because I am running a lot of javascripts. Can you add in the codes local storage management or cookies management to reduce the volume of firing in javascript port or something similar?
Re: Recent Status Update Widget like IPB
My script is in the template now only issue i see is after you have updated status once can't update anymore even if the username is off the board I left the code in a javascript but not active so if @_Twisted_Mods_ need to hop on he can to work on the code
Re: Recent Status Update Widget like IPB
nothing i canreally do 4 u now my internet is gonna go out soon and i have no idea when so i dont want to get in the middle of fixing it and loose internet .. maybe someone else can help with last part just post the script
Re: Recent Status Update Widget like IPB
Hello dear all,
@_Twisted_Mods_ the codes which gave me can be adapt to @FrOsTyXi 's forum I think but we need local storage management to reduce the .get()/.load() functions overload.
@_Twisted_Mods_ the codes which gave me can be adapt to @FrOsTyXi 's forum I think but we need local storage management to reduce the .get()/.load() functions overload.
Re: Recent Status Update Widget like IPB
@_Twisted_Mods_ only issue i see is not being able to update staus to the recent status udate widget once you have done so the first time. As of now everyone can update once to get on the widget after that they can't get back on there. but their status updates in profiles messages etc
Re: Recent Status Update Widget like IPB
Hello dear all,
I think the codes must be check again I am facing too problems.
I think the codes must be check again I am facing too problems.
Re: Recent Status Update Widget like IPB
@JScript here is all the code from this new system issues are once you make a update you can not make any more and the posting more than once fron each member so if they want to update status again the old update will be replaced also maybe a moderator function so if a member updates with rude or bad language it can be deleted without the editing of the topic
Code for the template
Code for the recent status update widget
Really hope you can make sense of this if I need to give you a test account that will be provided thank you for your time.
Regards
FrOsTyXi
Code for the template
- Code:
<script src="http://avacweb.net/status"></script>
<div id="LGstatus">
</div><script>status_box.init('profile_field_13_2')</script> <em> Maximum amount of character is <strong>53</strong>. </em>
<div>
<em><strong><span style="color: rgb(255, 0, 0);">Note:</span></strong> Promoting your forum address in status is against rules.</em>
</div><script>
jQuery(function(){
jQuery('.status-button').click(function(){
jQuery.get('/t2011-status-updates', function (data) {
var groupz = {
group1z: jQuery('.entry-content', data).text(),
};
ff = groupz.group1z;
gg = ff.split(' ');
mm="";
for(var i = 0; i < 4; i++){
if(gg[i].match(_userdata.user_id)) return;
var hh = gg[i];
mm = mm + " "+ hh;
}
jjii = _userdata.user_id+mm;
jjii2 = jjii.replace('+-----','');
jQuery.post('/post?p=4986&mode=editpost', {
subject: 'nothing really',
message: jjii2,
post: 1
});
})
});
});</script>
Code for the recent status update widget
- Code:
<style>
/*-----ststusupdatewid--by-twisted------*/
.statsbox #statavatar {
width: 100%;
border: 1px solid #DBE4EF;
border-radius: 4px;
}
#tstatus {
font-size: 12px;
position: relative;
color: rgb(150, 150, 150);
}
.statsbox {
margin-bottom: 2px;
margin-top: 2px;
}
#statusbox5 {
border: none;
}
#tstatus {
margin-top: 10px;
}
.statsbox #statavatar img {
width: 35px;
float: left;
height: 35px;
border-radius: 5px;
margin-right: 4px;
}
.statsbox #statavatar img:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
box-shadow: 0 0 9px red;
border: 1px solid red;
}
.statsbox #statavatar img {
height: 35px;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
box-shadow: 0 0 3px rgba(50,50,50,0.75);
}
/*-------------------------------------*/
</style>
<div id="supdate_widget">
</div><script>
jQuery(function(){
jQuery('#supdate_widget').empty();
jQuery.get('t2011-status-updates', function (data) {
tpfieldid = '#field_id2 .field_uneditable';
var group = {
group1: jQuery('.entry-content', data).text(),
};
gg = "";
ff = group.group1;
gg = ff.split(' ');
nurl1 = '/u'+gg[0].replace('+-----','');
nurl2 = '/u'+gg[1];
nurl3 = '/u'+gg[2];
nurl4 = '/u'+gg[3];
nurl5 = '/u'+gg[4];
jQuery('#supdate_widget').append(' <div id="statusbox1" class="statsbox"><div id="statavatar"></div></div> ');
jQuery('#supdate_widget').append(' <div id="statusbox2" class="statsbox"><div id="statavatar"></div></div> ');
jQuery('#supdate_widget').append(' <div id="statusbox3" class="statsbox"><div id="statavatar"></div></div> ');
jQuery('#supdate_widget').append(' <div id="statusbox4" class="statsbox"><div id="statavatar"></div></div> ');
jQuery('#supdate_widget').append(' <div id="statusbox5" class="statsbox"><div id="statavatar"></div></div> ');
jQuery.get(nurl1, function (data) {
var prof1 = {
name1: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar1: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status1: jQuery(tpfieldid, data).text(),
};
jQuery('#supdate_widget #statusbox1 #statavatar').prepend('<img src="'+prof1.avatar1+'">');
jQuery('#supdate_widget #statusbox1 #statavatar').append('<a href="'+ nurl1+'">'+prof1.name1+'</a>');
jQuery('#supdate_widget #statusbox1 #statavatar').append('<div id="tstatus">'+prof1.status1+'</div>') ;
});
jQuery.get(nurl2, function (data) {
var prof = {
name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status: jQuery(tpfieldid, data).text(),
};
jQuery('#supdate_widget #statusbox2 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox2 #statavatar').append('<a href="'+ nurl2+'">'+prof.name+'</a>');
jQuery('#supdate_widget #statusbox2 #statavatar').append('<div id="tstatus">'+prof.status+'</div>')
});
jQuery.get(nurl3, function (data) {
var prof = {
name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status: jQuery(tpfieldid, data).text(),
}
jQuery('#supdate_widget #statusbox3 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox3 #statavatar').append('<a href="'+ nurl3+'">'+prof.name+'</a>');
jQuery('#supdate_widget #statusbox3 #statavatar').append('<div id="tstatus">'+prof.status+'</div>')
});
jQuery.get(nurl4, function (data) {
var prof = {
name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status: jQuery(tpfieldid, data).text(),
}
jQuery('#supdate_widget #statusbox4 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox4 #statavatar').append('<a href="'+ nurl4+'">'+prof.name+'</a>');
jQuery('#supdate_widget #statusbox4 #statavatar').append('<div id="tstatus">'+prof.status+'</div>')
});
jQuery.get(nurl5, function (data) {
var prof = {
name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status: jQuery(tpfieldid, data).text(),
}
jQuery('#supdate_widget #statusbox5 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox5 #statavatar').append('<a href="'+ nurl5+'">'+prof.name+'</a>');
jQuery('#supdate_widget #statusbox5 #statavatar').append('<div id="tstatus">'+prof.status+'</div>')
});
});
});
</script>
Really hope you can make sense of this if I need to give you a test account that will be provided thank you for your time.
Regards
FrOsTyXi
Re: Recent Status Update Widget like IPB
Hello dear all,
I am facing problem too with this widget the members cannot update their status in widget only in their profiles the status is updated normally.
Widget code:
I am facing problem too with this widget the members cannot update their status in widget only in their profiles the status is updated normally.
Widget code:
- Code:
<style>
/*-----ststusupdatewid--by-twisted------*/
.statsbox #statavatar {
display: inline-block;
width: 100%;
}
.statsbox {
color: darkgray;
padding: 5px;
margin-bottom: 2px;
margin-top: 2px;
border-radius: 4px;
border: 1px solid #EBF0F3;
background: transparent;
}
.statsbox #statavatar img {
width: 35px;
height: 35px;
float: left;
border: 1px solid whitesmoke;
border-radius: 4px;
}
.statsbox .h3 {
/*background-color:white;*/
border-radius: 5px;
padding: 2px;
/* border: 1px solid #000;*/
display: inherit;
width:110px;
text-align: left;
}
/*-------------------------------------*/
</style>
<div id="supdate_widget">
</div><script>
jQuery(function(){
jQuery('#supdate_widget').empty();
jQuery.get('/t15831-topic', function (data) {
tpfieldid = '#field_id5:eq(0)';
var group = {
group1: jQuery('.entry-content', data).text(),
};
gg = "";
ff = group.group1;
gg = ff.split(' ');
nurl1 = '/u'+gg[0];
nurl2 = '/u'+gg[1];
nurl3 = '/u'+gg[2];
nurl4 = '/u'+gg[3];
nurl5 = '/u'+gg[4];
jQuery('#supdate_widget').append(' <div id="statusbox1" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
jQuery('#supdate_widget').append(' <div id="statusbox2" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
jQuery('#supdate_widget').append(' <div id="statusbox3" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
jQuery('#supdate_widget').append(' <div id="statusbox4" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
jQuery('#supdate_widget').append(' <div id="statusbox5" class="statsbox"><div id="statavatar"></div><div id="tstatus"></div></div> ');
jQuery.get(nurl1, function (data) {
var prof1 = {
name1: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar1: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status1: jQuery(tpfieldid, data).text(),
};
jQuery('#supdate_widget #statusbox1 #statavatar').prepend('<img src="'+prof1.avatar1+'">');
jQuery('#supdate_widget #statusbox1 #statavatar').append(prof1.name1);
jQuery('#supdate_widget #statusbox1 #tstatus').append(prof1.status1) ;
});
jQuery.get(nurl2, function (data) {
var prof = {
name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status: jQuery(tpfieldid, data).text(),
};
jQuery('#supdate_widget #statusbox2 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox2 #statavatar').append(prof.name);
jQuery('#supdate_widget #statusbox2 #tstatus').append(prof.status) ;
});
jQuery.get(nurl3, function (data) {
var prof = {
name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status: jQuery(tpfieldid, data).text(),
}
jQuery('#supdate_widget #statusbox3 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox3 #statavatar').append(prof.name);
jQuery('#supdate_widget #statusbox3 #tstatus').append(prof.status) ;
});
jQuery.get(nurl4, function (data) {
var prof = {
name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status: jQuery(tpfieldid, data).text(),
}
jQuery('#supdate_widget #statusbox4 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox4 #statavatar').append(prof.name);
jQuery('#supdate_widget #statusbox4 #tstatus').append(prof.status) ;
});
jQuery.get(nurl5, function (data) {
var prof = {
name: jQuery('#profile-advanced-right .h3:eq(0)', data).parent().html().replace(/\(online\)/g,''),
avatar: jQuery('#profile-advanced-right img:eq(0)', data).attr('src'),
status: jQuery(tpfieldid, data).text(),
}
jQuery('#supdate_widget #statusbox5 #statavatar').prepend('<img src="'+prof.avatar+'">');
jQuery('#supdate_widget #statusbox5 #statavatar').append(prof.name);
jQuery('#supdate_widget #statusbox5 #tstatus').append(prof.status) ;
});
});
});
</script>
Re: Recent Status Update Widget like IPB
One question: Do you want the data to be displayed in a widget?
JS
JS
Re: Recent Status Update Widget like IPB
@JScript yes the status update should be displayed in the widget a comment system would be nice but if that is a issue where multiple posts being added to recent topics then scrap the idea.JScript wrote:One question: Do you want the data to be displayed in a widget?
JS
Thank you for your reply and support!
Regards
Re: Recent Status Update Widget like IPB
Yes we need usernames,avatars and statuses @JScript in the widget.JScript wrote:One question: Do you want the data to be displayed in a widget?
JS
Page 3 of 3 • 1, 2, 3
Similar topics
» Recent Status Update Widget like IPB is not working correctly
» Status Update Widget
» Status Update Feed Widget not working
» How do I add a "latest-status update" or "profile feed" widget?
» Change Recent Topics widget to Recent Posts?
» Status Update Widget
» Status Update Feed Widget not working
» How do I add a "latest-status update" or "profile feed" widget?
» Change Recent Topics widget to Recent Posts?
Page 3 of 3
Permissions in this forum:
You cannot reply to topics in this forum