Problema em widget status

Detalhes da questão

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

Descrição

Olá!

Eu estou a utilizar este código para o widget de status ou seja escrevendo algo e atualizar a status imediato:

Código:

<div class="module main">
                                              
   <div class="main-head">
                                                                         
      <div class="h3" id="statusTitle">
                                                     <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 id="statusUpdate" type="text" style="width: 100px;" />                <input id="statusUpdateButton" value="OK" style=" margin-top: -3px; " type="submit" />                <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>

O problema é que no widget sempre que mudo de status fica sempre a dizer "Carregando..." e se atualizar a página fica "undefined" mas no perfil ele atualiza só no widget é que não aparece.

Olá autor, troque o código do widget por este:

Código:

<div class="module main">
                                             
  <div class="main-head">
                                                                         
      <div class="h3" id="statusTitle">
                                                    <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 id="statusUpdate" type="text" style="width: 100px;" />                <input id="statusUpdateButton" value="OK" style=" margin-top: -3px; " type="submit" />                <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_7').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_7', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_7').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.

Caso o do while não resulte, troque por este:

Código:

<div class="module main">
                                             
  <div class="main-head">
                                                                         
      <div class="h3" id="statusTitle">
                                                    <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 id="statusUpdate" type="text" style="width: 100px;" />                <input id="statusUpdateButton" value="OK" style=" margin-top: -3px; " type="submit" />                <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_7', 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>

Continua igual ambos os códigos não funcionaram.

Tente este, fiz um leve modificação.

Código:

<div class="module main">
                                              
   <div class="main-head">
                                                                          
      <div class="h3" id="statusTitle">
                                                     <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 id="statusUpdate" type="text" style="width: 100px;" />                <input id="statusUpdateButton" value="OK" style=" margin-top: -3px; " type="submit" />                <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: "8",
                        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_7', 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>

Olá autor,

Já tentou ler estes tópicos em busca de soluções?
https://ajuda.forumeiros.com/t94953-widget-de-atualizar-status
https://ajuda.forumeiros.com/t105493-widget-de-status-sem-funcionamento

Até mais!

@PrisoN†BreaK, sem efeito continua igual agora nem muda a status.

@Cream, sim já tinha visto essas dúvidas uma até era minha e voltou o problema por isso é que reabri esta dúvida.

UP!

UP!

UP alguém? oO

Boa tarde!

Crie um novo código javascript, no índice:

Código:

$(function(){
      setInterval(function(){
      $.get("/profile?mode=editprofile&page_profil=informations", function(dados){
         var to = $('#profile_field_13_7', dados).val();
          jQuery('#statusTitle').html('Status atual: <br/><span id="statusAtualText">"' + to + '"</span>');
      });

}, 2000);
}});

Atenciosamente,
MateusAnjos.

Criei e continua igual.

É realmente estranho, testei dez vezes e tive êxito. Tente substituir o seu código, por este:

Código:

<div class="module main">
                                             
  <div class="main-head">
                                                                         
      <div class="h3" id="statusTitle">
                                                    <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 id="statusUpdate" type="text" style="width: 100px;" />                <input id="statusUpdateButton" value="OK" style=" margin-top: -3px; " type="submit" />                <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_7').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_7', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_7').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>

E, caso não funcione - eu não testei este - ative o meu javascript anterior, por gentileza!

Resultou amigo só tem um pequeno problema quando faço para atualizar outro fica sempre em "Carregando novo estado..." mas se der refresh já aparece o novo status.

Não testei novamente... mas, experimente:

Código:

<div class="module main">
                                             
  <div class="main-head">
                                                                         
      <div class="h3" id="statusTitle">
                                                    <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 id="statusUpdate" type="text" style="width: 100px;" />                <input id="statusUpdateButton" value="OK" style=" margin-top: -3px; " type="submit" />                <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 #profile_field_13_7', function () {
                            jQuery('#statusNovoAtual').hide();
                            var statusTextAtual = jQuery('#statusNovoAtual #profile_field_13_7').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_7', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_7').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>

Ficou óptimo amigo obrigado!! ;D