[jQuery + Template] Compteur de mots

Bonjour ^^ !

Je viens de mettre en place un petit compteur de mots sur mon forum, je vous en fais donc profiter tant que j'y suis, si cela peut intéresser du monde :)

Le principe est assez simple : au chargement (actualisation) / frappe de clavier / "change" (on clique ailleurs dans la page), le script va compter les mots qu'il y a dans le textarea et changer le texte de la barre en tête pour indiquer le nouveau compte.

Pour cela, il faut "simplement" ajouter un id au titre du tableau "Poster une réponse" pour le repérer facilement, puis ajouter un code Javascript (je l'ai mis sur toutes les pages personnellement).

Le template : Affichage > Templates > Poster & Messages Privés > posting_body
A la ligne 81 (pour moi, cherchez th height="28" class="thHead" si vous ne trouvez pas), remplacez

Code:

<th height="28" class="thHead" colspan="2" valign="bottom">

par

Code:

<th height="28" class="thHead" colspan="2" valign="bottom" id="titre_rep">

Validez et publiez le template, et c'est bon ^^ !

Le javascript : Modules > (HTML & Javascript) Gestion des codes Javascript > Créer un nouveau javascript

Code:

jQuery(document).ready(function() {

    function getWords() {
        var words = $('#text_editor_textarea').val().split(' ');
        var newArray = words.filter(function(v){return v!==''});
        $('#titre_rep').text('Poster une réponse [' + newArray.length + ' mot(s)]');
    }

    $(function(){
        getWords();
    });

    $('#text_editor_textarea').on('change',function() {
        getWords();
    });

    $('#text_editor_textarea').on('keypress',function() {
        getWords();
    });

});

Validez en l'activant sur toutes les pages. Bien sûr, le code peut être amélioré, si vous avez des suggestions d'ailleurs, je suis preneur ^^ !

Normalement, vous devriez avoir ce rendu en répondant à un topic ou en créant un nouveau sujet :

Spoiler:

Voilou
PS : Je pense essayer de l'améliorer plus tard, je vous en ferai part si j'y parviens ^^ !

Merci bien (:

Merci bien, effectivement c'est bien utile en terme de RPG

Merci mais je voulais savoir si on pouvait avoir le compteur de mot qui s'actualise directement lorsque l'on écrit le texte sans pour autant actualiser ni même cliquer autre part. De plus, chez moi il semble que cliquer autre part n'actualise pas le compteur. (A moins qu'il ne faille faire un truc particulier dans le JS ^^)

Depuis la mise à jour de l'éditeur de texte, j'ai eu quelques soucis avec le compteur de mots, et je n'ai pas vraiment pris (ni eu) le temps de revoir ça ^^" ! (car avant, il s'actualisait en ajoutant du texte ou en cliquant ailleurs ... Mais ça, c'était avant /Sbaf)
Je vais essayer de le remettre à jour, avec un peu de chance ça marchera :)

Je te tiens au courant en tout cas ^^

C'est pas mal. Mais le soucis c'est que moi ça marche pas T.T' J'ai bien tout fais comme tu l'as marquer et pis j'ai aucuns compteurs qui s'affiche TT'

Merci beaucoup :3

Comme j'ai dit un peu plus haut (et il y a des lustres T.T) le code déconnait suite à une MAJ de FA.
Pour tout avouer, je ne me suis pas penché dessus depuis, mais étant donné que je bidouille actuellement sur un forum, je vais faire mon possible pour le remettre en place :)

Merci beaucoup!  

Bon, c'est une correction partielle (le temps que je fasse un truc plus propre) mais j'ai trouvé la source du bug.

Il faut remplacer

Code:

 var words = $('#text_editor_textarea').val().split(' ');

Par

Code:

 var words = $('#text_editor_textarea').sceditor('instance').val().split(' ');

Dans le Javascript. L'actualisation se fait au moins à la prévisualisation, pour le reste je travaille encode dessus ^^"

Merci! super pratique pour ceux qui écrive pas sur Word

Merci, c'est vraiment utile

Sympa comme tutoriel merci j'en cherchais justement un désespérément ! xD =3

Merci bien

Merci !

Mici !

Merci bien ! \o/

merci!!! j'en ai bien besoin!

Merci

Merci =)

Merciiii Moi qui utilise toujours un compteur de mots sur internet, ça va me faciliter la tâche.

mercii

Merci ! ヽ(＾Д＾)ﾉ

mici c: