Message à taille limitée
October 26 2011
Parfois, on désire limiter la taille de certains messages sur son site. Mais l'expérience utilisateur peut s'avérer déplaisante si l'on découvre à posteriori que son message a été tronqué; et d'autant plus qu'il était long. Rares sont alors les utilisateurs qui prennent la peine de tout taper à nouveau de manière exhaustive.
Et pourtant, il existe une solution simple afin d'éviter ce genre de mésaventure : mettre un compteur de caractères en javascript et un avertissement de dépassement de la taille limite.
Pas un mot de plus, mais une proposition simpliste de code :
Code :
Javascript
"
<script type="text/javascript">
function message_size_counter(max) {
var msg = window.document.getElementById("Message").value;
var length = msg.length;
var counter = window.document.getElementById("TxtCounter");
if(length <= max) {
counter.innerHTML = "Il reste "+ (max - length) +" caractères.";
} else {
counter.innerHTML = "Attention : taille maximale dépassée ! (" + length + " pour " + max + " autorisés)";
}
}
</script>
<p id="TxtCounter">
Il reste 255 caractères.
</p>
<form>
<textarea id="Message" onkeyup="message_size_counter(255)"></textarea>
</form>
"
"
<script type="text/javascript">
function message_size_counter(max) {
var msg = window.document.getElementById("Message").value;
var length = msg.length;
var counter = window.document.getElementById("TxtCounter");
if(length <= max) {
counter.innerHTML = "Il reste "+ (max - length) +" caractères.";
} else {
counter.innerHTML = "Attention : taille maximale dépassée ! (" + length + " pour " + max + " autorisés)";
}
}
</script>
<p id="TxtCounter">
Il reste 255 caractères.
</p>
<form>
<textarea id="Message" onkeyup="message_size_counter(255)"></textarea>
</form>
"
