submit d'un formulaire grace a un code javascript

**Esil2008** · 22/04/2008, 12h06

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 :

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

document.forms[0].submit();

mais ca marche pas !!! Est ce que Struts accepte ce genre de chose ...
une idée
merci

**c_nvy** · 22/04/2008, 12h34

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

Code :

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

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

ou encore :

Code :

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

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

As-tu un message d'erreur ?

**Esil2008** · 22/04/2008, 14h10

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="..."

**c_nvy** · 22/04/2008, 14h37

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

**Esil2008** · 22/04/2008, 14h43

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

**OButterlin** · 22/04/2008, 14h49

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+

**Esil2008** · 22/04/2008, 14h56

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

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

**c_nvy** · 22/04/2008, 15h11

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 :

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

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 :

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

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

Modifie aussi le tag

Code :

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

<form action="/refresh">

par

Code :

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

<html:form action="/refresh">

**Esil2008** · 22/04/2008, 15h17

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 :

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

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

thanks

**c_nvy** · 22/04/2008, 15h49

Et comme ceci :

Code :

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

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

**c_nvy** · 22/04/2008, 15h50

Par contre, ce que je trouve bizarre, c'est que tu n'as pas de forward défini pour ton Action RefreshAction.

**Esil2008** · 22/04/2008, 15h54

par ce que je voudrais qu'il reste sur la même page !!!

**c_nvy** · 22/04/2008, 16h05

Et bien, dans le mapping de ton Action, tu ajoutes un forward qui redirige vers la même page.

**Esil2008** · 22/04/2008, 16h08

cad rajouter ca !!!

Code :

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

<forward name="refreshF" path="/login.do" redirect="false" />

**Esil2008** · 22/04/2008, 16h13

je viens d'essayer ca aussi, sans resultat, tjrs le meme message d'erreur dans la console ...
Merci en tous cas

**c_nvy** · 22/04/2008, 16h14

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

Code :

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

onchange="document.FormLogin.submit();"

**Esil2008** · 22/04/2008, 16h19

ouiiii j'ai essayé aussi

**c_nvy** · 22/04/2008, 16h20

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 ?

**Esil2008** · 22/04/2008, 16h25

ouiiiiiiiiiii c bien ca.
Merci beaucoup té vraiment forte

et desole car ta perdue pas mal de temps avec moi.

**remika** · 22/04/2008, 16h25

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

submit d'un formulaire grace a un code javascript

Struts 1 Java

Discussions similaires

Partager

Partager