renseignement de textarea.value

Version imprimable

21/05/2012, 10h35
mawkli

renseignement de textarea.value

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:

<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.
21/05/2012, 11h26
SpaceFrog

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

Montre plutot le html associé ...

Bonjour,
voici le code html des composants et de textarea

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
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>

21/05/2012, 11h37
mawkli

j'avais déjà lu que pour textarea.value ça marche uniquement avec une seule valeur mais je ne suis pas sùr
21/05/2012, 11h42
SpaceFrog

heu je vois des form imbriqués ... 8O
21/05/2012, 11h46
mawkli

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?
21/05/2012, 11h47
SpaceFrog

Oui il y a un problème...
Il ne faut pas imbriquer les forms !
21/05/2012, 11h48
mawkli

J'ai enlevé le form à l'intérieur et j'ai testé. Ca ne marche pas non plus !
21/05/2012, 11h49
SpaceFrog

remontre ton code modifié
21/05/2012, 11h50
mawkli

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

Code:

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

Code:

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>

21/05/2012, 12h12
mawkli

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.
21/05/2012, 12h22
mawkli

Quand je clique sur le button il fait ne rien.

Code:

<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 >
21/05/2012, 12h31
mawkli

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

Code:

<button type="button" onclick="document.helpdeskform.content.value +=document.getElementById('element_3').value">valider</button >
21/05/2012, 12h34
mawkli

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

Code:

<button type="button" onclick="document.helpdeskform.content.value +=document.getElementById('element_3').value+'\n'+document.getElementById('element_2').value">valider</button >
21/05/2012, 16h42
SpaceFrog

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

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

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
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>

:roll:

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
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>

