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

-41%
Le deal à ne pas rater :
SanDisk Carte microSDXC UHS-I pour Nintendo Switch 128 Go
25.55 € 42.99 €
Voir le deal

    Compteur de mots (ultra simple) [jQuery]

    Anonymous
    Invité

    le Sam 15 Mar 2014 - 4: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:
    Compteur de mots (ultra simple) [jQuery] - Page 2 797618Compteurdemotsavecalerte


    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 :
    Compteur de mots (ultra simple) [jQuery] - Page 2 380120Compteurdemots


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

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


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

    le Mar 8 Déc 2015 - 11:56

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



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

    le Dim 10 Avr 2016 - 9:32

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

    le Mar 9 Aoû 2016 - 22:03

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

    le Dim 21 Aoû 2016 - 20:29

    merci
    Cracklebones
    Cracklebones
    FémininAge : 18Messages : 7

    le Mer 21 Déc 2016 - 16:42

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

    le Mer 11 Jan 2017 - 21:54

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



    Compteur de mots (ultra simple) [jQuery] - Page 2 703037Bann
    Nyotengu
    Nyotengu
    FémininAge : 26Messages : 85

    le Sam 4 Mar 2017 - 19:56

    merci
    Kiona_Spencer
    Kiona_Spencer
    FémininAge : 30Messages : 28

    le Lun 6 Mar 2017 - 13:00

    Merci beaucoup pour ce partage :)
    avatar
    Catblack
    FémininAge : 24Messages : 85

    le Mar 28 Mar 2017 - 8:31

    merci
    mijako
    mijako
    FémininAge : 28Messages : 83

    le Mar 28 Mar 2017 - 13:00

    merci
    lelie25
    lelie25
    FémininAge : 28Messages : 157

    le Dim 15 Mar 2020 - 21:25

    Mercii
    Contenu sponsorisé


      La date/heure actuelle est Sam 16 Jan 2021 - 20:52