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.
Et ... Ben c'est tout ! Enjoy ^^
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 :
En cliquant sur le bouton "Compter les mots", une boîte de dialogue s'affiche avec le nombre de mots
- Spoiler:
![Compteur de mots (ultra simple) [jQuery] 797618Compteurdemotsavecalerte](https://2img.net/r/hpimg15/pics/797618Compteurdemotsavecalerte.png)
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
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" !
- 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] 380120Compteurdemots](https://2img.net/r/hpimg15/pics/380120Compteurdemots.png)
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
![Compteur de mots (ultra simple) [jQuery] Ange_s10](https://i.servimg.com/u/f39/17/59/19/12/ange_s10.png)
![Compteur de mots (ultra simple) [jQuery] Witche13](https://i.servimg.com/u/f57/18/09/37/47/witche13.png)
![Compteur de mots (ultra simple) [jQuery] Goupix10](https://i.servimg.com/u/f19/18/11/23/99/goupix10.png)
ça va être super pratique pour mon forum 
