AccueilFAQRechercherMembresGroupesS'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.


    [jQuery + Template] Compteur de mots

    Anonymous
    Invité

    le Jeu 6 Juin 2013 - 0:02

    Rappel du premier message :

    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:
    [jQuery + Template] Compteur de mots - Page 2 743318apercu

    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 ^^
    Bad.Blood
    Bad.Blood
    FémininAge : 22Messages : 12

    le Mer 24 Fév 2016 - 21:31

    Merci beaucoup ! Very Happy



    Kovu
    Kovu
    FémininAge : 18Messages : 254

    le Ven 1 Juil 2016 - 10:46

    merci !



    [jQuery + Template] Compteur de mots - Page 2 I_folder_locked_big[jQuery + Template] Compteur de mots - Page 2 Tumblr_ltgz337zP91qm6oc3o1_500[jQuery + Template] Compteur de mots - Page 2 I_folder_locked_big
    ¨Lame Spirit
    ¨Lame Spirit
    FémininAge : 21Messages : 33

    le Mar 19 Sep 2017 - 20:16

    Merciiii !!
    Sow_Oxalys
    Sow_Oxalys
    FémininAge : 28Messages : 21

    le Mar 24 Oct 2017 - 22:11

    ça peu être utile ! merci
    GleeClub
    GleeClub
    FémininAge : 25Messages : 48

    le Dim 13 Mai 2018 - 17:57

    merciiiiii
    Lie_MADcircus
    Lie_MADcircus
    MasculinAge : 26Messages : 37

    le Lun 13 Aoû 2018 - 4:08

    Merci beaucoup.
    Jixdu
    Jixdu
    FémininAge : 18Messages : 37

    le Ven 7 Sep 2018 - 16:51

    Merci !
    Contenu sponsorisé


      La date/heure actuelle est Sam 20 Juil 2019 - 13:41