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

Version imprimable

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:

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

par pop out tu voulais surement dire pop up

Code:

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

ou

Code:

<body onlaod="ouvrirPopUp();">
Code:

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

02/02/2009, 17h04
sallemel

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

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:

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:

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.

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

Code:

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:

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

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

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:

request.getParameter("commentId");

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

Citation:

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.

03/02/2009, 12h10
sallemel

Citation:

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 )

Citation:

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
03/02/2009, 13h28
link256

pour debugger le javascript sous IE :

http://codemark.tuxfamily.org/tutori...rnet-explorer/
03/02/2009, 17h37
sallemel

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
04/02/2009, 09h46
link256

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();
04/02/2009, 10h44
sallemel

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
04/02/2009, 11h16
link256
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:

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:

window.opener.rechargergement()

tes données seront rééllement mise à jour et tu ne devrais plus avoir de message a l'écran
05/02/2009, 10h06
sallemel

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

Cordialement
Sallemel