Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Aggiungere un contatore di parole all'editor


Tutorial Aggiungere un contatore di parole all'editor

Messaggio Da Niko il Ven 07 Mar 2014, 10:50

Aggiungere un contatore di parole all'editor


Ciao a tutti :good:

1. Definizione:

Con questo tutorial per tutte le versioni dei forum, imparerai come impostare un numero minimo di parole richiesto per spedire una risposta con il nuovo editor.
Puoi anche impostare il numero minimo che ogni parola deve avere :good: 

per esempio





2. Aggiunta del codice Javascript

Andate verso PDA > Moduli > HTML & Javascript > Gestione dei codici Javascript :new: 


  • Titolo: Word counter
  • Dove/ubicazione: In tutte le pagine
  • JavaScript code:
    Codice:
          $(function(){$(function(){

           var MinNumberOfWords = 5;
           var LetterCountPerWord = 3;
           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 id='div_minchars_header'> Parole minime per spedire un messaggio: " + MinNumberOfWords + " (almeno " + LetterCountPerWord + " lettere)</div><div id='div_minchars_info'></div></div>");
              
              var sceditor = $("#text_editor_textarea").sceditor("instance");                  
              var str = sceditor.val();
              var regex = new RegExp('\\w{' + LetterCountPerWord + ',}\\b', 'g');
              var str_arr = str.match(regex);
              var str_len = str_arr == null ? 0 : str_arr.length;
              
              if(str_len >= MinNumberOfWords) $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
              
              sceditor.keyUp(function(e) {
                 str = sceditor.val();
                 str_arr = str.match(regex);
                 str_len = str_arr == null ? 0 : str_arr.length;
                 if(str_len >= MinNumberOfWords) {
                    $("#div_minchars_info").html("Hai scritto <span style='color:green'>" + str_len + "</span> parole. Puoi ora spedire il tuo messaggio <img src='" + ico_compl  + "' />");  
               $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                 }else{
                    $("#div_minchars_info").html("Hai scritto <span style='color:red'>" + str_len + "</span> parole. Ti servono " + (MinNumberOfWords - str_len) + " parole per spedire questo messaggio <img src='" + ico_incompl  + "' />");
                    $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");
                 }
              });
           }
        })});



3. Nel codice è possibile modificare

var MinNumberOfWords:  è il numero minimo di parole che bisogna scrivere. per default è 5

var LetterCountPerWord: è il numero minimo per la lunghezza di ogni singola parola. per default è 3

var ico_compl: è limmagine che apparirà quando potrai spedire il messaggio; puoi cambiarlo con una qualsiasi immagine (LINK)

var ico_incompl: è l'immagine che appare quando non puoi spedire un messaggio (non hai raggiunto il minimo valore impostato); come prima, puoi impostare qualunque LINK IMMAGINE.




Ricordo che siamo sempre disponibili per eventuali domande e suggerimenti :good:
Team Forumattivo


Astuzia creata da: Turbodeif (ESP)
Copyrigth © FORUMATTIVO.COM



Niko
+ Iperattivo +


Sesso : Maschile
Età : 20
Messaggi : 7668
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum