submit d'un formulaire grace a un code javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

22/04/2008, 12h06
Esil2008

submit d'un formulaire grace a un code javascript

Salut,
je voudrais submiter mon formulaire sur le onChange de mon "comboBox : html:select", j'ai donc cree une fonction javascript qui se contente de submiter le formulaire

Code:

document.forms[0].submit();

mais ca marche pas !!! Est ce que Struts accepte ce genre de chose ...
une idée
merci
22/04/2008, 12h34
c_nvy

Tu peux très bien soumettre ton formulaire via l'attribut onchange du tag html:select comme ceci :

Code:

<html:select property="itemSelected" onchange="document.forms[0].submit();">

ou encore :

Code:

<html:select property="itemSelected" onchange="document.nomDuFormBean.submit();">

As-tu un message d'erreur ?
22/04/2008, 14h10
Esil2008

merci pour ta reponse,
j'ai essaye ca aussi mais ca marche pas, voila l'erreur que j'ai ds la console
document.forms[0].submit is not a function

mon form c un truc comme ca
<html:form ... >
<html:select ... onchange="..."
22/04/2008, 14h37
c_nvy

Si tu veux qu'on t'aide, montre réellement ce que tu as codé.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>
<%@ taglib uri="/WEB-INF/utile.tld" prefix="mu" %>
<%@ page language="java"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<LINK REL="stylesheet" TYPE="text/css" HREF="pages/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
 
 <c:set var="num" scope="page" value="${LoginForm.select}"/>
    <fmt:parseNumber value="${num}" var="nbr" /> 
 
 
<c:if test="${empty param.id}">
  <jsp:forward page="login.do?id=0"/>
</c:if>
 
 <script language="javascript"><!--
  function submitChange(){
    // --- Modification du parametre action qui va permettre d'appeller la bonne méthode JAVA a éxécuter.
   // document.form[0].action.value = 'execute';
    // --- Soumission du formulaire.
    addUserForm.submit();
}
-->
function submitForm()
{
 try
 {
 alert(forms[0].select.value);
 document.forms[0].submit();
 //addUserForms.submit();
 }
 catch(e)
 { 
  alert("submitForm : " +e.description);
 }
 
}
 
 
 </script>
 
 
<title>welcome</title>
 
</head>
 
<body>
 
<div class="conteneur">
 
 <div class="header">
 
  <h2> Bienvenue <bean:write name="LoginForm" property="userName"/></h2>
  <h3>Affichage de <bean:write name="LoginForm" property="select"/> messages </h3>
 
 
 </div>
 
 <div class="menu"> 
 
 <html:link styleClass="boutton2" action="/deconnection" > 
   <html:button styleClass="boutonTitre1" property="sujetMessage" >
   Logout 
   </html:button> 
 </html:link>
 <form action="/refresh">
  <html:submit styleClass="boutonTitre2" property="submit" value="Refresh" />
  <html:select  styleClass="select1" property="select" value="${nbr}" onchange="submitForm()" >
           <c:forEach begin="1" end="40" var="i">
            <html:option value="${i}" />
           </c:forEach>
      </html:select>
     </html:form>
 
 
 
 
 <div class="listMess"> 
 
 <c:forEach var="message" begin="0" end="${nbr-1}" items="${ServeurMailConnection.messages}">
 
 <c:set var="flags" value="${message.flags2}"/>
    <c:set var="sujet" value="${message.subject}"/>
    <c:set var="sender2" value="${message.sender2}"/>
    <c:set var="numero" value="${numero+1}"/>
    <c:set var="classe" value="boutonTitre" />
 
 
     <c:if test="${flags =='SEEN message'}">
         <c:set var="classe" value="boutonTitreDeux" />
  </c:if> 
 
       <c:if test="${flags =='DELETED message'}">
      <c:set var="classe" value="boutonTitreTrois" />
  </c:if> 
 
 
 
 
 <html:link styleClass="boutton" action="affMess?id=${numero-1}">
 
 <html:button styleClass="${classe}" property="sujetMessage" >
 
 &nbsp;<mu:decode parameter="${sender2}"/>
&nbsp;<mu:decode parameter="${sujet}"/>
&nbsp;${message.sentDate}
 
 </html:button>
 </font>
 </html:link> 
 
  </c:forEach>   
 
 </div>
</div>
 
<div class="body">
 
<c:out value='${sessionScope.messages}' />
 
  <c:set var="idMessage" value="${param.id}" />
  <c:set var="sender2" value="${ServeurMailConnection.messages[param.id].sender}"/>
  <c:set var="titre2" value="${ServeurMailConnection.messages[param.id].subject}"/> <br/>
  <c:set var="message" value="${ServeurMailConnection.messages[param.id]}"/> <br/>
  <c:set var="flags" value="${ServeurMailConnection.messages[param.id].flags2}"/> <br/>
  <h3 id="titre_mess"> <mu:decode parameter="${titre2}"/> </h3> <br/>
 
  <b> De: </b> <mu:decode parameter="${sender2}"/> <br/>
 
 
 <c:if test="${not empty requestScope.message}"> 
 <b> Envoyé: </b> ${message.sentDate}  <br/>
 
 ${message.recipientsTO} 
 
 
  <c:if test="${not empty message.recipientsCC}"> 
     ${message.recipientsCC} <br/> 
  </c:if>
&nbsp;
 
 
 <br/>&nbsp;<hr/>&nbsp;<br/> ${message.htmlContent}
 
 
 </c:if>   
 
