Widget de Status sem funcionamento

Detalhes da questão

Endereço do fórum: http://suportedesign.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá!

Eu tenho este código:

Código:

<div class="module main">
                                      
   <div class="main-head">
                                                           
      <div id="statusTitle" class="h3">
                                           <em class="fa fa-comment-o"> </em>  <span id="statusAtual">Carregando status atual...</span>                               
      </div>
                                                 
   </div>
                                      
   <div class="main-content clearfix">
                                                           
      <div id="statusUpdateBody">
                                                                            
         <center>
                                                              <input style="width: 100px;" type="text" id="statusUpdate" />                <input type="submit" style=" margin-top: -3px; " value="OK" id="statusUpdateButton" />                <br />Atualize seu status aqui, máximo de 10 carateres, evite texto ofensivo!       
         </center>
                                                                    
      </div>
                                    <script>
            jQuery(function () {
                jQuery('#statusUpdateButton').click(function () {
                    var USER_ID = _userdata["user_id"];
                    var statusText = jQuery('#statusUpdate').val();
                    var TID = jQuery('input[name="tid"]').val() + '';
                    jQuery.post("/ajax_profile.forum?jsoncallback=?", {
                        id: "1",
                        user: USER_ID,
                        active: "1",
                        content: '[["profile_field_13_1", "' + statusText + '"]]',
                        tid: TID
                    }, function (data) {
                        jQuery('#statusUpdate').val('');
                        jQuery('#statusTitle').html('Carregando novo estado...<span id="statusNovoAtual" style="display:none;"></span>');
                        jQuery('#statusNovoAtual').load('profile?mode=editprofile&page_profil=informations #', function () {
                            jQuery('#statusNovoAtual').hide();
                            var statusTextAtual = jQuery('#statusNovoAtual #profile_field_13_1').val();
                            jQuery('#statusTitle').html('Status atual: <span id="statusAtualText">"' + statusTextAtual + '"</span>');
                            var statusTextChat = jQuery('#statusAtualText').text();
                        });
                        console.log("OK: ajax_profile, userID = " + USER_ID);
                    }, "json").fail(function () {
                        alert("Houve um erro a atualizar o status! Se este problema persistir, contate os administradores.")
                        console.log("error: ajax_profile, userID = " + USER_ID);
                    });
                });
            });
            jQuery(function () {
                jQuery('#statusAtual').load('profile?mode=editprofile&page_profil=informations #profile_field_13_1', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_1').val();
                    jQuery('#statusTitle').html('Status atual: <br/><span id="statusAtualText">"' + statusText + '"</span>');
                });
            });
        </script>                   
   </div>
</div>
 <style>#statusTitle br {
  display: none;
}
#statusTitle {
  white-space:nowrap;
  width: 100%;                 
  overflow:hidden;
  text-overflow:ellipsis;
}</style>

Mais este JavaScript:

Código:

$(function() {
if ($('.label b:contains("Status")').length > 0) {
 $('.label b:contains("Status")').parent().hide();
}
});

Estes códigos servem para o usuário poder colocar um pequeno texto e aparecer nas informações do perfil nos tópicos de cada usuário, já tenho criado um campo no perifl para a Status mas mesmo assim não está a funcionar o widget:

Boas.

Tente com este JS:

Código:

<ul id="recent_status">
 Carregando...
</ul><a href="javascript:void(0)" onclick="atualizarStatus()" class="atualiza_status">Atualizar Status</a><script type="text/javascript">
jQuery(function() {
    jQuery.ajax({
          url: '/u1wall',
          type: 'GET',
          success: function(responseHtml)
          {
          var status = jQuery('li.clearfix:contains("status_update")', responseHtml).wrapAll('<div>').parent().html();
          if(status) {
              jQuery('#recent_status').each(function() {
                jQuery(this).html(status);
                jQuery(this).html(
                jQuery(this).html()
                .replace(/\ - status_update/g,'')
                ).find('ul.message-footer, .message-header img, .message-header em').remove();
              });
          } else {
              jQuery('#recent_status').html('Não há status atualizado recentemente');
          }
          },
          error: function(err)
          {
          console.log("AJAX error in request (Recent status update: Loading messages)");
          }
    });
});
function atualizarStatus() {
    var novoStatus = prompt("Digite o seu novo status:");
    if(novoStatus === '') {
      alert("Vazio");
    } else if(novoStatus === null) {
      return false;
    } else {
      var TID = jQuery('a[href*="tid="]').attr('href').split('tid=')[1].split('&')[0];
      jQuery.post("/ajax_profile.forum?jsoncallback=?", {
              id: -20,
              user: _userdata.user_id,
              active: "1",
              content: '[["profile_field_2_-20", "' + novoStatus + '"]]',
              tid: TID
      }, function(data){/*Only for calback reasons!*/},
      "json"
      ).done(function() {
      jQuery.ajax({
              url: '/u1wall',
              type: 'GET',
              success: function(responseHtml)
              {
              var matches = responseHtml.match(/\- (.*?)<\/title\>/);
              var user = matches[1];
              jQuery.post('/privmsg?mode=post_profile', {
                    message: novoStatus,
                    post: '1',
                    subject: 'status_update',
                    folder: 'profile',
                    username: user
              }).done(function() {
                alert("Status atualizado & salvo com sucesso!");
                location.reload();
              });
              },
              error: function(err)
              {
              console.log("AJAX error in request (Recent status update: Save in profile)");
              }
        });
        }).fail(function() {
          console.log("AJAX error in request (ajax_profile)");
        });
        // To fast return!!!
        return false;
    }
}
</script><style type="text/css">
.atualiza_status {
  display: block;
  margin-top: 8px;
  text-align: center;
  background-color: #f0f0f0;
  padding: 6px;
  border: 1px solid #e0e0e0;
}
#recent_status {padding-left: 0 !important;}
#recent_status li.clearfix {list-style-type: none;padding: 5px 0;}
#recent_status .avatar {
  float: left;
  -moz-border-radius: 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  -webkit-border-radius: 0;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 0;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
