Scris de Cassius Dio Dum 28 Iul 2013 - 20:48
| Setarea unui minim de caractere pentru postarea unui mesaj | |
Bun gasit! 
1. Introducere:
Pentru ca multi dintre voi doriti sa evitati postarile de tip spam sau care nu contin decat cateva caractere, va prezentam acest tutorial cu ajutorul caruia puteti seta un minim de caractere pentru a posta un mesaj pe forum. Astfel, membrilor nu li se va permite sa faca click pe butonul Trimiteti decat daca au atins pragul de X caractere.
Minimul de caractere nu a fost atins:  Minimul de caractere a fost atins:  2. Adaugarea codurilor:
Pentru a punei in functiune optiunea descrisa mai sus, va trebui sa introduceti un cod JavaScript in panoul de administrare. Asadar, vizitati:
Panou de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript | Pentru crearea codului, faceti click pe butonul Creati un nou cod JavaScript.
Completati rubricile ce urmeaza astfel:
- Titlu: Minim de caractere
- Amplasare: Toate paginile
- Cod JavaScript: Adaugati codul de mai jos...
- Cod:
$(function(){$(function(){
var mincaracteres = 10; var ico_compl = "http://i73.servimg.com/u/f73/18/10/89/49/ok-gre10.png"; var ico_incompl = "http://i73.servimg.com/u/f73/18/10/89/49/exclam10.png"; if($("#text_editor_textarea").length != 0){ $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5"); $(".sceditor-container").after("<br/><div id='div_minchars' align='center'><div>Minim de caractere pentru a trimite un mesaj: " + mincaracteres + "</div><div id='div_minchars_info'></div></div>"); var sceditor = $("#text_editor_textarea").sceditor("instance"); if(sceditor.val().length >= mincaracteres){ $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1"); } sceditor.keyUp(function(e) { var numchars = sceditor.val().length; var resta = mincaracteres - numchars; if(resta > 0){ $("#div_minchars_info").html("Ati introdus un numar de <span style='color:red'>" + numchars + "</span> caractere. Va lipsesc " + resta + " caractere pentru a putea trimite mesajul. <img src='" + ico_incompl + "' />"); $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5"); }else{ $("#div_minchars_info").html("Ati introdus un numar de <span style='color:green'>" + numchars + "</span> caractere. Puteti trimite mesajul. <img src='" + ico_compl + "' />"); $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1"); } }); } })}); 3. Configurarea optiunilor:
Codul de mai sus interzice utilizatorilor sa posteze un mesaj daca acestia nu au introdus in editor minim 10 caractere. Puteti modifica atat acest numar cat si iconitele reprezentative.
- mincaracteres = 10
Acesta variabila defineste numarul minim de caractere pentru trimitere unui mesaj pe forum. Il puteti modifica dupa bunul plac.
- ico_compl = "https://i.servimg.com/u/f73/18/10/89/49/ok-gre10.png"
Aici puteti modifica iconita cara reprezinta faptul ca minimul de caractere a fost introdus si ca mesajul poate fi trimis.
- ico_incompl = "https://i.servimg.com/u/f73/18/10/89/49/exclam10.png"
Aici puteti schimba iconita care arata faptul ca minimul de caractere nu a fost atins.
Numai bine!
|