[XHTML][JSP] Comment rendre ce forumaire valide ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [XHTML][JSP] Comment rendre ce forumaire valide ?

Jubijub

Parce que je le VD bien

C un site de ecommerce simplifié, pour un projet de fin d'année...
j'ai besoin pour chaque ligne de pouvoir supprimer une quantité voulue par l'utilisateur...

g d'ailleurs le meme problème pour ajouter des éléments au panier...

en l'état actuel ca fonctionne, mais c pas valide...

si je monte le form avant le table, chaque fois que j'appuis sur un bouton, c tjs la valeur du premier champs qui est prise en compte...mais le code est bien valide...

Ex :

Carotte - 1 - Ajouter
Cerises - 4 - Ajouter

si je veux ajouter 4 cerises, en montant le form, ca m'en ajoutera qu'une...alors que mon code pas valide m'ajoute bien les 4 cerises...

Code :

<div id="centre">
<table>
<tr>
<th>Libellé</th><th>Prix Unitaire</th><th>Quantité</th><th>Qté à retirer</th>
<th></th><th>Montant</th>
</tr>
<%Iterator i = panier.iterator();
double montantTotal = 0;
while (i.hasNext()) {
ElementPanier ep = (ElementPanier) i.next();
InfosArticle infoArt = ep.getInfosArticle();%>
<tr>
<form action="Controlleur" method="post">
<td><%=infoArt.getLibelle()%></td>
<td><%=infoArt.getPrixUnitaire()%></td>
<td><%=ep.getQuantite()%></td>
<td><input size="2" value="1" name="quantite"></input> <input
type="hidden" name="action" value="supprimerArticle"></input> <input
type="hidden" name="IdArticle" value="<%=infoArt.getIdArticle()%>"></input>
</td><td>
<input type="submit" value="supprimer" name="submit" /></td>
<td><%=infoArt.getPrixUnitaire() * ep.getQuantite()%></td>
</form>
</tr>
<%
montantTotal = montantTotal + (infoArt.getPrixUnitaire() * ep.getQuantite());
}%>
<tr><td></td><td></td><td></td><td></td><td></td><td id="resultat"><%=montantTotal%></td>
</table>
</div>

Message édité par Jubijub le 27-02-2005 à 21:07:55

---------------
Jubi Photos : Flickr - 500px

Publicité

esox_ch

Aie mais c'est du n'importee quoi tout ces <td></td> !!
Bon, le <table> tout de suite dans le div, ca sert a rien.
Le form faut le mettre en dehors du table.
La balise input est orpheline => <input ..... /> et non pas <input></input> (tu l'as fait parfois mais pas toujours).

C'est ce que je vois a premiere vue

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

Jubijub

Parce que je le VD bien

les td /td c pour décaler la cellule du total...mais c vrai qu'un seul avec un colspan irait aussi bien

sinon le div me sert pour le layout général de ma page, c mon div central...g un header, un menu, le central, et un footer...donc ca c pas le pb...

et si je fous le form en dehors de la table, g le problème énoncé : le form s'envoit avec l'info contenue dans le champs de la première ligne...vu la forme, un tableau c qd meme pratique pour le mettre en forme (avec des spans je v trop me faire chier pour les aligner...

Message édité par Jubijub le 27-02-2005 à 21:15:00

---------------
Jubi Photos : Flickr - 500px

KangOl

Profil : pointeur

personnelement les td sont juste...
ce sont des donnée tabulaires...

---------------
Nos estans firs di nosse pitite patreye...

esox_ch

Non non en l'occurance le tableau est une bonne idée etant donné que c'est des données assez tabulaires . Parcontre ton truc des td/tr pour alligner ... ca l'est moins ... tu pourrais limite faire des colspan/rowspan ... meme si je pense qu'on peut trouver plus simple ... y a moyen que tu nous file un lien vers une page "concrete" pour qu'on regarde en clair ce que ca fait ? Parceque meme si c'etait du php j'aurais de la peine a voir exactement vu comment c'est enmèlé avec l'html... et vu qu'en plus c'est du java et que ca fait un moment que j'en ai plus fait

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

KangOl

Profil : pointeur

sauf le td de fin, faut utiliser colspan

---------------
Nos estans firs di nosse pitite patreye...

Jubijub

Parce que je le VD bien

c du JSP, et g pas de servir que je puisse publier sur le web...

la JSP

Code :

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ page
language="java"
contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"
import = "com.jubijub.ecommerce.ejb.*"
import = "java.util.*"
%>
<jsp:useBean id="panier" scope="request" class="java.util.ArrayList" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="GENERATOR" content="IBM WebSphere Studio" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="theme/base.css" rel="stylesheet" type="text/css" />
<title>Mon Panier</title>
</head>
<body>
<div id="conteneur"><%@ include file="menu.jsp"%>
<div id="login">test</div>
<div id="centre">
<table>
<tr>
<th>Libellé</th><th>Prix Unitaire</th><th>Quantité</th><th>Qté à retirer</th>
<th></th><th>Montant</th>
</tr>
<%Iterator i = panier.iterator();
double montantTotal = 0;
while (i.hasNext()) {
ElementPanier ep = (ElementPanier) i.next();
InfosArticle infoArt = ep.getInfosArticle();%>
<tr>
<form action="Controlleur" method="post">
<td><%=infoArt.getLibelle()%></td>
<td><%=infoArt.getPrixUnitaire()%></td>
<td><%=ep.getQuantite()%></td>
<td>
<input size="2" value="1" name="quantite"/>
<input type="hidden" name="action" value="supprimerArticle"/>
<input type="hidden" name="IdArticle" value="<%=infoArt.getIdArticle()%>"/>
</td>
<td>
<input type="submit" value="supprimer" name="submit" />
</td>
<td><%=infoArt.getPrixUnitaire() * ep.getQuantite()%></td>
</form>
</tr>
<%
montantTotal = montantTotal + (infoArt.getPrixUnitaire() * ep.getQuantite());
}%>
<tr><td colspan="5"></td><td id="resultat"><%=montantTotal%></td>
</table>
</div>
<div id="pied">
<p>© Master IID-SIA 2005</p>
</div>
</div>
</body>
</html>

et le html qu'elle génère :

Code :

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="GENERATOR" content="IBM WebSphere Studio" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="theme/base.css" rel="stylesheet" type="text/css" />
<title>Mon Panier</title>
</head>
<body>
<div id="conteneur"><div id="header">
<img src="images/banner.png" alt="Banière du site"/>
</div>
<div id="gauche">
<ul class="menugauche">
<li><a href="Controlleur?action=listeCategorie">Les articles</a></li>
<li><a href="Controlleur?action=listeCategorie">Mon panier</a></li>
<li><a href="Controlleur?action=listeCategorie">Mes commandes</a></li>
<li><a href="Controlleur?action=listeCategorie">M'authentifier</a></li>
</ul>
</div>
<div id="login">test</div>
<div id="centre">
<table>
<tr>
<th>Libellé</th><th>Prix Unitaire</th><th>Quantité</th><th>Qté à retirer</th>
<th></th><th>Montant</th></tr>
<tr>
<form action="Controlleur" method="post">
<td>Carottes</td>
<td>2.5</td>
<td>1</td>
<td><input size="2" value="1" name="quantite"></input> <input
type="hidden" name="action" value="supprimerArticle"></input> <input
type="hidden" name="IdArticle" value="1"></input>
</td><td>
<input type="submit" value="supprimer" name="submit" /></td>
<td>2.5</td>
</form>
</tr>
<tr><td></td><td></td><td></td><td></td><td></td><td id="resultat">2.5</td>
</table>
</div>
<div id="pied">
<p>© Master IID-SIA 2005</p>
</div>
</div>
</body>
</html>

Message édité par Jubijub le 27-02-2005 à 21:28:55

---------------
Jubi Photos : Flickr - 500px

Jubijub

Parce que je le VD bien

PS : g corrigé le colspan sur la nouvelle version

(on ne se moque pas du design, je suis nul en webdesign )

mon pb est donc le suivant : là g 4 jeans, et 1 carrotes...si je veux supprimer 2 jeans par ex, ca me supprimera en fait 1 carotte (ca prend ce qui se trouve sur la première ligne)

Message édité par Jubijub le 27-02-2005 à 21:26:26

---------------
Jubi Photos : Flickr - 500px

KangOl

Profil : pointeur

tu as encore des </input>

---------------
Nos estans firs di nosse pitite patreye...

esox_ch

A oui biensur, j'avais pas vu le while avant *honte a moi*, c'est donc normal que si tu met le <form> avant le <table> c'est 1 seul champ qui sera retourné (a moins que tu envoie le tout avec un name="monnom[]" ) ce qui complique le tout ... Vire les </input> et fait un colspan pour le dernier et ca devrait etre bon

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

Publicité

KangOl

Profil : pointeur

pour ton erreur de delete, verifie l'id dans le champs hidden...

---------------
Nos estans firs di nosse pitite patreye...

Jubijub

Parce que je le VD bien

c pas valide à cause de la position du form...visiblement on peut pas mettre un form dans un <td>, ni dans aucun élément fils de table, table inclu...

le truc marche parfaitement tel que posté...il est juste pas valide...si je le rend valide, il ne fonctionne plus...c mon dilème

---------------
Jubi Photos : Flickr - 500px

esox_ch

T'a essayé de le mettre dans le <td> ?

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

KangOl

Profil : pointeur

et mettre le <tr> dans le <form> ca donne quoi ?

---------------
Nos estans firs di nosse pitite patreye...

Jubijub

Parce que je le VD bien

ca foire : le form veut pas etre dans un table

--> esox_ch : si je le met dans le td ca peut pas etre valide, parce que si je respecte le xml, je suis obigé de le fermer dans le td aussi...

c insoluble en fait je pense...parce que sans faire un form par ligne, y'a aucune solution pour savoir en face de quelle ligne le valider a été demandé...

ou alors :

je fais que le nom de chaque champs soit un truc genre champs + n, avec n qui s'incrémente à chaque ligne...

et je fous un champs hidden pour chaque bouton, qui vaut lui aussi n

de sorte que dans la servlet, je teste la valeur hidden, et je récupère le champs correspondant qui s'appellera donc champsn

c lourdingue

---------------
Jubi Photos : Flickr - 500px

esox_ch

Qu'est ce qui t'empeche de fermer le form dans le td ? En modifiant un peu on obtiens :

Code :

<tr>
<td>Carottes</td>
<td>2.5</td>
<td>1</td>
<td><form action="Controlleur" method="post"><input size="2" value="1" name="quantite"></input> <input
type="hidden" name="action" value="supprimerArticle" /> <input
type="hidden" name="IdArticle" value="1" />
<input type="submit" value="supprimer" name="submit" />
</form>
</td><td>
</td>
<td>2.5</td>
</tr>

Il suffi de mettre un peu d'ordre dans les tr /td et ca devrait etre bon d'apres moi :heink:

---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

Jubijub

Parce que je le VD bien

ca bousille tt ma présentation ...ca va coller le champs et le bouton pour le soumettre...

je me prend ca en validant ton code :

Code :

* Line 21, character 43:
... 2" value="1" name="quantite"/>
^
Error: element input not allowed here; possible cause is an inline element containing a block-level element
* Line 22, character 61:
... on" value="supprimerArticle"/> <input type="hidden" name="Id ...
^
Error: element input not allowed here; possible cause is an inline element containing a block-level element
* Line 22, character 112:
... name="IdArticle" value="1" />
^
Error: element input not allowed here; possible cause is an inline element containing a block-level element
* Line 23, character 55:
... e="supprimer" name="submit" />
^
Error: element input not allowed here; possible cause is an inline element containing a block-level element

---------------
Jubi Photos : Flickr - 500px

KangOl

Profil : pointeur

faut jouer avec le css...

form { dipslay:inline;}

---------------
Nos estans firs di nosse pitite patreye...

omega2

Quand tu sors le form, est ce que tu penses à sortir aussi le </form>?
Sur la future version de mon site, ca marche trés bien avec les <form> en dehors des <table>. Je peux même le faire avec le <form> autour de plusieurs <table> contenant chacun des <input/> dans les <td>.

Au fait, si tu met le même nom à plusieurs input d'un même form, c'est normal que ca marche pas des masses. Quand tu met tes <form> entre <tr> et <tr/>, t'en a un par ligne mais quand tu le mets autour du <table> t'en as plus qu'un en tout. Voilà pourquoi ca marche pas quand c'est en dehors du table.
Si tu met dans un et un seul <td> tous les <input> dont t'as besoin pour suprimer l'article, tu pouras y mettre aussi le <form> de l'article et ca sera normalement xhtml compliant.

Au fait, avec ton systéme actuel, tu comptes faire comment pour mettre à jour le nombre d'article? T'avais prévus de mettre un <form> autour des autres <form>? Je suis pas sur que ca soit un bon systéme.

EDIT : C'est sur, un form ne peut pas être ouvert dans un <td> et fermé dans un autre vu que le chevauchement de balise est interdit par la norme xml.

Message édité par omega2 le 27-02-2005 à 22:07:41

glod 2

Votre trajet, notre projet.

Là tu ouvres et fermes ton form dans ton while non ?
Tu devrais l'ouvrir avant et le fermer après...

gm_superstar

Appelez-moi Super

Bah... sinon tu fais autant de tableaux que de formulaires :

<table> Un tableau pour les en-têtes</table>
<form>
<table> Ton premier produit </table>
</form>
<form>
<table> Ton deuxième produit </table>
</form>

etc...

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Jubijub

Parce que je le VD bien

-->GM : non , parce que les tables sont carrément plus alignées (ce qui les aligne c la taille du TH, que je peux mettre qu'1x)

-->@ tous : à mon avis omega est sur la voie...comme je l'ai posté plus haut, la seule façon de m'en sortir, c de faire que mes champs soient tous numérotés, et qu les inputs le soient aussi...

ainsi, en fonction de l'input renvoyé, je recherche le champs ayant le meme numéro, et c bon...ca me fait un traitement en plus coté serveur...

---------------
Jubi Photos : Flickr - 500px

gm_superstar

Appelez-moi Super

Jubijub a écrit :

-->GM : non , parce que les tables sont carrément plus alignées (ce qui les aligne c la taille du TH, que je peux mettre qu'1x)

Fixe la taille de tes cellules [:spamafote]

Message édité par gm_superstar le 27-02-2005 à 23:12:44

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Jubijub

Parce que je le VD bien

pas idiot ...enfin bon, ct plus pour ma culture perso que pour un besoin inpétueux : c pour un projet d'école, et vu le HTML que le prof nous donnait dans ses exemples de servlet, je pense que son compteur s'est bloqué en Quirk mode...

c plus pour mon stage, je v bouffer du JSP dans tt les sens, et ca m'intéressait de savoir faire des form valides...parce que là pour le stage ca m'importe plus de sortir du boulot de qualité

---------------
Jubi Photos : Flickr - 500px

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

[XHTML][JSP] Comment rendre ce forumaire valide ?

Sujets relatifs
[xHTML/Sémantique] L'équivalent d'un <h7> aux normes w3c existe t-il ?	[JSP] Tomcat v4 --> Tomcat v5
[JSP]Parcourir une base de données	Access - Signet Non Valide
[JSP] Problem connexion à Mysql	xhtml strict
HTML/XHTML	Quelle alternative pour les balises <Embed> incompatible xhtml ?
Problème XHTML/CSS	Probleme compatibilité W3C XHTML
Plus de sujets relatifs à : [XHTML][JSP] Comment rendre ce forumaire valide ?

Page générée en 0.092 secondes