redimensionnement d'un textarea

Version imprimable

12/06/2008, 18h34
vasilov

redimensionnement d'un textarea
Bonjour,

Je cherche à redimmensionner un textarea avec un code javascript. Mais je n'y arrive pas. Je voudrait en augmenter le nombre de lignes et de colonnes.

Ceci ne fait rien
Code:

1 2 3 4 var rows = document.getElementById('myTextArea').rows; rows += 3; document.getElementById('myTextArea').rows = rows;
Merci pour votre aide.
Cordialement

avec le style.height ?.?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<textarea id="myTextArea" style="height: 50px;">
TextArea<br />
TextArea<br />
TextArea<br />
TextArea<br />
TextArea<br />
</textarea>
 
<script>
	var ta = document.getElementById("myTextArea");
	var h = ta.style.height;
	h = parseInt(h)+50;
	alert("avant");
	ta.style.height = h+"px";
</script>

13/06/2008, 08h20
vasilov

Merci pour ta réponse, la variable s'incrémente bien, mais le textearea ne change pas de forme :(
en effet, le chiffre affiché dans l'alert s'incremente mais le textearea ne bouge pas.

Code:

alert("avant : " + h);
16/06/2008, 16h12
vasilov

Je remonte le sujet car je n'ai pas trouvé de solutions.
Pourtant cela doit etre un developpement standard

Merci pour votre aide

Ca marche chez moi sur IE:

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
 
 
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function Grandir(){
document.getElementById("myTextArea").rows+=10
}
</script>
</head>
 
<body>
<textarea id="myTextArea" rows="2" cols="70" onBlur="Grandir()">
TextArea<br />
TextArea<br />
TextArea<br />
TextArea<br />
TextArea<br />
</textarea>
 
 
 
</body>

bizare :

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
28
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
function addRows(){
	      var rows = document.getElementById('myTextArea').rows;
	      rows += 3;
	      document.getElementById('myTextArea').rows = rows;
}
function addCols(){
	      var cols = document.getElementById('myTextArea').cols;
	      cols += 3;
	      document.getElementById('myTextArea').cols = cols;
}
</script>
</head>
 
<body>
<textarea rows="10" cols="10" id="myTextArea">
</textarea>
 
<input type="button" value="addRows" onclick="addRows()" />
<input type="button" value="addCols" onclick="addCols()"/>
</body>
</html>

testé sous ie7 et firefox et ça marche

17/06/2008, 11h27
vasilov

Merci pour votre aide.
Lorsque je met une surouche (xinha) au textearea, cela ne fonctionne plus. Sinon cela fonctionne.