redimensionnement d'un textarea

**vasilov** · 12/06/2008, 18h34

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 :

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

1
2
3
4
 
      var rows = document.getElementById('myTextArea').rows;
      rows += 3;
      document.getElementById('myTextArea').rows = rows;

Merci pour votre aide.
Cordialement

**htr999** · 12/06/2008, 20h12

avec le style.height ?.?

Code :

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

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>

**vasilov** · 13/06/2008, 08h20

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 :

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

 alert("avant : " + h);

**vasilov** · 16/06/2008, 16h12

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

Merci pour votre aide

**tusssss** · 16/06/2008, 16h27

Ca marche chez moi sur IE:

Code :

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

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>

**le_chomeur** · 16/06/2008, 16h33

bizare :

Code :

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

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

**vasilov** · 17/06/2008, 11h27

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

redimensionnement d'un textarea

JavaScript

Discussions similaires

Partager

Partager