Forum gratuit: forum de suport al utilizatorilor Forumgratuit
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Buton pentru maximizarea editorului de mesaje

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Buton pentru maximizarea editorului de mesaje

Mesaj Scris de Teodor Mar Mai 12, 2020 9:07 pm

Buton pentru maximizarea editorului de mesaje

Salut Forumgratuit!

Cu ajutorul acestui tutorial vom adauga un nou buton pentru a maximiza editorul de text. Cu acest buton puteti mari zona de scris pe tot ecranul, sau sa o micsorati la loc.

Instalare


Panou de administrare => Module => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript

Pentru a crea codul, faceti click pe butonul Creati un nou cod JavaScript.

Completati rubricile ce urmeaza astfel:

Titlu: (ce titlu doriti sa puneti)
Amplasare: Toate paginile
Cod JavaScript: Adaugati codul JavaScript de mai jos:

Cod:

var editormaxi = false;
$(function(){$(function(){
 $('<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="Previzualizare" name="preview"> <input type="submit" value="Trimiteti" 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();
 }
 });
})});

Rezultat


Editorul de text implicit:
Buton pentru maximizarea editorului de mesaje 1_zps510

Editorul de text maximizat:
Buton pentru maximizarea editorului de mesaje Untitl10

Teodor

Teodor
Membru onorific
Membru onorific

Mesaje : 371
Varsta : 25
Localizare : Italia
Data înscrierii : 28/03/2016
Mulțumiri : 48
Internet Explorer punBB

http://Lestreghebuone.net
Teodor a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum