Textarea compter
Posté : 28 janv. 2015, 18:15
Bonjour,
J'ai trouvé ce très bon code sur un forum :
[javascript]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="language" content="fr" />
<title>Textaea dynamique</title>
<script type="text/javascript">
function dymaniqueText(id)
{
var text = document.getElementById(id);
if(text.value.match(/[\r\n]/g))
{
var nbRetourChariot = text.value.match(/[\r\n]/g).length;
}
else
{
var nbRetourChariot = 0;
}
var nbCaractere = text.value.length - nbRetourChariot;
nbRetourChariot += Math.ceil(nbCaractere /(text.cols))
text.rows=nbRetourChariot;
document.getElementById('apercu').innerHTML = nbRetourChariot+' - '+nbCaractere;
}
</script>
</head>
<body>
<div id="apercu"></div>
<textarea name="text" id="text" cols="30" onkeyup="dymaniqueText('text');" onkeydown="dymaniqueText('text');"></textarea>
</body>
</html>[/javascript]
Je tente depuis quelques heures de l'adapter mais je ne sais pas si une commande existe pour m'aider ...
En fait, ce script permet d'afficher le nombre de caractères dans le textarea et le nombre de ligne grâce à la détection des retour chariot.
Avec ces 2 infos, je me demandais si on ne pouvait pas simplement calculer le nombre de caractères par ligne ?
Merci !
J'ai trouvé ce très bon code sur un forum :
[javascript]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="language" content="fr" />
<title>Textaea dynamique</title>
<script type="text/javascript">
function dymaniqueText(id)
{
var text = document.getElementById(id);
if(text.value.match(/[\r\n]/g))
{
var nbRetourChariot = text.value.match(/[\r\n]/g).length;
}
else
{
var nbRetourChariot = 0;
}
var nbCaractere = text.value.length - nbRetourChariot;
nbRetourChariot += Math.ceil(nbCaractere /(text.cols))
text.rows=nbRetourChariot;
document.getElementById('apercu').innerHTML = nbRetourChariot+' - '+nbCaractere;
}
</script>
</head>
<body>
<div id="apercu"></div>
<textarea name="text" id="text" cols="30" onkeyup="dymaniqueText('text');" onkeydown="dymaniqueText('text');"></textarea>
</body>
</html>[/javascript]
Je tente depuis quelques heures de l'adapter mais je ne sais pas si une commande existe pour m'aider ...
En fait, ce script permet d'afficher le nombre de caractères dans le textarea et le nombre de ligne grâce à la détection des retour chariot.
Avec ces 2 infos, je me demandais si on ne pouvait pas simplement calculer le nombre de caractères par ligne ?
Merci !
