[TUTORIAL] 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.



1º - Crie um Widget personalizado

Nome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.

Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".

Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.

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>

Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.

2º - Resultado

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Widget change name fast