renseignement de textarea.value

**mawkli** · 21/05/2012, 10h35

Bonjour,.

Je travail sur un formulaire html & php,j'ai deux combobox et deux zones de texte je voudrai mettre les valeurs des 4 champs dans un textarea une fois l'utilisateur click sur un button,et le textarea est sur la même page que les 4 champs,

J'ai essayé avec textarea.value mais il ne marche qu'avec un seul champs,est ce qu'il y a une autre fonction pour permettre d'afficher les valeurs des 4 champs dans le textarea. merci.

Voilà le code que j'ai mis mais il ne marche pas.

Code :

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

<button type="button"  onclick= "document.helpdeskform.content.value += 'type de diffuseur :'+document.getElementById('element_3').value+' , La durée d'emprunt est :'+document.getElementById('element_1').value+' ,  sa position dans les bâtiments est:'+document.getElementById('element_4').value+' , le projet concerné est:'+document.getElementById('element_2').value+' , sa prise utilisateur :'+document.getElementById('element_5').value">valider</button >

"helpdeskform" est le nom de formulaire et "content" est le nom de textarea

J'attends vos réponses, merci d'avance.

**SpaceFrog** · 21/05/2012, 11h26

Si ça fonctionne avec un ... il n'y a aucune raison que cela ne fonctionne pas avec les autres...

Montre plutot le html associé ...

**mawkli** · 21/05/2012, 11h36

Bonjour,
voici le code html des composants et de textarea

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<form method='post' name="helpdeskform" action="action.php" enctype="multipart/form-data">
<!--.......................................-->
<td><div  id = "hiddenform"  style = "visibility: hidden">
<form id="form_001" method="post" action="/glpi/front/form_spooler.php"  enctype="multipart/form-data" style="visibility: hidden"> 								
 
 <!--<TABLE id='tab_id' BORDER=0 >-->
 <ul >
	<label class="description" for="element_3">Le type de diffuseur vidꯠd괩r頺 </label>
	 <div>
		<select class="element select medium" id="element_3" name="element_3" > 
			<option value="" selected="selected"></option>
            <option value="DVB-S" >DVB-S</option>
			<option value="DVB-S2" >DVB-S2</option>
			<option value="DVB-T" >DVB-T</option>
			<option value="DVB-T2" >DVB-T2</option>
			<option value="QAMB" >QAMB</option>
			<option value="ISDBT" >ISDBT</option>
 
		</select>
	 </div> 
 
	 <label class="description" for="element_1">La durꥠdӥmprunt:</label>
	 <div>
		<input id="element_1" name="element_1" class="element text medium" type="text" maxlength="255" value=""/> 
	 </div> 
	<label class="description" for="element_4">sa position dans les b㵩ments : </label>
	 <div>
		<select class="element select medium" id="element_4" name="element_4"> 
			<option value="" selected="selected"></option>
			<option value="A1" >A1</option>
			<option value="A3" >A3</option>
			<option value="A4" >A4</option>
			<option value="B3" >B3</option>
			<option value="B4" >B4</option>
			<option value="Autre" >Autre</option>
 
		</select>
	 </div> 
 
	<label class="description" for="element_2">Le projet concern麼/label>
	 <div>
		<input id="element_1" name="element_2" class="element text medium" type="text" maxlength="255" value=""/> 
	 </div> 
 
	<label class="description" for="element_5">sa prise utilisateur</label>
	  <div>
		<input id="element_5" name="element_5" class="element text medium" type="text" maxlength="255" value=""/> 
	  </div> 
 
 
        <!--<input type="hidden" name="form_id" value="411624" />-->
	    <button type="button"  onclick= "document.helpdeskform.content.value += 'type de diffuseur :'+document.getElementById('element_3').value+' , La durée d'emprunt est :'+document.getElementById('element_1').value+' ,  sa position dans les bâtiments est:'+document.getElementById('element_4').value+' , le projet concerné est:'+document.getElementById('element_2').value+' , sa prise utilisateur :'+document.getElementById('element_5').value">valider</button >
 
		 </ul>
 
</form>
</div></td></tr>
<textarea name='content' cols='78' rows='14'></textarea></form>

**mawkli** · 21/05/2012, 11h37

j'avais déjà lu que pour textarea.value ça marche uniquement avec une seule valeur mais je ne suis pas sùr

**SpaceFrog** · 21/05/2012, 11h42

heu je vois des form imbriqués ...

**mawkli** · 21/05/2012, 11h46

oui en fait j'ai créé un petit formulaire à l'intérieur du formulaire principal avec juste les champs dont les valeurs à insérer ,est ce qu'il y a un problème avec les forms imbriqués?

**SpaceFrog** · 21/05/2012, 11h47

Oui il y a un problème...
Il ne faut pas imbriquer les forms !

**mawkli** · 21/05/2012, 11h48

J'ai enlevé le form à l'intérieur et j'ai testé. Ca ne marche pas non plus !

**SpaceFrog** · 21/05/2012, 11h49

remontre ton code modifié

**mawkli** · 21/05/2012, 11h50

C'est le même qu'avant, j'ai juste met en commentaire le deuxième form.

Code :

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

<!--<form id="form_001" method="post" action="/glpi/front/form_spooler.php"  enctype="multipart/form-data" style="visibility: hidden">

**SpaceFrog** · 21/05/2012, 11h58

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
 
<form >
<input id="_1" value=""/>
<input id="_2" value=""/>
<input id="_3" value=""/>
<input id="_4" value=""/><br/>
<textarea id="foo" value=""  style="height :200px"></textarea>
 
 
 
<input type="button" value="go" onclick="document.getElementById('foo').value=document.getElementById('_1').value+'\n'+document.getElementById('_2').value+'\n'+document.getElementById('_3').value+'\n'+document.getElementById('_4').value" />
</form>
</body>
 
</html>

**mawkli** · 21/05/2012, 12h12

J'ai testé ton code, il marche bien, mais sur le mien il ne marche pas. Je n'arrive pas à voir où est le problème.

**mawkli** · 21/05/2012, 12h22

Quand je clique sur le button il fait ne rien.

Code :

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

<button type="button"  onclick= "document.getElementById('01').value +=document.getElementById('element_3').value+'\n'+document.getElementById('element_1').value+'\n'+document.getElementById('element_4').value+'\n'+document.getElementById('element_2').value+'\n'+document.getElementById('element_5').value">valider</button >

**mawkli** · 21/05/2012, 12h31

Avec une seule valeur il marche très bien !!

Code :

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

<button type="button"  onclick="document.helpdeskform.content.value +=document.getElementById('element_3').value">valider</button >

**mawkli** · 21/05/2012, 12h34

Et quand je rajoute une deuxième ,il ne marche plus!!

Code :

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

<button type="button"  onclick="document.helpdeskform.content.value +=document.getElementById('element_3').value+'\n'+document.getElementById('element_2').value">valider</button >

**SpaceFrog** · 21/05/2012, 16h42

Tu peux nous remontrer le code actuel ???
le textarea est en dehors du form ??

**mawkli** · 21/05/2012, 17h13

No le textarea est bien à l'intérieur du form,et voilà le code

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<form method='post' name="form1" action="midle.php" enctype="multipart/form-data">
<td><div  id = "hiddenform"   style = "visibility: hidden">
<!--<form id="form_001" method="post" action="aaa.php"  enctype="multipart/form-data" style="visibility: hidden"> 								
 
 <!--<TABLE id='tab_id' BORDER=0 >-->
 <ul >
	<label class="description" for="element_3">type </label>
	 <div>
		<select class="element select medium" id="element_3" name="element_3" > 
			<option value="" selected="selected"></option>
            <option value="D" >D</option>
			<option value="DV" >DV</option>
			<option value="az" >az</option>
			<option value="fg" >fg</option>
			<option value="hj" >hj</option>
			<option value="yu" >yu</option>
 
		</select>
	 </div> 
 
	 <label class="description" for="element_1">La duree:</label>
	 <div>
		<input id="element_1" name="element_1" class="element text medium" type="text" maxlength="255" value=""/> 
	 </div> 
	<label class="description" for="element_4">sa position: </label>
	 <div>
		<select class="element select medium" id="element_4" name="element_4"> 
			<option value="" selected="selected"></option>
			<option value="A1" >A1</option>
			<option value="A3" >A3</option>
			<option value="A4" >A4</option>
			<option value="B3" >B3</option>
			<option value="B4" >B4</option>
			<option value="Autre" >Autre</option>
 
		</select>
	 </div> 
 
	<label class="description" for="element_2">Le projet </label>
	 <div>
		<input id="element_1" name="element_2" class="element text medium" type="text" maxlength="255" value=""/> 
	 </div> 
 
	<label class="description" for="element_5">prise</label>
	  <div>
		<input id="element_5" name="element_5" class="element text medium" type="text" maxlength="255" value=""/> 
	  </div> 
 
 
        <!--<input type="hidden" name="form_id" value="411624" />-->
	    <button type="button" onclick="document.helpdeskform.content.value+=document.getElementById('element_3').value+'\n'+document.getElementById('element_2').value+'\n'+document.getElementById('element_1').value+'\n'+document.getElementById('element_4').value+'\n'+document.getElementById('element_2').value+'\n'+document.getElementById('element_5').value">valider</button >
 
 </ul>
 
 
 
