Status Update Widget

I'm not sure if this is the right forum for this or not. I didn't think it fit into the coding trouble forum.


OK, so. A couple of years ago I ran across a thread here that was for a widget that would allow you to update a "status" anywhere the widget was placed. This status would update on the profile section and, in turn, show on the information section of the forum post. It recently quit working and I haven't been able to get it to start working again.

So, my question is, would anyo e happen to know where I could find a code that would essentially do the same as the code before? I'm a beginner in html and css (though I can edit most things decently in said codes) if that helps any.


Edit - 03/01/19 - Tried the suggested code in one of the posts below. Waiting to be accepted by an admin so I can get the code of the first link. Will update accordingly. Problem still not solved as of today.

hello

do you remember who made that code?

@Skouliki

It was this Code.

I think something in the code was being hosted on a different site that has now closed down. So I wasn't sure if anyone knew how to adjust it without the use of that site or if I was just sol.

i cant help sorry maybe someone else with more code knowledge can help you on this

@Skouliki

No worries! Thank you for trying! <3

Astariel wrote:@Skouliki

It was this Code.

I think something in the code was being hosted on a different site that has now closed down. So I wasn't sure if anyone knew how to adjust it without the use of that site or if I was just sol.

I do not see any reference to a third-party host in the coding.  Have you modified anything or added any coding right before it stopped working?

Hi, sorry i dont know if this helps you but i have the status update just like what you mentioned but for newer version and it looks like little bit IPB style.
The code i use you can find it in here http://punbb-design.forumotion.com/t1135-javascript-create-a-status-field-like-on-punbb-biz-above-avatar-vip

and the status update widget http://punbb-design.forumotion.com/t1217-javascript-widget-for-status-updates?highlight=status+widget

*You should register and be a member on that forum to be able see the topics.

but unfortunately it seems only works on PunBB, or maybe can be implemented to another version by editing some parts code...

here's the result on my forum...



Cheers.

@SLGray

I haven't. It worked decently enough for a while up until a few months ago.


@ArmorKiller

Hmmm. I'll try out that code and see if it works. If not, maybe I or someone can edit it to work on my forum type. Thank you so much!

it's been long time. i honestly don't even remember how the code works but nothing was hosted anywhere else .. if i had to guess a element class or id has changed

@_Twisted_Mods_

Im not sure, to be honest. There was a link in the coding and when I went to it, it said the domain was no longer available, which is why I thought something had been hosted there.

By changed, do you mean server wise or user wise? I hadn't touched the code in a year or two and it worked fine up until a few months ago so I'm unsure x.x

Edit: also, I sadly do not have the widget code I used previously. I removed it to try out the one Armor had suggested (which doesn't work on my forum type) and didn't think about saving it elsewhere.

http://avacweb.net/status < your right was this and i have no idea what was on that page

See if you can locate an answer here:  http://avacweb.forumotion.co.uk/ ?

@SLGray just looked they use the same script in their tutorial also

I believe the founder of that forum shutdown all his third-party hosts that is why it does not work same with the like system we had in the tricks and tips section of the support forum.

All good i know magic ..lol


So

1st. Install this script

2nd. Create a new Widget

Code:


<span id="tm_currstat">Current Status: Loading..</span>
<br/><br/>
<div class="form-group row p-2">
   <label class="control-label" id="tmst_stnotice" for="input-text-help">Idle.</label>
   <div class="input-group">
      <div class="input-group-prepend">
         <span class="input-group-text"><em class="fa fa-paypal"></em></span>         
      </div>
      <input value="" id="tstatus" class="form-control" type="text" maxlength="53"/>         
   </div>                      
</div>
<div class="form-group row p-2">
   <button onclick="updstatus()" type="button" class="btn btn-light px-5">
      <em id="tmst_stnotice" class="fa fa-floppy-o mr-1"> </em> Save Status     
   </button>                
</div>


3rd. Create a new Javascript

Code:


jQuery(function()
{
var id = 'field_id2';

   dataStore.set('Stat', '', 60*1000);
   if(dataStore.get('Stat').value =="")
   {
      jQuery.get('/u'+_userdata.user_id, function (data)
      {
         var cstat= jQuery('#'+id+' .field_uneditable', data).eq(0).text();
         jQuery('#tm_currstat').text('Current Status: '+cstat);
         jQuery('#tstatus').val(cstat);
         dataStore.set('Stat', cstat, 60*1000);
      })
   }else{
      jQuery('#tstatus').val(cstat);
      jQuery('#tm_currstat').text('Current Status: '+dataStore.get('Stat').value);
   }
});

function updstatus()
{
   var id = 'field_id2';
   var name = 'profile_field_13_2';
   
   jQuery.getScript('https://illiweb.com/rs3/86/frm/jquery/json/jquery.json-1.3.min.js', function()
   {
      jQuery('#tmst_stnotice').text('Updating.');
      var content = new Array();
      var newstat = jQuery('#tstatus').val();
      content.push(new Array(name, newstat));
      jQuery.post('/ajax_profile.forum?jsoncallback=?', {
            id: id.substring(8, id.length),
            user: _userdata.user_id,
            active: '1',
            content: jQuery.toJSON(content),
            tid: document.getElementById('logout').href.replace(/.*tid=(.*?)&.*/,'$1')
         },function(data)
         {
            
            jQuery.get('/u'+_userdata.user_id, function (data)
            {
               var cstat= jQuery('dl:contains(Status) .field_uneditable', data).eq(0).text();
               if (jQuery('#tstatus').val()==cstat)
               {
                  jQuery('#tm_currstat').text('Current Status: '+cstat);   
                  dataStore.set('Stat', cstat, 60*1000);
                  jQuery('#tmst_stnotice').text('Done...');
               }else{
                  jQuery('#tmst_stnotice').text('Error Try Again.');
               }
            })
         }, 'json');
   });
};


4th. Edit the id(appears twice) and name in the javascript.

to find the id and name navigate to your profile and right click the status profile field and inspect

@_Twisted_Mods_

I swear you really do know magic lol I'll give this a try and let you know if it worked. C:

@_Twisted_Mods_

Got it! I hadn't worked the first time because I had a friend send me the Id and name (since I'm on mobile) and she sent the wrong name string lol. I got the correct one now and it works. Thank you so much! You're awesome <3


Ok. I did everything as you said. The widget works, however, when I hit submit after typing a status it says "error. Try again".

I assume I didn't set the "set" feature correctly (if that's the portion of that code I'm suppose to use, that is) in the localstorage.

I'm not quite sure how to set it up for the status field. My knowledge in Java is miniscule x.x I've gotten the rest of the steps outlined above done but the localstorage. I tried following their instructions but got a little confused.