Discussion :

[gloglo]

salut,

j'ai un petit pb, en fait j'ai un formulaire avec deux champs de texte.
Je souhaite que lorsque l'utilisateur rempli le premier champ et avant de soumettre mon formulaire, je recupere cette premiere veleur et je pre-rempli mon deuxieme champ de texte en fonction de la valeur du premier champ.
Mes questions :

1. Comment recuperer en javascript la valeur entrée par un utilisateur avant meme soumission du formulaire dans lequel se trouve ce champ de texte.
2. Comment pre-rempli un champ de texte en javascript, pour que je puisse pre-rempli mon deuxieme champ.

merci

[jmulans]

quand est-ce que tu veut pré-remplir ton 2eme champ texte ?

si c'est au moment ou tu quitte le 1er champ texte, tu met un evenement onBlur sur celui ci
si c'est en arrivant sur le 2eme tu met un evenement onFocus sur le 2eme

par exemple pour la permiere solution :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script laguage="javascript">
function remplir(){
  var texte = document.getElementById("champ1").value;
  document.getElementById("champ2").value = texte;
}
</script>
 
<input id="champ1" onBlur="remplir()"/>
<input id="champ2"/>

comme ça ça devrai marcher

[gloglo]

merci mais ta solution ne marche pas

[SpaceFrog]

encore faut il que tu aies quitté le champs 1 ...

[gloglo]

en fait, je quitte le champ1 mais ça n'affiche rien dans mon champ2.

[SpaceFrog]

Code :

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

type='text'

[jmulans]

Code :

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

1
2
3
4
5
6
7
8
9
<script language="javascript">
function remplir(){
  var texte = document.getElementById("champ1").value;
  document.getElementById("champ2").value = texte;
}
</script>
 
<input id="champ1" onBlur="remplir()"/>
<input id="champ2"/>

chez moi ça marche

tu aura peut etre corrigé language au lieu de laguage

[SpaceFrog]

jmulans ... même avec des champs non typés ... ???

Code :

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

1
2
3
 
<input id="champ1" type='text' onBlur="remplir()"/>
<input id="champ2" type='text' />

[jmulans]

oui oui meme avec des champs non typés
mais je crois que les input sont en type="text" par defaut non ?

[SpaceFrog]

tu es sous quel navigateur ?

[jmulans]

j'ai testé IE et firefox ça marche

ça marche pas chez toi ?

[SpaceFrog]

sisi

Code :

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

1
2
<input id="one" onblur="document.getElementById('two').value=this.value"/>
<input id='two'  />

mais bon après t'as le w3c qui rale ...

[gloglo]

voici mon 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
 <script language="javascript">
									function remplir(){
 									var texte = document.getElementById("limiteHigh").value;
  									document.getElementById("trailingStopValue").value = texte;
	}
								    </script> 
 
 <!-- seuil-->
						                   <tr>
						                    <td style="width: 430px; height: 50px;">&nbsp;&nbsp;<%=bundle.getString("sell_seuil")%>&nbsp;&nbsp;
													<img src="../files/images/commun/info.gif" title="<%=bundle.getString("seuil_under_info")%>"/></td>
						                   <td style="width: 100px; height: 50px;" >						                   	
						                    	<span style="width:170px;"><html:text style="width:90px;" property="limiteHigh" onkeyup="displayOrderSellPrice(2);refreshLimitHighPerf(bidPrice, textHighPerf);" /> EUR</span>
						                    	<span id="limitHighPerf" style="width:160px;">&nbsp;</span>						                  
						                    </td>
						                  </tr>
 
  <tr class = "fondOrdre" style="display:none" id="t8">
						                  		<td>
						                  			<%=bundle.getString("trading_sppol_5")%>
						                    	<html:text property="trailingStopValue"  onfocus="remplir()" style="width:50px;"/> 
						                    	<html:select property="trailingStopUnit" ><html:options name="trailingStopUnitSelectBean" labelName="trailingStopUnitSelectBean" property="selectKeys" labelProperty="selectLabels" /></html:select>
						                    	<%=bundle.getString("trading_sppol_6")%>
						                  		</td><td>&nbsp;</td>
						                  </tr>

ou trailingStopValue est le champ2 et limiteHigh le champ1.

ça ne marcha pas.

j'ai fait infocus sur le champ2

[jmulans]

c'est quoi tes <html:text property="trailingStopValue" onfocus="remplir()" style="width:50px;"/> ?

met plutot
<input type="text" id="trailingStopValue" onfocus="remplir()" style="width:50px;"/>

[jmulans]

dans ta fonction remplir tu ne met pas le bon id, en plus le .value ne marche que pour les input, met plutot un innerHTML

var texte = document.getElementById("limiteHighPerf").innerHTML;

[SpaceFrog]

Ha bon c'est nouveau que le value ne soit que pour les inputs ?

Code :

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

<textarea onmouseover='this.value="coucou"'> </textarea>

[jmulans]

ah ptete pour les textarea aussi
mais bon en tout cas pour les span ça marche pas (tu va me dire que si j'aurai l'air con )

[SpaceFrog]

heu tu peux coller un value à un div ...

Code :

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

<div id="monDiv" onmouseover="this.value='si si'" onclick="alert(this.value)">coucou</div>

mais il n'est pas visible ^^

[jmulans]

ouais ouais
mais bon là il veut recuperer le contenu de son span alors il va pas s'amuser a coller un value dedans juste pour le plaisir d'utiliser value

[SpaceFrog]

Là n'était pas mon propos ^^

(tu va me dire que si j'aurai l'air con )