</div></td></tr>
<textarea id='01' name='content' cols='78' rows='14'></textarea></form>

**SpaceFrog** · 21/05/2012, 17h16

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Nouvelle page 2</title>
</head>
 
<body>
<form method='post' name="form1" action="midle.php" enctype="multipart/form-data">
<table>
<td><div  id = "hiddenform"   >
<!--<form id="form_001" method="post" action="aaa.php"  enctype="multipart/form-data" style="visibility: hidden"> 								
 
 <!--<TABLE id='tab_id' BORDER=0 >-->
 <ul >
	<label class="description" for="element_3">type </label>
	 <div>
		<select class="element select medium" id="element_3" name="element_3" > 
			<option value="" selected="selected"></option>
            <option value="D" >D</option>
			<option value="DV" >DV</option>
			<option value="az" >az</option>
			<option value="fg" >fg</option>
			<option value="hj" >hj</option>
			<option value="yu" >yu</option>
 
		</select>
	 </div> 
 
	 <label class="description" for="element_1">La duree:</label>
	 <div>
		<input id="element_1" name="element_1" class="element text medium" type="text" maxlength="255" value=""/> 
	 </div> 
	<label class="description" for="element_4">sa position: </label>
	 <div>
		<select class="element select medium" id="element_4" name="element_4"> 
			<option value="" selected="selected"></option>
			<option value="A1" >A1</option>
			<option value="A3" >A3</option>
			<option value="A4" >A4</option>
			<option value="B3" >B3</option>
			<option value="B4" >B4</option>
			<option value="Autre" >Autre</option>
 
		</select>
	 </div> 
 
	<label class="description" for="element_2">Le projet </label>
	 <div>
		<input id="element_1" name="element_2" class="element text medium" type="text" maxlength="255" value=""/> 
	 </div> 
 
	<label class="description" for="element_5">prise</label>
	  <div>
		<input id="element_5" name="element_5" class="element text medium" type="text" maxlength="255" value=""/> 
	  </div> 
 
 
        <!--<input type="hidden" name="form_id" value="411624" />-->
	    <button type="button" onclick="document.forms['form1'].elements['content'].value+=document.getElementById('element_3').value+'\n'+document.getElementById('element_2').value+'\n'+document.getElementById('element_1').value+'\n'+document.getElementById('element_4').value+'\n'+document.getElementById('element_2').value+'\n'+document.getElementById('element_5').value">valider</button >
 
 </ul>
 
 
 
</div></td>
<textarea id='01' name='content' cols='78' rows='14'></textarea></form>
</body>

**mawkli** · 21/05/2012, 17h24

J'avais les balises html ,body les méta et tout ça ,j'ai pas met tout le code parce-que c grand,mais sinon j'ai fait les petits changements et il marche toujours pas !!!

**SpaceFrog** · 21/05/2012, 17h27

et il marche toujours pas !!!

ça c'est du symptome !!!

Le code donné plus haut fonctionne, j'ai rendu les elements du form visible afin de pouvoir les renseigner.

Il va falloir nous expliquer un peu plus ce que tu cherches à faire parce que le dernier code est fontionnel

renseignement de textarea.value

JavaScript

Discussions similaires

Partager

Partager