JScript

Programação & Desenvolvimento


Montagem especifica de Editar Rápido

avatar
Convidado
Convidado

Montagem especifica de Editar Rápido Empty Montagem especifica de Editar Rápido

Mensagem por Convidado em Ter 12 Nov 2013, 10:02 am

Olá,

Não sei se vais ser possível mas vou dizer da mesma, eu desejava um Editar Rápido mas diferente de todos que tenho visto ou parecidos.

Eu queria que quando ao clicar no botão Editar abri-se um aba com duas opções a Editar Normal e a Editar Rápido.

Como deste género ou algo parecido:

Montagem especifica de Editar Rápido 119

Ao clicar no Editar Normal simplesmente ia para o normal como se fosse nada, enquanto o Editar Rápido eu desejava ele abrir deste género:

Montagem especifica de Editar Rápido 125

Eu utilizava um desse género que é este o código de JavaScript:

Código:
$(document).ready(function(){
$('body').before('<style>#editp {background: #F6F8FA;border: 1px solid #DCE2EC;margin: 3px;}#editp [name="subject"], #editp [name="topic_color"]{display:none}#editp textarea{height: 200px !important;margin: 3px;}#editp .frm-buttons {padding: 8px;}#editp .inputbox {display: inline-block;}</style>');
$('a[href*="mode=editpost"]').bind('click', function(){
edit = $(this).attr('href');
$('#editp').remove();
$(this).parents('.post').find('.post-entry').after('<div id="editp"><img src="http://activit.com.br/img/loading-transparent.gif"></div>');
$('#editp').hide().fadeIn();
$.get(edit, function(e){
var input = $('.frm-form .frm-input', e).html();
var textarea = $('.frm-form .frm-textarea', e).html();
var razao = $('.frm-form dl:contains("Razão") dd', e).last().html();
var buttons = $('.frm-form .frm-buttons', e).html();
var form = '<form onsubmit="return vB_Editor[\'text_editor\'].prepare_submit(0,0)" name="post" method="post" action="/post" class="frm-form" enctype="multipart/form-data">' + input + textarea + '<div class="frm-buttons">Razão para editar: ' + razao + '<br /><br />' +buttons +'</div></form>';
$('#editp').html(form);
});
jQuery('html,body').animate({scrollTop: jQuery('#editp').offset().top}, 800);
return false;
});
});
Só que tinha um problema não aparecia os botões de BBCode, eu desejava a aparecer os botões de BBCode se possível.


www.suportedesign.net || PunBB
Legolas
Legolas
Moderadores
Moderadores

Time Online : 263d 48m 45s
Mensagens : 644
Data de inscrição : 24/08/2013
Localização : Rio de Janeiro

Montagem especifica de Editar Rápido Empty Re: Montagem especifica de Editar Rápido

Mensagem por Legolas em Ter 12 Nov 2013, 10:45 am

Ou seja, deseja o mesmo que tem aqui e digo o que sempre disse sobre todas as funções que tem aqui no PunBB, que em breve serão feitos os tutoriais correspondentes.

Pode ser que o @JScript lhe passe algo.



Montagem especifica de Editar Rápido Url11
JScript
JScript
Administradores
Administradores

Time Online : 2d 4h 51m 36s
Mensagens : 1381
Data de inscrição : 29/03/2013
Localização : Somewhere out there

Montagem especifica de Editar Rápido Empty Re: Montagem especifica de Editar Rápido

Mensagem por JScript em Ter 12 Nov 2013, 5:52 pm

Como nosso amigo @Legolas afirmou acima, será feito um tutorial completo de todos os nossos sistemas!

Mas por enquanto, o básico pra aparecer os botões de edição e BBCode é:
Código:

      try {
            $("#text_editor_textarea").sceditor('instance').destroy();
         $("#text_editor_textarea").sceditor({
                locale: "pt",
            height: "250px",
            plugins: "bbcode",
            style: "http://illiweb.com/rs3/76/frm/SCEditor/minified/jquery.sceditor.default.min.css"
         });
         $("#text_editor_textarea").sceditor("instance").toggleSourceMode();
         $("a.sceditor-button-source").addClass("hover");
         $.sceditor.ShowHideToolbarElements();
      } catch (e) {
         if (typeof (console) != 'undefined') {
            console.error(e);
         }
      }
Tente adicionar o código acima em seu JavaScript, pois se eu lhe entregar tudo pronto você não vai aprender nada!

JS



Spoiler:
"O impossível é só uma questão de opinião."


"E o recente formará uma legião. Sua atuação será maior que a atual vezes mil. O estrondor de um milhão de teclados semelhante a um grande terremoto cobrirá a plataforma, e os incrédulos tremerão."

"Alguns seguidores dirão que não é possível, diante de uma legião estarrecida o recente provará o contrário e todos o conhecerão. Os infiéis passarão a lhe adorar diante de uma plataforma que nunca mais será a mesma!"


Do livro de JScript...


avatar
Convidado
Convidado

Montagem especifica de Editar Rápido Empty Re: Montagem especifica de Editar Rápido

Mensagem por Convidado em Ter 12 Nov 2013, 6:51 pm

Olá,

Continua a não aparecer os botões de BBCode

Conteúdo patrocinado

Montagem especifica de Editar Rápido Empty Re: Montagem especifica de Editar Rápido

Mensagem por Conteúdo patrocinado


    Data/hora atual: Qui 14 Nov 2019, 3:06 pm