[TUTORIAL] Widget change name fast

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Widget change name fast

Mensagem por Daemon em Ter 4 Ago 2015 - 18:34



Widget change name fast

Muita das vezes temos que alterar o nickname dos membros que assim, participam de nossos fóruns. Ficar entrando no painel administrativo e atualizando, pode ser cansativo demais. Com este código, você poderá modificar o nome dos usuários sem que seja necessário mudança de página.

--> Tutoriais, dicas e astúcias <--
Widget change name fast


- Crie um Widget personalizado
Vá em:
Painel de controle :seta2: Modulos :seta2: Portal & Widgets :seta2: Gestão dos widgets do fórum


SetaNome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".
Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
Seta Fonte do widget: - Neste campo, Devemos inserir o seguinte código:
Código:
<style type="text/css">
#change_name_fast input[type="text"] {
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
background: #FCFCFC;
border: 1px solid #D4D4D4;
box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
color: #9F9F9F;
outline: none;
font-size: 13px;
padding: 3px;
text-shadow: #fff 0 1px 0;
}
#change_name_fast label {font-weight: bold;}
.bs_member {
background: white;
border: 1px solid #ddd;
padding: 2px;
width: 200px;
position: absolute;
cursor: pointer;
}
.bs_member:before {
content: 'JÁ EXISTENTES:';
font-weight: bold;
padding: 5px;
display: block;
}
.bs_member span {display: block;}
#change_name_fast dd {-webkit-margin-start: 0;}
</style>
<div id="change_name_fast">
  <dl>
      <dt><label>Nick atual:</label></dt>
      <dd><input placeholder="Nome atual do usuário" id="current_nick" type="text" /></dd>
  </dl>
  <br />
  <dl>
      <dt><label>Novo nick:</label></dt>
      <dd><input placeholder="Novo nome do usuário" id="new_nick" type="text" /></dd>
  </dl>           
  <div id="nick_list" class="bs_member" style="display: none;"></div>
  <br /><br />
  <input onclick="modify()" id="modify_name" value="Modificar" type="button" />
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#new_nick').keyup(function() {
      jQuery.ajax({
        url: '/memberlist?change_version=punbb&mode=lastvisit&order=DESC&submit=Ok&username=' + jQuery(this).val(),
        type: 'GET',
        success: function(d) {
        var current = jQuery('fieldset.frm-set tbody a.gen[href^="/u"]', d).parent();
        jQuery('#nick_list').show().html(current).find('a').each(function() {
          jQuery(this).closest('td').replaceWith( '<span class="current">' + jQuery(this).text() + '</span>' );
        });
        if(jQuery('#new_nick').val().length == 0 || current.length == 0) {
            jQuery('#nick_list').html('').hide();
        }
      }
      });
});
});
function modify() {
 if(jQuery('#current_nick').val().length != 0 && jQuery('#new_nick').val().length != 0) {
    var TID = jQuery('a[href*="tid="]').attr('href').split('tid=')[1].split('&')[0];
    var username = jQuery('#current_nick').val();
    jQuery.get('/profile?change_version=punbb&mode=viewprofile&u=' + username, function(user) {
            jQuery('#modify_name').val('Carregando...');
            var ID = jQuery('a[href*="wall"]', user).attr('href').split('/u')[1].split('wall')[0];
            if(jQuery('#frame_perfil').length) {
                jQuery('#frame_perfil').remove();
            }
            jQuery('<iframe src="/admin/index.forum?part=users_groups&sub=users&mode=edit&u=' + ID + '&extended_admin=1&tid=' + TID + '" id="frame_perfil" style="display: none;"></iframe>').appendTo('body');
            setTimeout(function() {
                  var newNick = jQuery('#new_nick').val();
                  jQuery('#frame_perfil').contents().find('form [name="username_edit"]').val(newNick);
                  jQuery('#frame_perfil').contents().find('.icon_ok').trigger('click');
                  jQuery('#modify_name').val('Modificar');
            }, 3000);
    });
 } else {
    alert("Preencha os dois campos");
 }
}
</script>
Seta Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.
- Resultado



© Fórum dos Fóruns & Daemon
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Widget change name fast
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1096
Pontos Ativos : 1689

Ver perfil do usuário http://bestskins.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum