JSP Onchange javascript

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

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, 11h00

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, 11h12

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, 11h25

Code :

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

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

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

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, 12h30

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, 13h11

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>

JSP Onchange javascript

Servlets/JSP Java

Vue hybride

Discussions similaires

Partager

Partager