Discussion :

[demcoul]

Bonjour,

Je veux saisir dans les lignes d"un tableau. Je constate que la saisie sur la première ligne marche parfaitement, mais pas les autres lignes. De plus, même si je commence par une autre ligne qui n'est pas la première, les actions sont répercutées sur la première, comme si c'est la seule ligne qui existait.

Voici une image de mon écran, suivi de mon code JSP.


le code JSP

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
 
<c:forEach items="${lps}" var="ps" >
     <tr>
     	<td height="41" align="center">
         	<a href="RetirerParcelle?param1=${ps.refparcelle} +&param2=${pdv.refpv}"> 
        		<img src="images/moins.png" width="40" height="20" title="Retirer une parcelle"></a>
        </td>
        <td><c:out value="${ps.numparcelle }" /></td>
        <td><c:out value="${ps.surface }" /></td>
        <td><c:out value="${ps.nomusage }" /></td>
        <td><c:out value="${ps.positionparcelle }" /></td>
        <td><fmt:formatNumber value="${ps.prixbase}" pattern="###, ###"/></td>
        <td><c:out value="${ps.nomlot }" /></td>
        <td><input type="checkbox" name="refparcelles" value="${ps.refparcelle}" /></td>
        <td>
        	<select name="refde" id="refde" Onchange="afficher_montantde()">
                	<option value="#">Choisir un DE</option>
        		<c:forEach items="${lde}" var="de">
        			<option value="${de.refde}">${de.refde} (${de.montantde})</option>
        		</c:forEach>
        	</select>
        </td>
        <td><input type="text" name="montantde" id="montantde" value="" /></td>
        <td><input type="date" name="dateadj" id="dateadj" /></td>
        <td><input type="text" name="prixadj" id="prixadj"  Onchange="calculer_reliquat()" /></td>
        <td><input type="text" name="reliquat" id="reliquat" value=""/></td>
    </tr>
</c:forEach>

Meric d'avance pour votre assistance.

[joel.drigo]

Salut,

Un id d'éléments doit être unique en html :

Code :

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

1
2
3
4
<td><input type="text" name="montantde" id="montantde" value="" /></td>
        <td><input type="date" name="dateadj" id="dateadj" /></td>
        <td><input type="text" name="prixadj" id="prixadj"  Onchange="calculer_reliquat()" /></td>
        <td><input type="text" name="reliquat" id="reliquat" value=""/></td>

Tous ces inputs se répètent pour chaque ligne, mais chacun a un même id que les autres champs correspondants dans les autres lignes. Il y a fort à parier que le premier champ qui a le même id est considéré tandis que les autres sont ignorés...

Il faudrait que tu intègres une partie variable dans l'id (genre par exemple avec variable lineindex incrémentée pour chaque ligne avecid="montantde_${lineindex}" ou une information de ton "ps" qui pourrait être unique (genre ${ps.id}).

Attention au nom également, s'il n'est pas unique : en jsp/java, tu va soumettre une requête avec un paramètre multivalué (comme si tu faisais http://truc/bidule?param=val1&param=val2&param=val3...), qu'il te faudra traiter comme tel dans la servlet (utilisant getParameterValues(name) au lieu de getParameter(name)), ou alors prévoir de soumettre ligne à ligne avec un form pour chaque ligne, ou un bouton + ajax faisant le regroupement

[demcoul]

Merci, je teste et je vous fais le retour.

[demcoul]

Après le test, voici les résultats obtenus :
1. un nouveau problème, car le montant DE ne s'affiche plus,
2. je constate que toujours c'est le contenu de la première ligne qui est activé, car un alert(text) de la liste donne toujours le contenu de la première ligne.

Voici mon code JSP

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
<c:forEach items="${lps}" var="ps" varStatus="vs">
     		lineindex = <c:out value="${vs.count}"/> :
     		<tr>
        		<td height="41" align="center">
        		<a href="RetirerParcelle?param1=${ps.refparcelle} +&param2=${pdv.refpv}"> 
        		<img src="images/moins.png" width="40" height="20" title="Retirer une parcelle"></a>
        		</td>
        		<td><c:out value="${ps.numparcelle }" /></td>
        		<td><c:out value="${ps.surface }" /></td>
        		<td><c:out value="${ps.nomusage }" /></td>
        		<td><c:out value="${ps.positionparcelle }" /></td>
        		<td><fmt:formatNumber value="${ps.prixbase}" pattern="###, ###"/></td>
        		<td><c:out value="${ps.nomlot }" /></td>
        		<td><input type="checkbox" name="refparcelles" value="${ps.refparcelle}" /></td>
        		<td>
        			<select name="refde" id="refde" Onchange="afficher_montantde()">
        			<option value="#">Choisir un DE</option>
        		<c:forEach items="${lde}" var="de">
        			<option value="${de.refde}">${de.refde} (${de.montantde})</option>
        		</c:forEach>
        			</select>
        		</td>
        		<td><input type="text" name="montantde_${lineindex }" id="montantde_${lineindex }" value="" /></td>
        		<td><input type="date" name="dateadj" id="dateadj" /></td>
        		<td><input type="text" name="prixadj" id="prixadj"  Onchange="calculer_reliquat()" /></td>
        		<td><input type="text" name="reliquat" id="reliquat" value=""/></td>
      		</tr>
		</c:forEach>

et le script JS qui assure les traitements dans le navigateur

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
          function afficher_montantde(){
		select = document.getElementById("refde");
		choice = select.selectedIndex;
		texte = select.options[choice].text;
		alert(texte);
		var reg=new RegExp("[()]+", "g");
		textmontde=texte.split(reg);
		varmontde=textmontde[1];
		return document.getElementById("montantde_${lineindex}").value=varmontde;
	}

Merci encore pour votre aide.

[joel.drigo]

1. un nouveau problème, car le montant DE ne s'affiche plus,

C'est à cause de

Code :

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

document.getElementById("montantde_${lineindex}")

dans afficher_montantde(). Le remplacement est fait à l'exécution de la jsp, donc pas du tout avec une valeur qui correspond à la ligne courante où l'appel est fait côté client. Il faut dans ce cas passer la valeur en paramètre :

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
          function afficher_montantde(ligneindex){
		select = document.getElementById("refde");
		choice = select.selectedIndex;
		texte = select.options[choice].text;
		alert(texte);
		var reg=new RegExp("[()]+", "g");
		textmontde=texte.split(reg);
		varmontde=textmontde[1];
		return document.getElementById("montantde_"+ligneindex).value=varmontde;
	}

et c'est dans l'appel que tu utilises la variable el :

Code :

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

<select name="refde" id="refde" Onchange="afficher_montantde(${lineindex})">

2. je constate que toujours c'est le contenu de la première ligne qui est activé, car un alert(text) de la liste donne toujours le contenu de la première ligne.

le problème est toujours un problème d'id non unique : refde. Tu dois également "indexer" cet id, puisqu'il y a un select par ligne.

Code :

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

<select name="refde" id="refde_${lineindex}" Onchange="afficher_montantde(${lineindex})">

et

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
          function afficher_montantde(ligneindex){
		select = document.getElementById("refde_"+ligneindex);
		choice = select.selectedIndex;
		texte = select.options[choice].text;
		alert(texte);
		var reg=new RegExp("[()]+", "g");
		textmontde=texte.split(reg);
		varmontde=textmontde[1];
		return document.getElementById("montantde_"+ligneindex).value=varmontde;
	}

[demcoul]

Merci, ça marche!!