JSP Onchange javascript

**salma309** · 27/01/2011, 18h03

Bonjour j'ai un problème est comme suit je ne sais pas comment faire dés que je choisis un choix dans la zone de défilement je redirige vers la même page jsp qui s'affiche tous les informations de ce produits voici le code de la page jsp

<%@ include file="/WEB-INF/inc/top_header.jsp"%>
<head>
<script type="text/javascript">

</script>
</head>
<body>
<div id="page"><%@ include file="/WEB-INF/inc/menu.jsp"%>
<div id="content">
<%@ include file="/WEB-INF/inc/header.jsp"%>
<div id="main">
<h1>Produit par désignation</h1>

<form action="<%= reqUrl %>/produits?" method="post">
<input type="hidden" name="op" value="check"/>
<p>
<label for="id">choisissez le produit </label>
<select name="produit_id" onchange="produit(this)">
<c:forEach var="produit" items="${produits}" varStatus="status">
<option value="${produit.id}">${produit.designation}-${produit.taille}</option>
</c:forEach>
</select>

</p>
</form>
</div>
</div>
</div>
<table id="liste_produits" class="tablesorter" cellspacing="1">
<thead>
<tr>
<th># Réf</th>
<th>Désignation</th>
<th>Taille</th>
<th>Prix Achat</th>
<th>Prix Vente</th>
<th>Quantite_stock</th>
<th>Date creation</th>
<th>Date mise à jour</th>
<th>Opération
</th>
</tr>
</thead>

<c:forEach var="produit" items="${produits}" varStatus="loopStatus">
<tr>
<td>${produit.reference}</td>
<td>${produit.designation}</td>
<td>${produit.taille}</td>
<td>${produit.prix_achat}</td>
<td>${produit.prix_vente}</td>
<td style="background-color: #FFFF99;">${produit.quantite_stock}</td>
<td>${produit.date_creation}</td>
<td>${produit.date_mise_jour}</td>
<td><a href="produits?op=delete&id=${produit.id}"onclick="if (window.confirm('Voulez-vous vraiment supprimer ce client?'))
{location.href='index.jsp';return true;} else {return false;}">supp</a>
<a href="produits?op=edit&id=${produit.id}">modifier</a></td>

</tr>
</c:forEach>
</table>
<script type="text/javascript">
$(document).ready(function() {
$("#liste_produits").tablesorter();
});
</script>
</body>
<%@ include file="/WEB-INF/inc/footer.jsp"%>

et pour la servlet

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String action = request.getParameter("op");
org.hibernate.Session sessionDb = HibernateUtil.getSessionFactory().openSession();

action = (action == null) ? "liste" : action;
if (action.equals("new")) {

gotoPage("/jsp/produits/new.jsp", request, response);
} else if (action.equals("edit")) {

Integer id_produit = null;
try {
id_produit = Integer.parseInt(request.getParameter("id"));
} catch (NumberFormatException e) {

}

if (id_produit != null) {
Produit produit = (Produit) sessionDb.load(Produit.class, id_produit);
request.setAttribute("produit", produit);
gotoPage("/jsp/produits/edit.jsp", request, response);
}
/*
* else gotoPage("/produits/not_found.jsp", request, response);
*/

} else if(action.equals("check"))
{

Query q = sessionDb.createQuery("from Produit p");

List<Produit> produits = null;
produits = q.list();
request.setAttribute("produits", produits);
gotoPage("/jsp/produits/check.jsp", request, response);
}

else if (action.equals("delete"))
{
//org.hibernate.Session S =HibernateUtil.getSessionFactory().getCurrentSession();
org.hibernate.Transaction tx =sessionDb.beginTransaction();

Integer id_produit = null;
try {
id_produit = Integer.parseInt(request.getParameter("id"));
} catch (NumberFormatException e) {}

Query sql=sessionDb.createQuery("delete from Produit where id='" +id_produit+"'");
if (id_produit != null) {
/*if (javax.swing.JOptionPane.showConfirmDialog(null,"Voulez vous vraiment supprimer ce :"+id_produit, "Confirmation",javax.swing.JOptionPane.YES_NO_OPTION)==javax.swing.JOptionPane.YES_OPTION)
{*/
sql.executeUpdate();
tx.commit();

List<Produit> produits = null;
Query q = sessionDb.createQuery("from Produit p");
produits = q.list();
request.setAttribute("produits", produits);
gotoPage("/jsp/produits/index.jsp", request, response);

/* }
else{
//response.sendRedirect("http://localhost:8080/stock_flux/index.jsp");
List<Produit> produits = null;
Query q = sessionDb.createQuery("from Produit p");
produits = q.list();
request.setAttribute("produits", produits);
gotoPage("/jsp/produits/index.jsp", request, response);
}*/

}
}

else if (action.equals("liste_select")) {
List<Produit> produits = null;
Query q = sessionDb.createQuery("from Produit p");
produits = q.list();
request.setAttribute("produits", produits);
gotoPage("/jsp/produits/liste_select.jsp", request, response);
}
else {
List<Produit> produits = null;
Query q = sessionDb.createQuery("from Produit p");
produits = q.list();
request.setAttribute("produits", produits);
gotoPage("/jsp/produits/index.jsp", request, response);
}
}

**noOneIsInnocent** · 28/01/2011, 10h00

Bonjour

je ne suis pas sûr d'avoir compris
mais j'ai l'impression que ton paramètre action est null

**salma309** · 28/01/2011, 10h12

