modification d'un champs avec un popout, ds une page jsp

**sallemel** · 02/02/2009, 15h05

Bonjour,
j'ai un champs texte dont j'affiche juste le debut
je lui ai associe un evenement ds <a href>, une fois le user clique dessus, je dois afficher un popout
voici la page qui doit apparaitre ds le popout

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Ajouter un commentaire sur l'ajustement du contrat</title>
</head>
<body>
<html:form action="EditAjustContrat.do?do=saveCommentModification" >
<nested:nest property="ajustContratModifie">
<nested:textarea property="CAjustComment" >
</nested:textarea>
</nested:nest>
 
<html:submit >Save</html:submit>
 
</html:form>
 
</body>
</html>

je voudaris savoir comment puis je l'afficher ds un pop out lors du chargement d'une autre page, avec l'evenement onload, comment passer a openwindow cette page que je nomme addComment et que j'ai mis ds pages/addComment.jsp

Merci
Cdlt

**link256** · 02/02/2009, 17h56

par pop out tu voulais surement dire pop up

Code :

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

<A HREF = "#" onclick = "ouvrirPopUp()">Mon Lien</A>

ou

Code :

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

<body onlaod="ouvrirPopUp();">

Code :

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

1
2
3
4
5
6
 
function ouvrirPopUp()
{
var myPopup = window.open(monURL, 'addComment ', 'width=600,height=350,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,copyhistory=no');
myPopup.focus();
}

Mais je ne comprend pas très bien ce que tu veux faire , tu veux modifier un champ html dans ce cas la tu peux y arrive avec du javascript window.opener() tu peux acceder au donner de la page qui à utilise le onload et ainsi acceder à des variables.

en esperant te mettre un peu sur la bonne voie

**sallemel** · 02/02/2009, 18h04

Bonjour link256,

en fait, j'affiche une liste de row, de la base de donnee
et pour chaque row affiché , il y a un attribut commentaire (au niveau du row j'affiche juste le debut de commentaire)
l'objectif , c'est de permettre a l'utilisateur de modifier ce commentaire a travers un pop up, et a l'ouverture du pop up , je dois mettre ds textarea la valeur par defaut, il peut le modifier at sauvegarder ces modifs

Cdlt
Sallemel

**link256** · 03/02/2009, 11h08

Dans ce cas la lorsque tu construis ta liste à partir des rows

je suppose que chaque commentaire est associé à un identifiant unique.

je vais l'appelé commentID

pour chaque ligne tu vas avoir le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<table>
	<tr>
		<td>1</td><A HREF = "#" onclick = "editCommentaire('commentID1')">
	</tr>
	<tr>	
		<td>n</td><<A HREF = "#" onclick = "editCommentaire('CommentID2')">
		</tr>
	<tr>
<table>

fonction javascript

Code :

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

1
2
3
4
5
6
 
function editCommentaire(IdCommentaire)
{
	var myPopup = window.open('<%=request.getContextPath()%>/EditAjustContrat.do?commentaireId=IdCommentaire', 'addComment ')
	myPopup.focus();	
}

l'inconvenient c'est que cela t'oblige à requêter à nouveau pour obtenir le commentaire ce qui peut aussi être un plus dans le cas ou un autre utilisateur a modifié ce même commentaire à l'instant ou l'utilisateur voudra l'éditer.

Ca évite aussi le problème d'un commentaire trop grand qui ne passerait pas dans la request pour atteindre cette action.

**sallemel** · 03/02/2009, 12h26

ok, merci link256
voila ce que j'ai fait, au niveau du row

Code :

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

1
2
3
4
5
 
<td colspan="1"
										style="height: 23px; text-align: center; background-color: <%= couleur %>                   inactivecaptiontext;"
										valign="middle">&nbsp;<a href="#" onclick="popitup(<%=((AjustContrat)ajustContrat).getAjustcontId() %>)"><nested:write
										property="CAjustComment" /></a>&nbsp;</td>

el la, la fonction javascript

Code :

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

1
2
3
4
5
6
function popitup(num) {
document.forms[0].elements["ajustcontModifieId"].value = num;
var myPopup = window.open('<%=request.getContextPath() %>/EditAjustContrat.do?do=addCommentToAjustContat','name','height=200,width=150','Add Comment')
	myPopup.focus();	
 
}

et le probleme c'est que ca plante , j'ai pas le pop up ds l'IE j'ai toujours ce meme message
Identificateur inconnu (je pense que ca n'a rien a avoir avec l'erreur)

Cdlt
Sallemel

**link256** · 03/02/2009, 12h58

Je ne sais pas vraiment ou tu veux placer l'information num

Code :

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

1
2
3
4
5
6
7
8
 
function popitup(num) 
{
document.forms[0].elements["ajustcontModifieId"].value = num;
var myPopup = window.open('<%=request.getContextPath() %>/EditAjustContrat.do?do=addCommentToAjustContat&commentId='+num,'Add Comment','height=200,width=150')
	myPopup.focus();	
 
}

Et c'est dans ton action EditAjustContrat ou tu fais un

Code :

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

request.getParameter("commentId");

Et que requête a nouveau pour obtenir ton commentaire que tu placera dans ton textArea.

et le probleme c'est que ca plante , j'ai pas le pop up ds l'IE j'ai toujours ce meme message
Identificateur inconnu (je pense que ca n'a rien a avoir avec l'erreur)

peux tu être plus explicite sur l'erreur ?
c'est au niveau javascript que l'erreur apparait ou sous dans la console.

**sallemel** · 03/02/2009, 13h10

Je ne sais pas vraiment ou tu veux placer l'information num

en fait, pour detecter l'element dont je compte modifier le commentaire, ds le form associe a la jsp, j'ai un membre ajustcontModifieId ou je stocke l'id de l'element selectionne
ensuite ds l'action, avec cet ID, je recupere tout l'objet, que j'utilise apres, ds la jsp addComment pour sauvegarder les modifs (donc l'info est plutot sauvegarde au niveau du form associe a la jsp, et non pas via getAttribute )