21/05/2012, 17h24
mawkli

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 !!!:(
21/05/2012, 17h27
SpaceFrog

Citation:

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
21/05/2012, 17h33
Bovino

Ton code est une véritable horreur !
Il y a des balises utilisées en dehors de leur contexte normal : éléments de tables, formulaires imbriqués, ul sans liste.
Bref, tant que ton code ne sera pas correct, tu t'exposes à une interprétation hasardeuse par le navigateur !
21/05/2012, 17h34
mawkli

Pour les champs invisibles, ce n'est pas grave parce qu'ils s'affichent lorsque je change la valeur d'une autre liste déroulante, et je ne sais pas pourquoi mais ce code ne marche pas chez moi !
21/05/2012, 17h41
mawkli

J'ai essayé ton code sur une page séparée, et il ne marche pas. Est-ce que ça peut être un problème de navigateur ou quelque chose de ce genre ?!
21/05/2012, 20h31
SpaceFrog

a part le fait que javascript ne soit pas activé ...
je ne vois pas
d'autant plus que j'ai testé le code sous IE et FFX
21/05/2012, 22h04
mawkli

J'ai essayé ton code sur un autre ordinateur chez moi, il ne marche pas sur mozilla et chrome mais il marche sur IE !!! Demain je vais essayer sur l'ordi au travail.
En tout cas merci beaucoup SpaceFrog pour tes réponses. :ccool:
22/05/2012, 10h55
mawkli

C'est trop bizarre ce truc, ça commence à me souler. Le même code marche séparément et il ne marche pas dans ma page principale !!! Et j'ai vérifié avec un seul champ, il marche bien ! 8O .
Quelqu'un a une idée ?
22/05/2012, 10h59
SpaceFrog

Tu peux remettre ton code actuel intégral ?? tout ce que j'ai pu tester fonctionne ...
Il y a forcément un truc dans ta page principale qui fait planter le code

ok je vais mettre tout le code meme s'il est grand je m'excuse pour ce 'bordel'

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
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<html><head><title></title>
<!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8 " >-->
<meta http-equiv="Expires" content="Fri, Jun 12 1981 08:20:00 GMT" >
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<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">
 
media='screen' >
</script>
<script type="text/javascript" src=></script>
<script type="text/javascript" src=></script>
<script type="text/javascript" ></script>
 
<script type='text/javascript' > function form_spooler(_obj)
{ 
 var cp = _obj.value; 
 if ( cp != null)
 {  
   var aa = document.getElementById("dropdown").value;
   //obj=document.getElementById("form_001").style;
    if ( aa == 38)  
	{
	  //obj.visibility='visible';	
	  document.getElementById("hiddenform").style.visibility="visible";
	  alert("Veuillez remplir toutes les cases de sous-formulaire pour valider >>");
     //document.getElementById('form_001').style.display = 'block';	
	 }
    else
	{
	document.getElementById("hiddenform").style.visibility="hidden";
	}
	 //document.getElementById('form_001').style.display = 'none';
 
 }
 }
 
</script>
<!--<script language="JavaScript">
function fieldHide()
{
obj=document.getElementById("form_001").style;
if(document.choix.id.checked==true){obj.visibility='visible';}else{obj.visibility='hidden';}
}
</script>-->
 
<script type="text/javascript">
 
//<![CDATA[ 
 Ext.Updater.defaults.loadScripts = true;
Ext.UpdateManager.defaults.indicatorText='<\span class="loading-indicator">En cours de chargement...<\/span>';
//]]> 
</script>
<!--[if IE]><script type="text/javascript">
Ext.UpdateManager.defaults.indicatorText='<\span class="loading-indicator-ie">En cours de chargement...<\/span>';
</script>
<![endif]-->
<script>
<script type="text/javascript" ></script>
<script type="text/javascript" script>
media='screen' >
</head>
<body>
<div id='header'><div id='c_logo' ><accesskey="0" title="Accueil"><span class='invisible'>Logo</span></a></div><div id='c_preference' ><ul><li id='deconnexion'>< title="D꤯nnexion">D꤯nnexion</a>&nbsp;(<li><a >Prꧩrences</a></li>
</ul><div class='sep'></div></div><div id='c_recherche'><div class='sep'></div></div><div id='c_menu'><ul id='menu'><li id='menu1' ><  title="Nouveau " class='itemP'>Accueil</a></li><li id='menu2' ><a href="" title="Suivi " class='itemP'>Ti</a></li><li id='menu3' ><a href="" title="R괥rvations" class='itemP'>R괥rvations</a></li><li id='menu4' ><a href="" title="Foire aux questions" class='itemP'>FAQ</a></li></ul><div class='sep'></div></div><div id='c_ssmenu1'>&nbsp;</div><div id='c_ssmenu2'><ul><li><a href='#' title=''>Accueil > </a></li><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li><li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li><li><script type='text/javascript'>cleanhide('modal_entity_content');var entity_window=new Ext.Window({
         layout:'fit',
         width:800,
         height:400,
         closeAction:'hide',
         modal: true,
         autoScroll: true,
         title: "Sꭥctionnez l'entit顳ouhaitꥢ,
         autoLoad: ''
      });</script><a onclick='entity_window.show();' href='#modal_entity_content' title="Entit顲acine (arborescence)" class='entity_select' id='global_entity_select'>Entit顲acine (arborescence)</a></li></ul></div></div><div id='page' ><form method='post' name="heform" action="" enctype="multipart/form-data"><input type='hidden' name='_from_helpdesk' value='1'><input type='hidden' name='requesttypes_id' value='1'><input type='hidden' name='entities_id' value='0'><div class='center'><table class='tab_cadre'><tr><th colspan='2'>Description &nbsp;: &nbsp;(Entit顲acine)</th></tr><tr class='tab_bg_1'><td>Urgence&nbsp;: </td><td><select id='select_urgency219459399' name=''><option value='5' >Tr鳠haute</option><option value='4' >Haute</option><option value='3'  selected >Moyenne</option><option value='2' >Basse</option><option value='1' >Tr鳠basse</option></select></td></tr><tr class='tab_bg_1'><td>Informez-moi des suites donn꦳&nbsp;:</td><td><select name='use_email_notification' id='dropdow'><option value='0'>Non</option><option value='1' selected >Oui</option></select></td></tr><tr class='tab_bg_1'><td>Mon adresse de messagerie&nbsp;:</td><td></td></tr><tr class='tab_bg_1'><td> porte sur&nbsp;: </td><td><div id='tracking_my_devices'>Mes mat곩els&nbsp;:&nbsp;<select id='my_items' name='_my_items'><option value=''>--- Gꯩral ---</option></select></div><div id='tracking_all_devices'></div></td></tr><tr class='tab_bg_1'><td>Catꨯrie&nbsp;:</td><td><span id='results_1989307975'>
<select id='dropdownid1989307975' name="ticketcategories_id" size='1' onchange="form_spooler(this)" ><option class='tree' value='0'>-----</option><optgroup label="Entit顲acine"><option value='51'  class='treeroot' title="Analyse Video - ">&nbsp;&nbsp;&nbsp;Analyse Video (51)</option><option value='52'  class='treeroot' title="Assistance Nomade - ">&nbsp;&nbsp;&nbsp;Assistance )</option><option value='47'  class='treeroot' title="Autres - ">&nbsp;&nbsp;&nbsp;Autres (47)</option><option value='33'  class='treeroot' title="Brassage - ">&nbsp;&nbsp;&nbsp;Brassage (33)</option><option value='34'  title="Brassage > Coax - ">Brassage > )</option><option value='35'  title="Brassage > IPTV-PCCAD - ">Brassage > IPTV-PCCAD (35)</option><option value='49'  class='treeroot' title="Capture Video - ">&nbsp;&nbsp;&nbsp;Capture Video (49)</option><option value='46'  class='treeroot' title="Crꢴion de Flux (MTS400) - ">&nbsp;&nbsp;&nbsp;Crꢴi(46)</option><option value='69'  class='treeroot' title="Demande fourniture - ">&nbsp;&nbsp;&nbsp;Demande fourniture (69)</option><option value='65'  class='treeroot' title="Dꮯ - ">&nbsp;&nbsp;&nbsp;Démo (65)</option><option value='66'  title="Dꮯ > Intervention Showroom - ">Dꮯ > Intervention Showroom (66)</option><option value='36'  title="Dꮯ > Pr걡ration Dꮯ - ">Dꮯ > Pr걡ration Dꮯ (36)</option><option value='67'  title="Dꮯ > Support Dꮯ - ">Dꮯ > Support Dꮯ (67)</option><option value='37'  class='treeroot' title="Diffusion - ">&nbsp;&nbsp;&nbsp;Diffusion (37)</option><option value='64'  title="Diffusion > Analyse de flux - ">Diffusion > Analyse de flux (64)</option><option value='62'  title="Diffusion > Archivage de flux - ">Diffusion > Archivage de flux (62)</option><option value='38'  title="Diffusion > Demande Spooler - ">Diffusion > Demande Spooler (38)</option><option value='39'  title="Diffusion > Diffusion IP - ">Diffusion > Diffusion IP (39)</option><option value='68'  title="Diffusion > Diffusion RF - ">Diffusion > Diffusion RF (68)</option><option value='53'  title="Diffusion > Push-VOD Satellite - ">Diffusion > Push-VOD Satellite (53)</option><option value='63'  title="Diffusion > Recherche de flux - ">Diffusion > Recherche de flux (63)</option><option value='70'  class='treeroot' title="Expertise / Support hors PCCAD - ">&nbsp;&nbsp;&nbsp;Expertise / Support hors PCCAD (70)</option><option value='59'  class='treeroot' title="Headend IP - ">&nbsp;&nbsp;&nbsp;Headend IP (59)</option><option value='60'  title="Headend IP > Acc鳠externe - ">Headend IP > Acc鳠externe (60)</option><option value='61'  title="Headend IP > D걬oiement de serveur / service - ">Headend IP > D걬oiement de serveur / service (61)</option><option value='54'  class='treeroot' title="Incident - Catꨯrie regroupant les incidents PCCAD">&nbsp;&nbsp;&nbsp;Incident (54)</option><option value='57'  title="Incident > Incident IP sur serveur ou service - ">Incident > Incident IP sur serveur ou service (57)</option><option value='56'  title="Incident > Incident Prise Coax - ">Incident > Incident Prise Coax (56)</option><option value='55'  title="Incident > Incident prise IPTV PCCAD - ">Incident > Incident prise IPTV PCCAD (55)</option><option value='58'  title="Incident > Incident Spooler RF PCCAD - ">Incident > Incident Spooler RF PCCAD (58)</option><option value='40'  class='treeroot' title="Nouvel Arrivant - ">&nbsp;&nbsp;&nbsp;Nouvel Arrivant (40)</option><option value='41'  title="Nouvel Arrivant > URD44-1 - ">Nouvel Arrivant > URD44-1 (41)</option><option value='42'  title="Nouvel Arrivant > URD44-2 - ">Nouvel Arrivant > URD44-2 (42)</option><option value='48'  title="Nouvel Arrivant > URD44-2 > ">Nouvel Arrivant > URD44-2 >  (48)</option><option value='50'  class='treeroot' title="Provisionning STB o ">&nbsp;&nbsp;&nbsp;Provisionning STB ou Modem C㣬e (50)</option><option value='43'  class='treeroot' title="R괥rvation IP - ">&nbsp;&nbsp;&nbsp;R괥rvation IP (43)</option><option value='44'  title="R괥rvation IP > IPTV-PCCAD - "> IPTV-PCCAD (44)</option><option value='45'  title="R괥rvation IP > Sondes ST - ">R괥rvation IP > Sondes ST (45)</option></optgroup></select></td>
 
