Discussion :

[Keyboard]

Bonjour, je suis de niveau zéro en jquery et je voulais savoir pourquoi le "keyup' ne semble pas être détecté lorsque j'ajoute ce code à mon site wordpress

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
    jQuery(function($) {
        var comment_input = $('#commentform textarea');
        var submit_button = $('#commentform .form-submit'); // button
        var comment_limit_chars = 500; // characters
        $('<div class="comment_limit_info">Il vous reste <span>' + comment_limit_chars + '</span> caract&egrave;res</div>').insertAfter(comment_input);
        comment_input.bind('keyup', function() {
            var comment_length = $(this).val().length;
            var chars_left = comment_limit_chars - comment_length;
            $('.comment_limit_info span').html(chars_left);
            if (submit_button)(chars_left < 0) ? submit_button.hide() : submit_button.show();
        });
    });
</script>

Pourtant je vois bien apparaître "Il vous reste 500 caractères" mais le décompte ne se fait pas.

[Watilin]

Bonsoir,

la flemme de tester mais voici quelques pistes :

.bind() est obsolète, essaye plutôt comment_input . on('keyup', …) ou bien comment_input . keyup(…) (remplace les trois petits points par ta fonction bien sûr) ; voir la doc.

a priori jQuery se débrouille pour que val() renvoie la valeur attendue, mais on ne sait jamais, ajoute un console.log pour tester :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
…
var comment_length = $(this).val().length;
console.log(comment_length);
…

Fais F12 pour ouvrir ta console de ton navigateur et voir les messages inscrits par console.log.

[Keyboard]

Merci beaucoup ! Pour ce qui est de bind ça ne change pas le résultat, mais il y a en effets plusieurs erreurs dans console log, voici celles liées à mon compteur de caractères:

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a function

[Keyboard]

Merci de m'avoir fait découvrir ces console log, j'ai maintenant résolu mon problème