le problème est ici dans la fonction
function produit(id){
var url = "check.jsp?id="+id ;
document.location.href = url;
}
je ne sais pas comment je peut récupérer le paramètre c'est à dire l'id d. merci de votre réponse.

**OButterlin** · 28/01/2011, 10h25

Code :

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

1
2
 
document.forms[0].produit_id.value

**noOneIsInnocent** · 28/01/2011, 10h29

Il faut regarder sur la FAQ Javascript comment en javascript on récupère l'élément d'un select sur un événement onChange

http://javascript.developpez.com/faq...mps#textSelect

**salma309** · 28/01/2011, 11h30

Pourriez-vous m'aider je ne sais pas comment faire,Est ce que ce syntaxe existe

e est l'élément que je dois sélectionner.

**salma309** · 28/01/2011, 12h11

C'est bon j'ai trouvé la solution

mon problème maintenant c'est que quand je choisis un choix j'aimerais de l'afficher dans la même page jsp nommé check. Merci de votre réponse.Voici le contenu de ma jsp

<head>
<script type="text/javascript">

</script>
</head>
<body>
<div id="page"><%@ include file="/WEB-INF/inc/menu.jsp"%>
<div id="content">
<%@ include file="/WEB-INF/inc/header.jsp"%>
<div id="main">
<h1>Produit par désignation</h1>

<form action="<%= reqUrl %>/produits?" method="post">
<input type="hidden" name="op" value="check"/>
<p>
<label for="id">choisissez le produit </label>
<select name="produit_id" onchange="produit(this)">
<c:forEach var="produit" items="${produits}" varStatus="status">
<option value="${produit.id}">${produit.designation}-${produit.taille}</option>
</c:forEach>
</select>

</p>
</form>
</div>
<table id="liste_produits" class="tablesorter" cellspacing="1">
<thead>
<tr>
<th># Réf</th>
<th>Désignation</th>
<th>Taille</th>
<th>Prix Achat</th>
<th>Prix Vente</th>
<th>Quantite_stock</th>
<th>Date creation</th>
<th>Date mise à jour</th>
<th>Opération
</th>
</tr>
</thead>

<c:forEach var="produit" items="${produits}" varStatus="loopStatus">
<tr>
<td>${produit.reference}</td>
<td>${produit.designation}</td>
<td>${produit.taille}</td>
<td>${produit.prix_achat}</td>
<td>${produit.prix_vente}</td>
<td style="background-color: #FFFF99;">${produit.quantite_stock}</td>
<td>${produit.date_creation}</td>
<td>${produit.date_mise_jour}</td>
<td><a href="produits?op=delete&id=${produit.id}"onclick="if (window.confirm('Voulez-vous vraiment supprimer ce client?'))
{location.href='index.jsp';return true;} else {return false;}">supp</a>
<a href="produits?op=edit&id=${produit.id}">modifier</a></td>

</tr>
</c:forEach>
</table>
</div>
</div>

<script type="text/javascript">
$(document).ready(function() {
$("#liste_produits").tablesorter();
});
</script>
</body>

**noOneIsInnocent** · 28/01/2011, 13h57

Bonjour

si j'ai bien compris tu voudrais récuperer dans ta JSP que tu appelles le parametre id ?

Si c'est ça, comme tu as mis ton paramètre dans ton URL tu peux faire dans ta JSP check.jsp

Code :

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

1
2
3
4
 
<%
String id = request.getParameter("id");
%>

**salma309** · 28/01/2011, 17h33

c'est bon j'ai trouvé la solution voici le nouveau code jsp

<head>
<script type="text/javascript">

</script>
</head>
<body>
<div id="page"><%@ include file="/WEB-INF/inc/menu.jsp"%>
<div id="content">
<%@ include file="/WEB-INF/inc/header.jsp"%>
<div id="main">
<h1>Produit par désignation</h1>

<form action="<%= reqUrl %>/produits?" method="post">
<input type="hidden" name="op" value="check"/>
<p>
<label for="id">choisissez le produit </label>
<select name="produit_id" onchange="produit(this)">
<option value=""></option>
<c:forEach var="produit" items="${produits}" varStatus="status">
<option <c:if test="${produit.id == param.id}">selected</c:if> value="${produit.id}">${produit.designation}-${produit.taille}</option>
</c:forEach>
</select>

</p>
</form>
</div>
<c:if test="${produit!= null}">
<table id="liste_produits" class="tablesorter" cellspacing="1">
<thead>
<tr>
<th># Réf</th>
<th>Désignation</th>
<th>Taille</th>
<th>Prix Achat</th>
<th>Prix Vente</th>
<th>Quantite_stock</th>
<th>Date creation</th>
<th>Date mise à jour</th>
<th>Opération
</th>
</tr>
</thead>

<tr>
<td>${produit.reference}</td>
<td>${produit.designation}</td>
<td>${produit.taille}</td>
<td>${produit.prix_achat}</td>
<td>${produit.prix_vente}</td>
<td style="background-color: #FFFF99;">${produit.quantite_stock}</td>
<td>${produit.date_creation}</td>
<td>${produit.date_mise_jour}</td>
<td><a href="produits?op=delete&id=${produit.id}"onclick="if (window.confirm('Voulez-vous vraiment supprimer ce produit?'))
{location.href='index.jsp';return true;} else {return false;}">supp</a>
<a href="produits?op=edit&id=${produit.id}">modifier</a></td>

</tr>

</table>
</c:if>
</div>
</div>

<script type="text/javascript">
$(document).ready(function() {
$("#liste_produits").tablesorter();
});
</script>
</body>

JSP Onchange javascript

Servlets/JSP Java

Discussions similaires

Partager

Partager