Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
TUTORIALBotão maximizar sceditor


Descrição: Com este código você terá a oportunidade de editar os seus tópicos e respostas em modo tela cheia.

Versão: Todas

Vamos adicionar um simples código ##JavaScript para concluir.
Código:
var editormaxi = false;
    $(function(){$(function(){
    //Tutorial = http://staffergroupbr.stuning.net/t2269-
    $('<a class="sceditor-button sceditor-button-maxi" unselectable="on" title="Maximizar"><div unselectable="on" style="cursor:pointer!important;opacity:1!important;background-image:url(http://i37.servimg.com/u/f37/17/45/19/77/full_s10.png)">Maximizar</div></a>')
    .insertBefore('.sceditor-button-source').click(function(){
    $("#text_editor_textarea").sceditor("instance").maximize(editormaxi = !editormaxi).focus();
    if(editormaxi){
    $(".sceditor-button-maxi").addClass("hover");
    $("div.sceditor-container").append('<div align="center" id="sceditor-maximized" class="sceditor-toolbar" style="width:100%;border-top:1px solid silver;position:absolute;bottom:0;"><input type="submit" value="Previsualización" name="preview"> <input type="submit" value="Enviar" name="post"></div>');
    $(".sceditor-maximize").prop("style", $(".sceditor-maximize").attr("style") + ";text-align:center;");
    $("#fa_toolbar").hide();
    }else{
    $(".sceditor-button-maxi").removeClass("hover");
    $("#sceditor-maximized").remove();
    $("#fa_toolbar").show();
    }
    });
})});
Agora salve e veja os resultados!

  • Resultado:

Antes
Depois
Criador: Turbodeif
Tutorial: http://staffergroupbr.stuning.net/t2269-tutorial-botao-maximizar-sceditor
Ver perfil do usuário