#recent_status .avatar, #recent_status .avatar img {
  height: 30px;
  width: 30px;
}
#recent_status .message-date {float: right;}
#recent_status .message-block {margin-left: 40px;}
</style>

Abraço.
Fraise

Sem efeito amigo.

Veja se encontra algum funcional e diga-nos resultados:
https://www.google.pt/?gws_rd=ssl#q=widget+status+site:ajuda.forumeiros.com

Abraço.

Tem este mesmo fórum que foi onde tirei o código e funciona na perfeição:
- http://webgraphic.forumeiro.com/

Mas agora pus neste não funcionou.

Olá, poderia me conceder uma conta de teste?
Ou liberar as inscrições.

fico no aguardo.
Até mais.

As inscrições já se encontram abertas oO

Não amigo, não se encontram!
Veja: http://prntscr.com/bi1x2n

Talvez, o seu fórum esteja com a opção ativa, mas está em modo ferias, correto? Retire-o do modo ferias.

Até mais.

while escreveu:Não amigo, não se encontram!
Veja: http://prntscr.com/bi1x2n

Talvez, o seu fórum esteja com a opção ativa, mas está em modo ferias, correto? Retire-o do modo ferias.

Até mais.

Tem razão estava em modo férias erro meu, pode se inscrever agora.

Olá altere para esse código (no widget):

Código:

<div class="module main">
                                       
  <div class="main-head">
                                                           
      <div id="statusTitle" class="h3">
                                            <em class="fa fa-comment-o"> </em>  <span id="statusAtual">Carregando status atual...</span>                               
      </div>
                                                 
  </div>
                                       
  <div class="main-content clearfix">
                                                           
      <div id="statusUpdateBody">
                                                                             
        <center>
                                                              <input style="width: 100px;" type="text" id="statusUpdate" />                <input type="submit" style=" margin-top: -3px; " value="OK" id="statusUpdateButton" />                <br />Atualize seu status aqui, máximo de 10 carateres, evite texto ofensivo!       
        </center>
                                                                     
      </div>
                                    <script>
            jQuery(function () {
                jQuery('#statusUpdateButton').click(function () {
                    var USER_ID = _userdata["user_id"];
                    var statusText = jQuery('#statusUpdate').val();
                    var TID = jQuery('input[name="tid"]').val() + '';
                    jQuery.post("/ajax_profile.forum?jsoncallback=?", {
                        id: "7",
                        user: USER_ID,
                        active: "1",
                        content: '[["profile_field_13_7", "' + statusText + '"]]',
                        tid: TID
                    }, function (data) {
                        jQuery('#statusUpdate').val('');
                        jQuery('#statusTitle').html('Carregando novo estado...<span id="statusNovoAtual" style="display:none;"></span>');
                        jQuery('#statusNovoAtual').load('profile?mode=editprofile&page_profil=informations #', function () {
                            jQuery('#statusNovoAtual').hide();
                            var statusTextAtual = jQuery('#statusNovoAtual #profile_field_13_1').val();
                            jQuery('#statusTitle').html('Status atual: <span id="statusAtualText">"' + statusTextAtual + '"</span>');
                            var statusTextChat = jQuery('#statusAtualText').text();
                        });
                        console.log("OK: ajax_profile, userID = " + USER_ID);
                    }, "json").fail(function () {
                        alert("Houve um erro a atualizar o status! Se este problema persistir, contate os administradores.")
                        console.log("error: ajax_profile, userID = " + USER_ID);
                    });
                });
            });
            jQuery(function () {
                jQuery('#statusAtual').load('profile?mode=editprofile&page_profil=informations #profile_field_13_1', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_1').val();
                    jQuery('#statusTitle').html('Status atual: <br/><span id="statusAtualText">"' + statusText + '"</span>');
                });
            });
        </script>                   
  </div>
</div>
 <style>#statusTitle br {
  display: none;
}
#statusTitle {
  white-space:nowrap;
  width: 100%;                 
  overflow:hidden;
  text-overflow:ellipsis;
}</style>

Até mais.

Perfeito amigo, obrigado!