AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-50%
Le deal à ne pas rater :
-50% sur les sacs à dos pour ordinateur portable Urban Factory ...
19.99 € 39.99 €
Voir le deal

    [jQuery + Template] Compteur de mots

    Anonymous
    Invité

    Jeu 6 Juin 2013 - 0:02

    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 Wink
    PS : Je pense essayer de l'améliorer plus tard, je vous en ferai part si j'y parviens ^^ !

    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Si vous avez des problèmes avec ce LS, venez poster ici.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^
    Louna Luna
    Louna Luna
    FémininAge : 28Messages : 147

    Ven 7 Juin 2013 - 11:25

    Pas mal ! Merci ^^
    りん
    りん
    FémininAge : 31Messages : 73

    Sam 29 Juin 2013 - 18:14

    Merci bien (:
    Never-Die
    Never-Die
    FémininAge : 35Messages : 30

    Dim 30 Juin 2013 - 16:27

    Merci bien, effectivement c'est bien utile en terme de RPG
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Mer 6 Nov 2013 - 14:05

    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 ^^)



    "Espérer l'inespérable c'est croire en l'impossible."
    Anonymous
    Invité

    Jeu 7 Nov 2013 - 10:54

    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 ^^
    Vanity.
    Vanity.
    FémininAge : 29Messages : 44

    Jeu 12 Déc 2013 - 11:46

    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'



    [jQuery + Template] Compteur de mots Signat10
    Laora || Peter
    Laora || Peter
    FémininAge : 32Messages : 182

    Mar 4 Fév 2014 - 21:35

    Merci beaucoup :3



    [jQuery + Template] Compteur de mots 1393066044-signaturenu2
    Anonymous
    Invité

    Ven 21 Fév 2014 - 17:56

    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 :)
    Percylove
    Percylove
    FémininAge : 28Messages : 259

    Lun 24 Fév 2014 - 0:12

    Merci beaucoup! Very Happy 



    [jQuery + Template] Compteur de mots 9a6v
    Anonymous
    Invité

    Sam 15 Mar 2014 - 5:03

    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 ^^"
    Jull421
    Jull421
    FémininAge : 29Messages : 143

    Mar 18 Mar 2014 - 2:34

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



    [jQuery + Template] Compteur de mots 140228025614860943
    Anonymous
    Invité

    Lun 31 Mar 2014 - 13:21

    Merci, c'est vraiment utile Wink
    PrincesseÔ
    PrincesseÔ
    FémininAge : 26Messages : 220

    Mar 1 Juil 2014 - 17:53

    Sympa comme tutoriel merci j'en cherchais justement un désespérément ! xD =3
    Kimberlay *
    Kimberlay *
    FémininAge : 33Messages : 161

    Jeu 4 Sep 2014 - 11:30

    Merci bien
    Ouat
    Ouat
    FémininAge : 40Messages : 74

    Mar 2 Déc 2014 - 8:58

    Merci !
    Hachi♥
    Hachi♥
    FémininAge : 21Messages : 163

    Mar 3 Mar 2015 - 20:33

    Mici !
    The_Psychocat
    The_Psychocat
    MasculinAge : 29Messages : 37

    Ven 3 Avr 2015 - 16:59

    Merci bien ! \o/
    pimslady
    pimslady
    FémininAge : 34Messages : 71

    Ven 24 Avr 2015 - 22:18

    merci!!! j'en ai bien besoin!
    Chèlha
    Chèlha
    FémininAge : 31Messages : 121

    Lun 15 Juin 2015 - 18:50

    Merci
    avatar
    Psiconda
    FémininAge : 39Messages : 18

    Sam 11 Juil 2015 - 22:38

    Merci =)
    Djeina
    Djeina
    FémininAge : 27Messages : 233

    Ven 17 Juil 2015 - 6:46

    Merciiii Very Happy Moi qui utilise toujours un compteur de mots sur internet, ça va me faciliter la tâche.
    NanoiHime
    NanoiHime
    FémininAge : 25Messages : 566

    Jeu 13 Aoû 2015 - 22:03

    mercii



    Anonymous
    Invité

    Jeu 13 Aoû 2015 - 22:07

    Merci ! ヽ(^Д^)ノ
    KimmyKinder
    KimmyKinder
    FémininAge : 22Messages : 181

    Mer 24 Fév 2016 - 0:12

    mici c:
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 5:32