peux tu être plus explicite sur l'erreur ?
c'est au niveau javascript que l'erreur apparait ou sous dans la console.

le probleme c'est que pour le debuggage, je ne peux le faire que pour les classes java (les action, dao ...)
pour javascript j'ai pas trouver un outil interessant (avec IE comme navigateur), pour pouvoir detecter l'erreur
mais , je pense que c au niveau javascript

Cdlt
Sallemel

**link256** · 03/02/2009, 14h28

pour debugger le javascript sous IE :

http://codemark.tuxfamily.org/tutori...rnet-explorer/

**sallemel** · 03/02/2009, 18h37

Salut,
je viens de regler le probleme precedent
donc maintenant, c'est bon j'ai le pop up avec par defaut ds textarea le commentaire du row selectionne
reste maintenant comment faire pour qu'on puisse fermer le pop up et c'est la page source qui se rafraichit, ceci lors du submit des modifs sur le commentaire

Cdlt
Sallemel

**link256** · 04/02/2009, 10h46

Dans une fonction javascript de ta pop up :

- Tu submit le formulaire de ton textArea (maj en base)
- tu appelles une fonction javascript de ta page principale en utilisant window.opener pour faire un refresh
- et pour finir un window.close();

**sallemel** · 04/02/2009, 11h44

Bonjour link256,
merci bcp, ca m'a vraiment aide
maintenant c'est ok, je fais le submit , ca sauvegarde ds la bd, ca ferme le popup
mais juste avant le refresh de la page parent , y a t il un moyen pour eviter la boite de dialoque de confirmation de reload de la page (je recois ce message : la page ne peut pas etre actualisee sans le renvoi d'information ...)

Cdlt
Sallemel

**link256** · 04/02/2009, 12h16

Dans ce cas la plutot qu'un refresh de ta page

tu te cree une nouvelle action de MajComment pour ta page principale

dans laquelle tu ajoutes la fonction suivante :

Code :

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

1
2
3
4
5
6
 
function rechargergement()
{
	document.forms[0].action="<%=request.getContextPath()%>/MajComment.do";
	document.forms[0].submit();
}

cette action te redirige sur la même jsp

et dans la pop up tu l'appelles avec

Code :

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

window.opener.rechargergement()

tes données seront rééllement mise à jour et tu ne devrais plus avoir de message a l'écran

**sallemel** · 05/02/2009, 11h06

maintenant c'et ok,
encore un fois, merci link256 pour votre aide precieuse

Cordialement
Sallemel

modification d'un champs avec un popout, ds une page jsp

Servlets/JSP Java

Discussions similaires

Partager

Partager