<!-- -------------------------------------------- spooler request form------------------------------->
<td><div  id = "hiddenform"   style = "visibility: hidden">
<!--<form id="form_001" method="post" action=""  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.forms['helpdeskform'].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 > -->
		<!---->
	<div>
		<button type="button" onclick="document.forms[''].elements['content'].value += document.getElementById('element_3').value+'\n'+ document.getElementById('element_2').value">valider</button >
	</div> 
		<!-- <button type="button" onclick=document.form.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>
 
 
 
 
</div></td></tr>
<!-------------------------------------------------------------------------------------------------------------->
</span>
</table></div></body></html>

22/05/2012, 11h08
SpaceFrog

1 pièce(s) jointe(s)

http://www.developpez.net/forums/att...1&d=1337677664

no comment ...
22/05/2012, 11h08
mawkli

quand je teste avec un seul champ il marche bien

Code:

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

mais une fois je rajoute un deuxième il plante

Code:

<button type="button" onclick="document.forms['helpdeskform'].elements['content'].value += document.getElementById('element_3').value+'\n'+ document.getElementById('element_2').value">valider</button >
22/05/2012, 11h11
Bovino

Code:

if(document.choix.id.checked==true)

:no:

document.choix est un formulaire, document.choix.id recherche donc l'id du formulaire et document.choix.id.checked ne veut rien dire !
22/05/2012, 11h17
mawkli

Oui mais ce code if(document.choix.id.checked==true) il est en commentaire ! :roll:
23/05/2012, 11h20
mawkli

Finalement ça m'a soulé j'ai enlevé le bouton et j'ai utilisé l'évenement "onchange()" pour chaque champ,comme ça une fois je change la valeur d'un champ il s'écrit directement dans le textarea.voilà
Merci à tous quand même :ccool: