Widget para atualizar status

Minha questão:

Gostaria de um widget que atualizasse o status do player...

que aparecesse o status atual e que desse pra editar tal status, ou seja, o modificar..

seria possível?

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Só lembrando o tópico para não morrer...

 

Olá,
Irei fazer esse código, peço que aguarde que brevemente passarei o código aqui mesmo.

Até Mais...

Olá,
Vamos começar o processo.
Crie um campo de perfil com o nome "Status", modificável pelo membro , visível nas mensagens e perfil!

Após criar esse campo me diga aqui para que eu possa fazer o resto do código de acordo com o ID do campo em seu fórum.

Até Mais....

Já está criado.....

Peguei a ID, aqui está, sendo esta ID na edição de perfil.

profile_field_13_-8

E tem esta ID, sendo esta na visualização do perfil.

field_id-8

Algo mais?

Olá,
Prontos vamos concluir o cödigo:
Crie um Widget em que apenas Administradores, Moderadores e Membros :
Nome do widget : Atualizar Status
Utilizar um table type : Não
Título do widget : Não coloque nada
Fonte do widget * :

Código:

<div class="module main">

    <div class="main-head">

        <div id="statusTitle" class="h3">
            <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. Coloque coisas pequenas e não ofensivas.
            </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_2", "' + 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_-8', function () {
                            jQuery('#statusNovoAtual').hide();
                            var statusTextAtual = jQuery('#statusNovoAtual #profile_field_13_-8').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_-8', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_-8').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...

coloquei mais não funciona....

Tento atualizar o Status, mais o mesmo não e atualizado....

qual seria o problema?

Olá,
Troque o código por este:

Código:

<div class="module main">

    <div class="main-head">

        <div id="statusTitle" class="h3">
            <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. Coloque coisas pequenas e não ofensivas.
            </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_-8", "' + 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_-8', function () {
                            jQuery('#statusNovoAtual').hide();
                            var statusTextAtual = jQuery('#statusNovoAtual #profile_field_13_-8').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_-8', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_-8').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...

Ainda persiste o mesmo erro, coloco um novo status e clico em Ok, mais não atualiza o Status, permanecendo o antigo..

Olá,
Troque por este:

Código:

<div class="module main">

    <div class="main-head">

        <div id="statusTitle" class="h3">
            <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. Coloque coisas pequenas e não ofensivas.
            </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_17", "' + 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_17').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_17', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_17').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...

Querry agora fica atualizando infinitamente e nunca muda o Status...

Olá,
Todos os códigos que lhe passei, eu testei e são todos funcionais, não sei o que se passa.
Mas troque por este:

Código:

<div class="module main">
   
  <div class="main-head">
     
      <div id="statusTitle" class="h3">
          <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" />
            <button style=" margin-top: -3px; " class="button2" id="statusUpdateButton">
              OK
            </button>
            <br />Atualize seu status aqui. Coloque coisas pequenas e não ofensivas.
        </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_17", "' + 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_17', function () {
                            jQuery('#statusNovoAtual').hide();
                            var statusTextAtual = jQuery('#statusNovoAtual #profile_field_13_17').val();
                            jQuery('#statusTitle').html('Status atual: <br/><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_17', function () {
                    jQuery('#statusAtual').hide();
                    var statusText = jQuery('#statusAtual #profile_field_13_17').val();
                    jQuery('#statusTitle').html('Status atual: <br/><span id="statusAtualText">"' + statusText + '"</span>');
                });
            });
        </script>
  </div>
</div>

Crie um JavaScript com investimento em todas as páginas:

Código:

$(function () {
    $('.label:contains("Status:")').hide().attr('id', 'statusLabel');
    $('.label:contains("Status")').each(function () {
        var self;
        self = $(this);
        self.closest('.user').prepend(self.parent());
    });
});

Até Mais...

Humrum testo em fórum de testes e funciona....

Creio que seja algum conflito entre códigos JS, mas vou dar um jeito aqui cara...

Resolvido.

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código