<c:if test="${param.erreur == '1'}" >
<h2 class="alert">Une erreur est survenue</h2>
</c:if>
 
<c:if test="${param.erreur == '2'}" >
<h2 class="alert">Impossible de lire le message</h2>
</c:if>
 
 
<!-- 
<c:if test="${not empty requestScope.messageContent}">
(2)
</c:if>
<c:if test="${empty requestScope.messageContent}">
 <p>(1) ${requestScope.messageContent2}</p>
</c:if>
 -->
 
 
<br/><br/>
 
</div>
 
<div class="footer">
 
Ullink
 
</div>
 
</div>
 
</body>

voila merci

22/04/2008, 14h49
OButterlin

Tu utilises un DispatchAction avec un <action path="..." parameter="action" ...> ?

Si c'est le cas, tu vas avoir un problème :

document.forms[0].action.value = "execute"

fait l'équivalent de ceci

<form action="execute" ...>

Il faudrait utiliser un autre nom pour "parameter"

a+

j'ai pas tres bien saisi, tu peux m'expliquer un peu plus !!!
voila mon struct config

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.1//EN"
"http://jakarta.apache.org/struts/dtds/struts-config_1_1.dtd">
<struts-config>
  <data-sources />
  <form-beans>
    <form-bean name="FormLogin" type="form.LoginForm"/>
 
  </form-beans>
 
  <global-exceptions/>
 
  <action-mappings>
 
    <action path="/login" parameter="" input="/index.jsp" scope="session"
   name="FormLogin" type="action.VerifLoginAction">
      <forward name="succes" path="/accueil.do" redirect="false" />
      <forward name="echec" path="/pages/message.jsp" redirect="false" />
    </action>
 
 
 
    <action path="/deconnection" parameter="" input="/login.do" scope="request"
      name="Disconnect" type="serveurMail.Disconnect">
      <forward name="success" path="/index.jsp" redirect="false" />
      <forward name="error" path="/acceuil.jsp?erreur=1" redirect="false" />
    </action>
 
 
    <action path="/refresh" input="/login.do" 
    name="FormLogin" type="action.RefreshAction"/>
 
 
    <action path="/affMess" input="/login.do" 
    name="FormLogin" type="action.AfficheMessageAction">
 
    </action>
 
    <!--  <action path="/welcome" forward="/pages/message.jsp"></action>  -->
    <!-- <action path="/welcome" parameter="/pages/message.jsp" type="org.apache.struts.action.ActionForward"></action> -->
   <action path="/accueil" forward="/accueil.jsp"></action>
   <!-- <action path="/accueil" parameter="/accueil.jsp" type="org.apache.struts.actions.ForwardAction"></action> -->
  </action-mappings>
 
  <message-resources key="myResource" parameter="resources.resources"></message-resources>
 
 
</struts-config>

merci bien

22/04/2008, 15h11
c_nvy

OButterlin a raison. Si tu utilises une DispatchAction, il ne faut pas donner la valeur action à ton attribut parameter car, lorsque tu modifies l'attribut action du formulaire en javascript comme ceci :

Code:

document.form[0].action.value = 'execute';

cela équivaut à modifier la valeur de l'attribut action du tag form.

Ceci dit, ce code-là étant en commentaire ce n'est pas celui-là qui pose problème.

Sinon, as-tu essayé directement ceci :

Code:

<html:select styleClass="select1" property="select" value="${nbr}" onchange="document.forms[0].submit();" >

Modifie aussi le tag

Code:

<form action="/refresh">

par

Code:

<html:form action="/refresh">
22/04/2008, 15h17
Esil2008

merci pour vos reponses,
je viens d'essayer ce que tu m'a dis c_nvy, malheureusement ca marche toujours pas.
Il m'affiche la meme erreur que j'avais marquer au debut

Code:

document.forms[0].submit is not a function

thanks
22/04/2008, 15h49
c_nvy

Et comme ceci :

Code:

<html:select styleClass="select1" property="select" value="${nbr}" onchange="document.FormLogin.submit();" >
22/04/2008, 15h50
c_nvy

Par contre, ce que je trouve bizarre, c'est que tu n'as pas de forward défini pour ton Action RefreshAction.:?
22/04/2008, 15h54
Esil2008

par ce que je voudrais qu'il reste sur la même page !!!
22/04/2008, 16h05
c_nvy

Et bien, dans le mapping de ton Action, tu ajoutes un forward qui redirige vers la même page.
22/04/2008, 16h08
Esil2008

cad rajouter ca !!!

Code:

<forward name="refreshF" path="/login.do" redirect="false" />
22/04/2008, 16h13
Esil2008

je viens d'essayer ca aussi, sans resultat, tjrs le meme message d'erreur dans la console ...
Merci en tous cas
22/04/2008, 16h14
c_nvy

As-tu le même résultat avec :

Code:

onchange="document.FormLogin.submit();"
22/04/2008, 16h19
Esil2008

ouiiii j'ai essayé aussi
22/04/2008, 16h20
c_nvy

Je crois que j'ai trouvé.

J'ai vu que tu avais appelé une propriété du formulaire submit.
Peux-tu lui donner un autre nom et tester ?
22/04/2008, 16h25
Esil2008

ouiiiiiiiiiii c bien ca.
Merci beaucoup té vraiment forte ;) et desole car ta perdue pas mal de temps avec moi.
22/04/2008, 16h25
remika

Sinon tu peux mettre un styleId sur ton form
et avec prototype.js faire $('style_id_du_form').submit();

Voir 40 message(s) de cette discussion en une page