compter des lignes \n dans un texrarea

Version imprimable

Voir 40 message(s) de cette discussion en une page

06/01/2007, 15h33
gforce

c'est normal que rien ne fonctionne?

Marche sous IE et FF, mais FF ne fait pas de wrap et je ne vois pas comment lui demander de le faire...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<HTML>
 <BODY>
  <SCRIPT><!--
function limit(o) {
  while (o.scrollHeight > o.offsetHeight) {
    o.value = o.value.substring(0, o.value.length-2)
  }
}
  --></SCRIPT>
  <TEXTAREA style="wrap:hard; width: 250px; height: 200px; font: Courier New; font-size: 12px; overflow:hidden;" onchange="limit(this)" onkeyup="limit(this)"></TEXTAREA>
 </BODY>
</HTML>

08/01/2007, 08h36
SpaceFrog

La seul autre solution qui me viemme à l'esprit c'est mettre une police à espacement constant et compter le nombre de caractères ...

Citation:
Envoyé par FremyCompany
Marche sous IE et FF, mais FF ne fait pas de wrap et je ne vois pas comment lui demander de le faire...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <HTML> <BODY> <SCRIPT></SCRIPT> <TEXTAREA style="wrap:hard; width: 250px; height: 200px; font: Courier New; font-size: 12px; overflow:hidden;" onchange="limit(this)" onkeyup="limit(this)"></TEXTAREA> </BODY> </HTML>
le code fonctionne parfaitement mais que veux dire par FF ne fait pas de wrap? moi ca fonctionne parfaitement sur les 2
sauf sous linux apparement, si quelqu'un peu confirmer

:roll:
http://cross-browser.com/toys/form_ta_add_rows.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type='text/javascript'>
window.onload = function()
{
  txtOnTimeout();
}
function txtOnTimeout()
{
  var t1 = document.getElementById('txt1');
  if (t1.value.length > t1.rows * t1.cols) {
    ++t1.rows;
  }  
  setTimeout('txtOnTimeout()', 500);
}
</script>

initialise le rows à 1
rows-1 te donnera le nombre de lignes ...

08/01/2007, 10h56
Gruik

Bof, faut savoir que le textarea revient à la ligne si il ne peut pas mettre un mot, ou bien il depasse la derniere colonne si le mot est insecable et trop long pour une ligne, en plus de ça, ce raisonnement n'est valable qu'avec une police monospaced (courier new)

en gros :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<title>Count lines</title>
<script type='text/javascript'>
 
function countlines(){
	var t1 = document.getElementById('montext');
  if (t1.value.length > t1.rows * t1.cols) {
    ++t1.rows;
    document.getElementById('lines').value=document.getElementById('montext').rows
}
	}
 
 
</script>
 
 
 
 
</head>
 
<body>
nombre de lignes :<input type='text' id='lines' /><br/>
<textarea id='montext' onkeyup="countlines()" rows="1" cols="20" style="wrap:hard"></textarea>							
 
</body>

08/01/2007, 11h06
gforce

en fait ce code ne fais pas vraiment ce que je veux. par contre celui de fremy c'est exactement ça. le seul petit hic c'est que parfois il ne fais pas de retour à la ligne. C'est pour ca que j'ai demandé de tester si vous aviez le problème
08/01/2007, 11h11
SpaceFrog

ben l'avantage de mon code c'est qu'il est garanti :D
08/01/2007, 11h16
gforce

et pour limiter le nombre de ligne a 10 par exemple?
08/01/2007, 11h17
dingoth

non : garanti ... 2 ans ...

-------------> []
08/01/2007, 11h18
SpaceFrog

pièces et main d'oeuvre ;)
08/01/2007, 20h07
FremyCompany

Citation:

Envoyé par SpaceFrog

ben l'avantage de mon code c'est qu'il est garanti :D

Non, Je l'ai testé et il ne fait pas ce qu'il nous demande...

D'ailleurs ca ne marche très bien...
09/01/2007, 08h40
SpaceFrog

Fremy il suffit de récupére le nombre de lignes et limiter celui ci ...
09/01/2007, 19h39
FremyCompany

Citation:

Envoyé par SpaceFrog

Fremy il suffit de récupére le nombre de lignes et limiter celui ci ...

Mais ca ne marche pas ton truc :)

Tape

Citation:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a

Et tu veras que le nombre de ligne est TOTALEMENT faux...

pourquoi ce code ne fonctionne t'il pas sur opera ? 8O
cad, la fonction javascript qui limite le nombre de ligne a la hauteur du champ

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Count lines</title>
  <script type="text/javascript">
		function limit(o) {
		  while (o.scrollHeight > o.offsetHeight) {
		    o.value = o.value.substring(0, o.value.length-2)
		  }
		}
  </script>
</head>
<body>
	<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" name="form">
		<textarea name="field" wrap="hard" style="font-family:courier;font-size:12px;" cols="64" rows="29" onchange="limit(this);" onkeyup="limit(this);"><?php echo $_POST['field'];?></textarea>
		<input type="submit" value="print" />
	</form>
	<div style="font-family:courier;font-size:12px;">
	<?php
                $trans = array("  " => "&nbsp;&nbsp;");
                echo nl2br(strtr($_POST['field'], $trans)); 
        ?>
	</div>
</body>
</html>

19/01/2007, 15h44
FremyCompany

http://www.developpez.net/forums/sho...d.php?t=266602

Voir 40 message(s) de cette discussion en une page