JSP Onchange javascript

Version imprimable

27/01/2011, 18h03
salma309

JSP Onchange javascript

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

Citation:

<%@ 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

Citation:

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);
}
}
28/01/2011, 10h00
noOneIsInnocent

Bonjour

je ne suis pas sûr d'avoir compris
mais j'ai l'impression que ton paramètre action est null
28/01/2011, 10h12
salma309

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.
28/01/2011, 10h25
OButterlin
Code:

1 2 document.forms[0].produit_id.value
28/01/2011, 10h29
noOneIsInnocent

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
28/01/2011, 11h30
salma309

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

Citation:

<script type="text/javascript">

</script>

e est l'élément que je dois sélectionner.
28/01/2011, 12h11
salma309

C'est bon j'ai trouvé la solution

Citation:

<script type="text/javascript">

</script>

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

Citation:

<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>
28/01/2011, 13h57
noOneIsInnocent
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:

1 2 3 4 <% String id = request.getParameter("id"); %>
28/01/2011, 17h33
salma309

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

Citation:

<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>