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.

-43%
Le deal à ne pas rater :
SAMSUNG 990 PRO – SSD Interne avec dissipateur 1 To à 84,99€
84.99 € 149.99 €
Voir le deal

    Compteur de mots (ultra simple) [jQuery]

    Anonymous
    Invité

    Sam 15 Mar 2014 - 5:40

    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
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Sam 15 Mar 2014 - 21:05

    Oh! Super ça, j'en avais trouvé des compteurs de mot mais ils étaient plus compliqués à mettre en place... C'est nickel je te remercie !
    Du coup pour ceux qui voudraient que le bouton ait automatiquement la même apparence que les autres il faut changer la class "cw" par "mainoption" pour qu'il soit pareil que le "envoyer" ou "liteoption" pour qu'il soit comme le "prévisualiser". Enfin j'suppose x)



    sign
    Anonymous
    Invité

    Dim 16 Mar 2014 - 12:38

    Pour l'apparence des boutons, j'avoue que je n'ai pas testé, la simple insertion du code en jQuery lui fait prendre la même apparence que les autres (sur mon forum test et celui d'une amie en tout cas ^^), mais en effet ajouter une des classes citées devrait forcer un rendu similaire aux deux autres boutons :)

    EDIT : J'ai ajouté la précision, ainsi qu'une version sans alert, ça peut toujours servir ^^
    Offrande
    Offrande
    FémininAge : 33Messages : 194

    Jeu 20 Mar 2014 - 0:14

    Pas mal du tout ! Merci beaucoup pour le partage !
    louha
    louha
    FémininAge : 37Messages : 219

    Jeu 3 Avr 2014 - 2:57

    j'en cherchais un comme ça depuis un moment ! Merci !
    Usopp
    Usopp
    MasculinAge : 29Messages : 69

    Ven 2 Mai 2014 - 11:03

    Merci^^
    Ailou ~3
    Ailou ~3
    FémininAge : 25Messages : 61

    Mer 14 Mai 2014 - 15:24

    Merci :)
    smily
    smily
    FémininAge : 25Messages : 66

    Ven 23 Mai 2014 - 19:07

    Merci :B !
    John Parker
    John Parker
    MasculinAge : 42Messages : 58

    Sam 14 Juin 2014 - 0:01

    Merci beaucoup pour l'astuce ! ^^



    Compteur de mots (ultra simple) [jQuery] Ange_s10
    Choubakawa
    Choubakawa
    MasculinAge : 31Messages : 87

    Sam 28 Juin 2014 - 16:52

    Merci :)



    Compteur de mots (ultra simple) [jQuery] Witche13
    PrincesseÔ
    PrincesseÔ
    FémininAge : 27Messages : 220

    Mar 1 Juil 2014 - 17:53

    Sympa comme tutoriel merci j'en cherchais justement un désespérément ! xD
    Marwin
    Marwin
    MasculinAge : 32Messages : 47

    Dim 6 Juil 2014 - 1:56

    merci
    Alumine
    Alumine
    FémininAge : 27Messages : 487

    Jeu 31 Juil 2014 - 13:49

    Merci (=



    Alumine
    ( Lou' )
    ( Lou' )
    FémininAge : 29Messages : 108

    Ven 1 Aoû 2014 - 15:06

    Mercii c'est super utile **
    Alumine
    Alumine
    FémininAge : 27Messages : 487

    Ven 26 Sep 2014 - 20:19

    Merci !! C'est une super idée (=



    Alumine
    Black Chocolate
    Black Chocolate
    MasculinAge : 35Messages : 59

    Ven 14 Nov 2014 - 11:43

    Merci beaucoup ! ♥
    sica3
    sica3
    MasculinAge : 51Messages : 135

    Mar 2 Déc 2014 - 7:54

    thank's
    katastukye
    katastukye
    FémininAge : 32Messages : 27

    Dim 1 Fév 2015 - 7:11

    waw!! Merci! C'est justement ce que je cherchais!!!



    Kirito
    Kirito
    MasculinAge : 28Messages : 209

    Dim 22 Mar 2015 - 11:57

    Merci '-'
    crash_
    crash_
    FémininAge : 29Messages : 50

    Ven 3 Avr 2015 - 12:50

    merci beaucoup pour ce code, ça fait longtemps que je cherchais !
    Goupixette
    Goupixette
    FémininAge : 33Messages : 28

    Jeu 4 Juin 2015 - 13:36

    Depuis le temps que je voulais en mettre un ** merciii <3



    Compteur de mots (ultra simple) [jQuery] Goupix10
    Shacoham
    Shacoham
    MasculinAge : 31Messages : 82

    Sam 6 Juin 2015 - 21:23

    Merci beaucoup Very Happy ça va être super pratique pour mon forum Very Happy
    Alec Sing Toa
    Alec Sing Toa
    FémininAge : 32Messages : 75

    Sam 22 Aoû 2015 - 19:28

    Un grand merci ^ ^ Très simple à mettre pour les admins et très simple à utiliser pour les membres, c'est vraiment pratique.
    Anonymous
    Invité

    Sam 22 Aoû 2015 - 23:24

    Merci !!! (ノ´ー`)ノ
    lilissa
    lilissa
    FémininAge : 31Messages : 31

    Dim 29 Nov 2015 - 2:08

    merci beaucoup ♥ vraiment pratique Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Lun 2 Déc 2024 - 11:42