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.


    Compteur de mots (ultra simple) [jQuery]

    Partagez
    Invité

    le Sam 15 Mar 2014 - 5:40

    Rappel du premier message :

    Bonjour :)

    En cherchant à comprendre d'où venait l'erreur sur un ancien compteur de mots, j'ai créé une version ultra simpliste et très facile à mettre en place.

    Rendu :

    Spoiler:


    En cliquant sur le bouton "Compter les mots", une boîte de dialogue s'affiche avec le nombre de mots


    Pages Javascript : Ajouter ce code sur toutes les pages

    Code:
    $(function(){
    $('[value="Prévisualiser"]').before('<input class="cw" type="button" value="Compter les mots" onclick="alert($(\'#text_editor_textarea\').sceditor(\'instance\').val().split(\' \').filter(function(v){return v!==\'\'}).length + \' mot(s).\');"/>  ');
    });


    Pour ceux qui voudraient personnaliser le bouton avec du CSS, il faudra utiliser la classe cw mise sur le bouton :) !
    Note (merci Sparrow-Style ^^) : Pour forcer le bouton à prendre la même apparence que le bouton "prévisualiser" ou "envoyer", vous pouvez remlacer "cw" dans le code par, respectivement "liteoption" ou "mainoption" !


    VERSION SANS ALERT : Pour ceux qui ne sont pas fan d'une popup en guise d'affichage, voici la seconde version, qui remplace le texte du bouton avec le nombre de mots en cliquant sur le bouton.
    Code:
    $(function(){
    $('[value="Prévisualiser"]').before('<input class="cw" type="button" value="Compter les mots" onclick="$(this).val(\'Compter les mots - \' + $(\'#text_editor_textarea\').sceditor(\'instance\').val().split(\' \').filter(function(v){return v!==\'\'}).length + \' mot(s)\');"/>  ');
    });


    Rendu :


    Et ... Ben c'est tout ! Enjoy ^^


    Dernière édition par Alec Kuro le Dim 16 Mar 2014 - 12:38, édité 2 fois
    Ondée
    FémininAge : 18Messages : 658

    le Mar 8 Déc 2015 - 12:56

    Oh, c'est génial ! Merci beaucoup :)



    EN VACANCES JUSQU'À DÉBUT AOÛT - TOTALEMENT ABSENTE
    O'Daim
    FémininAge : 21Messages : 115

    le Dim 10 Avr 2016 - 11:32

    merci beaucoup, ça fonctionne super bien !
    Kiki*
    FémininAge : 20Messages : 32

    le Mer 10 Aoû 2016 - 0:03

    Merci :)
    Emelyne
    FémininAge : 35Messages : 77

    le Dim 21 Aoû 2016 - 22:29

    merci
    Contenu sponsorisé

    Aujourd'hui à 7:04


      La date/heure actuelle est Dim 11 Déc 2016 - 7:04