Buton pentru maximizarea editorului de mesaje

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Buton pentru maximizarea editorului de mesaje

Mesaj Scris de Ina la data de Lun 16 Dec - 15:52

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.

1.  Adaugarea codului JavaScript:

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();
 }
 });
})});

2. Rezultat:

Editorul de text implicit:


Editorul de text maximizat:


Tutorial scris de Turbodeif, tradus de eManuel

Copyright ˆ Forumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Ina
Membru activ

feminin

Mesaje : 13740
Varsta : 45
Data de inscriere : 05/03/2009
Multumiri : 79
Niciun avertisment

http://www.goblenul.com

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum