IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Transmette la valeur d'un input dans un param


Sujet :

JavaScript

  1. #1
    Invité
    Invité(e)
    Par défaut Transmette la valeur d'un input dans un param
    salut

    j'essaye de mettre le valeur d'un input dans un parametre pour le transmettre a ma servlet , mais j'y arrive pas
    votre aide me sera d'une gande utilité

    ma page 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
    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
    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
        <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
        <jsp:useBean id="produitService" class="com.project.service.ProduitService"></jsp:useBean>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>L'inventaire</title>
    <link type="text/css" rel="stylesheet" href="<c:url value="/css/style.css"/>" />
    </head>
    <body>
     
    		<c:import url="/menuGestion.jsp" />
     
    	<div id="corps">
     
    	<fieldset>
    	<legend>L'inventaire</legend>
    		<c:choose>
    			<%-- Si aucun produit n'existe en base de donnée, affichage d'un message par défaut. --%>
    			<c:when test="${ empty produitService.findAll() }">
    				<p class="erreur">Entrepot vide.. !</p>
    			</c:when>
    			<%-- Sinon, affichage du tableau. --%>
    			<c:otherwise>
    				<table>
    					<tr>
    						<th>Code produit</th>
    						<th>Description</th>
    						<th>Type</th>
    						<th>Quantité en Stock</th>
    						<th>Stock minimum</th>
     
     
    						<th class="action">Valider</th>
    					</tr>
    					<%-- Parcours la liste des produits en BD, et utilisation de l'objet varStatus. --%>
    					<c:forEach items="${ produitService.findAll() }" var="produits" varStatus="boucle">
    						<%-- Simple test de parité sur l'index de parcours,pour alterner la couleur de fond de chaque ligne du tableau. --%>
    						<tr class="${boucle.index % 2 == 0 ? 'pair' :'impair'}">
    							<%-- Affichage des propriétés du bean produits, qui est stocké en tant que valeur de l'entrée courante de la map --%>
    							<td><c:out value="${ produits.codeProduit}" /></td>
    							<td><c:out value="${ produits.description}" /></td>
    							<td><c:out value="${ produits.type.libelle}" /></td>
    							<td><c:out value="${ produits.quantiteEnStock}" /></td>
    							<td><input type="text" id="min" name="min" value="<c:out value="${produits.stockMin}"/>" onChange="javascript:document.getElementById('produitStkMin').value = document.getElementById('min').value" size="10" maxlength="30" />
    							<span class="erreur">${form.erreurs['min']}</span>
     
    							</td>							
    							<%-- Lien vers la servlet de validation, avec passage l'id du produit en paramètre grâce à la balise <c:param/>. --%>
    							<td class="action">							
    							<a href="<c:url value="/modificationProduit"><c:param name="idProduit" value="${produits.idProduit }" />
    							<c:param  name="produitStkMin" value="" /></c:url>">
    							<button type="submit">	<img src="<c:url value="/images/valider.png"/>" alt="Valider" /></button>
    							</a></td>
    						</tr>
    					</c:forEach>
    				</table>
    			</c:otherwise>
    		</c:choose>
    		</fieldset>		
    	</div>
    </body>
    </html>
    l'input en question:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" id="min" name="min" value="<c:out value="${produits.stockMin}"/>" onChange="javascript:document.getElementById('produitStkMin').value = document.getElementById('min').value" size="10" maxlength="30" />
    le param:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <c:param  name="produitStkMin" value="" />
    quand je teste la valeur du paramètre est null..

    merci encore

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    d'un coté tu as
    document.getElementById('produitStkMin')
    et de l'autre
    <c:param name="produitStkMin" value="" />
    ...donc...

  3. #3
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    c'est sympa aussi

  4. #4
    Invité
    Invité(e)
    Par défaut
    Desole je suis debutant en JS :p

    j'ai modifier mon code mais ça passe pas :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onChange="javascript:document.getElementsByName('produitStkMin').value = document.getElementById('min').value"
    Dernière modification par NoSmoking ; 07/06/2015 à 10h45. Motif: Il existe un bouton Répondre à la discussion.

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    je t'engage fortement à te renseigner sur les méthodes getElementById() et getElementsByName(), cette dernière retourne une collection, NodeList la raison du s après Element, et non un élément unique ou null.

  6. #6
    Invité
    Invité(e)
    Par défaut
    aah oui .. j'ai du rectifier mais ça marche toujours pas..

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onChange="javascript:document.getElementsByName('produitStkMin')[0].value = document.getElementById('min').value" size="10" maxlength="30"
    Dernière modification par Bovino ; 09/06/2015 à 09h19. Motif: Inutile de citer un message pour y répondre !

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Pas mal de zone d'ombre, analyse le code HTML généré (CTRL +U) pour voir si l'ensemble est cohérent et sans erreur, c'est celui ci qu'il nous faut pour pouvoir continuer à t'aider.

  8. #8
    Invité
    Invité(e)
    Par défaut
    ok:

    Code html : 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
    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
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>L'inventaire</title>
    <link type="text/css" rel="stylesheet" href="/WMS/css/style.css" />
    </head>
    <body>
    <link type="text/css" rel="stylesheet" href="/WMS/css/style.css" />
    <div id="menuGestion">
    <fieldset>
    <legend>Menu </legend>
    	<p><a href="/WMS/inventaire.jsp">Inventaire</a></p>
    	<p><a href="/WMS/gestionPrdRecu.jsp">Gestion des commandes d'appro</a></p>
    	<p><a href="/WMS/gestionPrdAExp.jsp">Gestion des commandes d'exped</a></p>
    	<p><a href="/WMS/listeProduits.jsp">Afficher la liste des produits</a></p>
    </fieldset>
    </div>
    	<div id="corps">
    	<fieldset >
    	<legend>L'inventaire</legend>
    				<table>
    					<tr>
    						<th>Code produit</th>
    						<th>Description</th>
    						<th>Type</th>
    						<th>Quantité en Stock</th>
    						<th>Stock minimum</th>
    						<th class="action">Valider</th>
    					</tr>						
    						<tr class="pair">
    							<td>P1</td>
    							<td>ASUS</td>
    							<td>Informatique</td>
    							<td>200</td>
    							<td><input type="text" id="min" name="min" value="3" onchange="javascript:var o = document.getElementsByName('produitStkMin')[0]; o.value = this.value" size="10" maxlength="30" />
    							<span class="erreur"></span>
    							</td>							
     
    							<td class="action">							
    							<a href="/WMS/modificationProduit?idProduit=1&produitStkMin=">
    								<img src="/WMS/images/valider.png" alt="Valider" />
    							</a></td>
    						</tr>
     
     
    						<tr class="impair">
     
    							<td>P2</td>
    							<td>MSI</td>
    							<td>Informatique</td>
    							<td>200</td>
    							<td><input type="text" id="min" name="min" value="3" onchange="javascript:var o = document.getElementsByName('produitStkMin')[0]; o.value = this.value" size="10" maxlength="30" />
    							<span class="erreur"></span>
     
    							</td>							
     
    							<td class="action">							
    							<a href="/WMS/modificationProduit?idProduit=2&produitStkMin=">
    								<img src="/WMS/images/valider.png" alt="Valider" />
    							</a></td>
    						</tr>
     
     
    						<tr class="pair">
     
    							<td>P3</td>
    							<td>AlienWare</td>
    							<td>Informatique</td>
    							<td>200</td>
    							<td><input type="text" id="min" name="min" value="111" onchange="javascript:var o = document.getElementsByName('produitStkMin')[0]; o.value = this.value" size="10" maxlength="30" />
    							<span class="erreur"></span>
     
    							</td>							
     
    							<td class="action">							
    							<a href="/WMS/modificationProduit?idProduit=3&produitStkMin=">
    								<img src="/WMS/images/valider.png" alt="Valider" />
    							</a></td>
    						</tr>
     
     
    						<tr class="impair">
     
    							<td>P4</td>
    							<td>Aspirateur G14</td>
    							<td>Maison</td>
    							<td>200</td>
    							<td><input type="text" id="min" name="min" value="50" onchange="javascript:var o = document.getElementsByName('produitStkMin')[0]; o.value = this.value" size="10" maxlength="30" />
    							<span class="erreur"></span>
     
    							</td>							
     
    							<td class="action">							
    							<a href="/WMS/modificationProduit?idProduit=4&produitStkMin=">
    								<img src="/WMS/images/valider.png" alt="Valider" />
    							</a></td>
    						</tr>
     
     
    						<tr class="pair">
     
    							<td>P6</td>
    							<td>Pneus 4*4</td>
    							<td>Auto &amp; Moto</td>
    							<td>500</td>
    							<td><input type="text" id="min" name="min" value="20" onchange="javascript:var o = document.getElementsByName('produitStkMin')[0]; o.value = this.value" size="10" maxlength="30" />
    							<span class="erreur"></span>
     
    							</td>							
     
    							<td class="action">							
    							<a href="/WMS/modificationProduit?idProduit=6&produitStkMin=">
    								<img src="/WMS/images/valider.png" alt="Valider" />
    							</a></td>
    						</tr>
     
     
    						<tr class="impair">
     
    							<td>P7</td>
    							<td>Casque Moto </td>
    							<td>Auto &amp; Moto</td>
    							<td>500</td>
    							<td><input type="text" id="min" name="min" value="20" onchange="javascript:var o = document.getElementsByName('produitStkMin')[0]; o.value = this.value" size="10" maxlength="30" />
    							<span class="erreur"></span>
     
    							</td>							
     
    							<td class="action">							
    							<a href="/WMS/modificationProduit?idProduit=7&produitStkMin=">
    								<img src="/WMS/images/valider.png" alt="Valider" />
    							</a></td>
    						</tr>
     
     
    						<tr class="pair">
     
    							<td>P8</td>
    							<td>BMW Q7</td>
    							<td>Auto &amp; Moto</td>
    							<td>500</td>
    							<td><input type="text" id="min" name="min" value="20" onchange="javascript:var o = document.getElementsByName('produitStkMin')[0]; o.value = this.value" size="10" maxlength="30" />
    							<span class="erreur"></span>
     
    							</td>							
     
    							<td class="action">							
    							<a href="/WMS/modificationProduit?idProduit=8&produitStkMin=">
    								<img src="/WMS/images/valider.png" alt="Valider" />
    							</a></td>
    						</tr>
     
     
    						<tr class="impair">
     
    							<td> XXXXX</td>
    							<td>Xxxxxxx</td>
    							<td> xxxxxxxxxx</td>
    							<td>0</td>
    							<td><input type="text" id="min" name="min" value="0" onchange="javascript:var o = document.getElementsByName('produitStkMin')[0]; o.value = this.value" size="10" maxlength="30" />
    							<span class="erreur"></span>
     
    							</td>							
     
    							<td class="action">							
    							<a href="/WMS/modificationProduit?idProduit=9&produitStkMin=">
    								<img src="/WMS/images/valider.png" alt="Valider" />
    							</a></td>
    						</tr>
     
    				</table>
     
     
    		</fieldset>		
    	</div>
    </body>
    </html>
    Dernière modification par Bovino ; 09/06/2015 à 09h20. Motif: Inutile de citer un message pour y répondre !

  9. #9
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Sauf erreur de lecture on ne retrouve AUCUN élément ayant pour name produitStkMin, donc document.getElementsByName('produitStkMin') n'a aucun sens.

    J'en profite pour rappeler une règle essentielle :
    Une ID DOIT être UNIQUE ce qui est loin d'être le cas

  10. #10
    Membre Expert
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Par défaut
    et un tag <form> pour les formulaire...

Discussions similaires

  1. Récupérer la valeur d'un input dans une jsp
    Par clavben dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 07/02/2012, 12h59
  2. Insérer la valeur d'un input dans un champ texte
    Par CrasherSEP dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 18/11/2011, 11h36
  3. [ZF 1.9] Récupérer et envoyer la valeur d'un input dans un lien
    Par sheira dans le forum MVC
    Réponses: 27
    Dernier message: 03/09/2010, 13h54
  4. Récupérer valeur chekbox et input dans un DIV
    Par axanta dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 12/11/2008, 15h51
  5. Utiliser la valeur d'un input dans une variable php
    Par megane dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 09/08/2005, 16h02

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo