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.

Le Deal du moment :
Coffret dresseur d’élite ETB ...
Voir le deal
56.90 €

    Compteur de mots (ultra simple) [jQuery]

    Anonymous
    Invité

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

    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 - 12:38, édité 2 fois
    Ondée
    Ondée
    FémininAge : 25Messages : 659

    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
    O'Daim
    FémininAge : 28Messages : 116

    Dim 10 Avr 2016 - 11:32

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

    Mer 10 Aoû 2016 - 0:03

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

    Dim 21 Aoû 2016 - 22:29

    merci
    Cracklebones
    Cracklebones
    FémininAge : 21Messages : 7

    Mer 21 Déc 2016 - 17:42

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

    Mer 11 Jan 2017 - 22:54

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



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

    Sam 4 Mar 2017 - 20:56

    merci
    Kiona_Spencer
    Kiona_Spencer
    FémininAge : 33Messages : 28

    Lun 6 Mar 2017 - 14:00

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

    Mar 28 Mar 2017 - 10:31

    merci
    mijako
    mijako
    FémininAge : 31Messages : 83

    Mar 28 Mar 2017 - 15:00

    merci
    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Dim 15 Mar 2020 - 22:25

    Mercii
    samantha83
    samantha83
    FémininAge : 31Messages : 6

    Mar 30 Mar 2021 - 20:29

    oh top c'est ce que je chercher
    Mayobaka
    Mayobaka
    FémininAge : 24Messages : 22

    Mar 31 Jan 2023 - 13:57

    Merci beaucoup, ça ajoute vraiment un petit truc en plus sur nos forums !
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 1:43