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
    avatar
    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
    avatar
    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
    avatar
    O'Daim
    FémininAge : 21Messages : 115

    le Dim 10 Avr 2016 - 11:32

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

    le Mer 10 Aoû 2016 - 0:03

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

    le Dim 21 Aoû 2016 - 22:29

    merci
    avatar
    Cracklebones
    FémininAge : 14Messages : 7

    le Mer 21 Déc 2016 - 17:42

    Merci infiniment, très utile :aww:
    avatar
    SvenO
    MasculinAge : 23Messages : 78

    le Mer 11 Jan 2017 - 22:54

    merci ! ça va nous être très pratique !



    avatar
    Nyotengu
    FémininAge : 22Messages : 83

    le Sam 4 Mar 2017 - 20:56

    merci
    avatar
    Kiona_Spencer
    FémininAge : 26Messages : 24

    le Lun 6 Mar 2017 - 14:00

    Merci beaucoup pour ce partage :)
    Contenu sponsorisé


      La date/heure actuelle est Dim 26 Mar 2017 - 20:51