Discussion :

[john_wili]

salut

je veux quand je remplis un champs de text et je tape la touche "Entree"
faire un control sur ce champ via javascript
voila ce que j'ai fais

Code :

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

1
2
 
onkeypress="if (event.keyCode==13)affPrompt(document.getElementById('debut'),document.getElementById('le_prompt'),document.getElementById('sup'));"

mais ça ne marche pas y'a meme pas un message d'erreur

est ce que qlq'un peut me dire ce qui manque dans mon code
merci de me répondre

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function  DetecteTouche(touche){
var EnterKey
  if(e && e.which){           // pour non IE
    e = e
    EntrerKey = e.which
  }
  else {
    e = event
    EnterKey = e.keyCode // IE specific code
  }
  return  (EnterKey == touche) 
}

et

Code :

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

onkeypress="if (DetecteTouche(13)){affPrompt(document.getElementById('debut'),document.getElementById('le_prompt'),document.getElementById('sup'))};"

[javatwister]

sauf que e risque fort d'être indéfini dans ta démonstration, SF

[SpaceFrog]

arf oui faut le passer aussi en param je l'oublie toujours :red:

[john_wili]

je l'ai essayé mais ça ne marche pas toujours

cela n'est pas du à une propriété dans IE par exemple
ou une option qui n'est pas activé ???

[john_wili]

comment je le passe en paramètre svp??

[Bovino]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function  DetecteTouche(e, touche){
var EnterKey
  if(e && e.which){           // pour non IE
    e = e
    EntrerKey = e.which
  }
  else {
    e = event
    EnterKey = e.keyCode // IE specific code
  }
  return  (EnterKey == touche) 
}

Code :

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

onkeypress="if (DetecteTouche(e, 13)){affPrompt(document.getElementById('debut'),document.getElementById('le_prompt'),document.getElementById('sup'))};"

[javatwister]

tiens, c'est rigolo, fox accepte keyCode, maintenant

[SpaceFrog]

Certains savent reconnaitre leurs erreurs et les corriger

[john_wili]

ça marche pas non plus

je ne comprend pas ça fais des jours que je tourne dans ce petit prob sans trouver d'issue

vous etez sur y'a rien à ajouter???

[john_wili]

ça marche maintenant mais y'a un probléme
quand je tape Entree la fonction du control s'exécute et aprés y'a un raffréchissement de la page
comment eviter ça ??

[Bovino]

Code :

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

onkeypress="if (DetecteTouche(e, 13)){affPrompt(document.getElementById('debut'),document.getElementById('le_prompt'),document.getElementById('sup'))}else{return false}"

[john_wili]

c'est bon j'ai détecté l'erreur
je l'ai essayé avec

Code :

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

1
2
 
onkeypress="if (event.keyCode==13)affPrompt(document.getElementById('debut'),document.getElementById('le_prompt'),document.getElementById('sup'));"

et ça marche
le problème c'est que moi j'utilise le tag"layout:number" qui me permet de saisir que des chiffres
mais quand je l'ai testé avec "layout:text" ça marche

Code :

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

1
2
 
 <layout:text property="debut" size="15"  onkeypress="if (event.keyCode==13){affPrompt(document.getElementById('debut'),document.getElementById('le_prompt'),document.getElementById('sup'))};"  key="Start:"

merci pour tous ceux m'ont aidé
et je dis encors une fois désolé pour bovino

[john_wili]

je reviens encors une fois
j'ai eu un prob lorsque je tape entree le control se fais et aprés il y'a un rafréchissment de la page

pour le régeler j'ai mis ça

Code :

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

1
2
 
<layout:form action="/swapPo.do" method="post" onsubmit="return false;">

le prob maintenant c'est que quand je clique sur le botton submit pour
submiter le form il n'est pas submité

Code :

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

1
2
 
 <layout:submit onclick="setHidden('valider',swapForm)">Valider</layout:submit>

j'ai essayé de cette solution
avant de submiter le form je mis un champs hidden à true

Code :

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

1
2
3
4
5
6
7
8
 
  <layout:submit onclick="activ();setHidden('annuler',document.packagingForm);">Annuler</layout:submit>
et  dans la fonction activ()
function activ()
{
document.getElementById('hiddenTest').value="true";
 
}

ensuit
dans le onsubmit je test si ce champs est à true je submit le form sinon non

Code :

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

1
2
3
4
5
6
7
8
9
 
 <layout:form action="/pac.do" method="post" onsubmit="tester();">
 
function tester(){
if(document.getElementById('hiddenTest').value=="true")
{return true;}
else
{return false;}
}

mais quand je tape sur entree y'a toujours le rafréchissement de la page

est ce que qlq 'un peux m'aider

merci

[OButterlin]

Tu peux t'inspirer de ceci

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
 
<html>
<head>
<script>
 
function manageEvent(evtObj)
{
   var keyCode = document.all ? evtObj.keyCode : evtObj.which;
   if (keyCode == 13)
   {
        var error = false;
        var target = evtObj.target ? evtObj.target : evtObj.srcElement;
 
        var fnc = eval("check_" + target.name);
        if (fnc != null) fnc(target);
 
        return false;
   }
   return true;
}
 
function check_field1(obj)
{
    if (obj.value.length == 0)
    {
        alert("Vous devez renseigner le champ 'Nom'");
    }
}
 
function check_field2(obj)
{
    if (obj.value.length == 0) return;
 
    var reg = new RegExp("[0-9]{2}/[0-9]{2}/[0-9]{4}","");
    if (!reg.test(obj.value))
    {
        alert("Le format de la date est incorrect.\nFormat attendu : JJ/MM/AAAA");
    }
    else
    {
        var arr = obj.value.split("/");
        var yy = parseInt(arr[2]);
        var mm = parseInt(arr[1]);
        var dd = parseInt(arr[0]);
        var max = 30;
        var leap = false;
        var msg = "";
 
        if (mm < 1 || mm > 12) msg += "le mois doit être compris entre 1 et 12\n";
 
        // Nombre de jours du mois
        if (mm == 2)
        {
            if (yy % 400 == 0 || (yy % 4 == 0 && yy % 100 > 0)) max = 29;
            else max = 28;
        }
        else if (mm == 1 || mm == 3 || mm == 5 || mm == 7 || mm == 8 || mm == 10 || mm == 12) max = 31;
 
        if (dd < 1 || dd > max) msg += "le jour doit être compris entre 1 et " + max + "\n";
 
        if (msg.length > 0) alert(msg);
    }
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td>Nom</td>
<td><input type="text" name="field1" onkeypress="return manageEvent(event)"/></td>
</tr>
<tr>
<td>Date de naissance</td>
<td><input type="text" name="field2" onkeypress="return manageEvent(event)"/></td>
</tr>
</table>
<input type="submit" value="Envoyer"/>
</form>
</body>
</html>

Ceci dit, il serait préférable d'utiliser "onblur" pour faire tes tests de validité...
A+

[john_wili]

le problème n'est pas dans les controls c'est plutot dans la soumission du form
et le faite que quand je tape Entree il t'a rafréchissement de la page

[OButterlin]

L'exemple que je t'ai donné ne soumet pas le formulaire (du moins chez moi).
Peux-tu montrer le code de la page (complet) ?

[E.Bzz]

Ceci dit, il serait préférable d'utiliser "onblur" pour faire tes tests de validité...

+1

Voire même onchange qui serait encore préférable.

A+

[john_wili]

voici le code de ma jsp

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" pageEncoding="ISO-8859-1"%>
 
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%@taglib uri="http://struts.application-servers.com/layout" prefix="layout" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="com.yourcompany.struts.UtilBean.Profil" %>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html lang="true">
  <head>
    <html:base />
 
    <title>Ordre de packaging</title>
 
     <layout:skin includeScript="true"/>
 
   <script type="text/javascript" src="config/javascript.js">
 
   </script>
 
 
 
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
 
  </head>
 
  <body onload="testt1();activer();">
   <layout:img src="../images/entete2.JPG" width="100%"/>
 
 
 <jsp:include page="menu.jsp"/> 
 <hr>
 
 
    <layout:form action="/pac.do" method="post">
     <layout:text property="hiddenTest" mode="H,H,H"></layout:text>
     <layout:text property="hidden" value="default" mode="H,H,H"></layout:text>
 
       <layout:row >
 
             <layout:column>
 
 
              <layout:button onclick="validd();">Valider</layout:button>
 
              </layout:column>
              <layout:column>      
              <layout:submit onclick="setHidden('annuler',document.packagingForm);">Annuler</layout:submit>
            </layout:column>
            <layout:column>
                <layout:submit onclick="setHidden('editExcel',document.packagingForm);">Expoter vers Excel</layout:submit>
 
              </layout:column>
 
       <layout:column width="70">
      </layout:column>
      <layout:column>  
      <h3 >
   ORDRE DE PACKAGING 
      </h3>
  </layout:column>
        </layout:row>
 
 
 
 <layout:row>
 <layout:select  property="maga" key="magasin :" onchange="setHidden('chercher',document.packagingForm);document.packagingForm.submit();">
          <layout:option value=""></layout:option>
          <layout:options property="listmaga"></layout:options>
          </layout:select>
 
  </layout:row> 
  <logic:notEmpty property="resulrang" name="packagingForm" >
  <layout:pager maxPageItems="5">
    <layout:collection name="packagingForm" property="resulrang" styleClass="SCROLL" styleClass="FORM"  width="980" height="160">
       <layout:collectionItem title="ARTICLE" property="article"></layout:collectionItem>
       <layout:collectionItem title="PROFIL" property="profil"></layout:collectionItem>
       <layout:collectionItem title="SERIAL START" property="start"></layout:collectionItem>
       <layout:collectionItem title="SERIAL END" property="end"></layout:collectionItem>
       <layout:collectionItem title="PACKAGING" property="packag"></layout:collectionItem>
       <layout:collectionItem title="ACTIVE" property="active"></layout:collectionItem>
       <layout:collectionItem title="HLR" property="hlr"></layout:collectionItem>
        <layout:collectionItem title="PQ" property="pq"></layout:collectionItem>
<layout:collectionItem title="QUANTITE" property="qte"></layout:collectionItem>
 
       <layout:collectionItem title="+" property="ajouter" action="/pac.do?hidden=ajouter" paramId="art,prof,st,nd,qt" paramProperty="art,prof,st,nd,qt">
         <center> <layout:img srcName="add.GIF" border="0"></layout:img> </center>
       </layout:collectionItem>
 
    </layout:collection>
 
 
  </layout:pager>
 
  </logic:notEmpty>    
 
   <logic:present  parameter="hidden" scope="request" >
	     <logic:equal value="chercher" parameter="hidden" scope="request">
	      <logic:present name="packagingForm"   >
	     <logic:empty property="resulrang" name="packagingForm" >
	     <layout:panel styleClass="Form"  key="aucun resultat trouvé !" >
	     <layout:message key="aucune rang "/>
	     <layout:message key="n'est dans se warehouse"/>
 
	     </layout:panel>	    
	     </logic:empty>
 
	     </logic:present>
	     </logic:equal>
	     </logic:present>
 
	      <layout:space></layout:space>
 
	       <layout:row width="800">
         <table border="0">
 
   <tr>
       <td> <layout:select  property="article" key="article:" onchange="activer();">
          <layout:option value=""></layout:option>
          <layout:options property="listarticle"></layout:options>
          </layout:select></td>
 
      <jsp:include page="champ.jsp"/> 
<td> <layout:select  property="profil" key="profil:">
          <layout:option value=""></layout:option>
          <layout:options property="listprof"></layout:options>
          </layout:select>   </td>
 
       <td> <layout:button onclick="testVidd(document.packagingForm);"> Ajouter </layout:button> </td>
   </tr>
<jsp:include page="confirmation.jsp"/> 
   </table>
 
   </layout:row>
   <layout:space></layout:space>
 
 
    <layout:row width="950">
          <layout:column width="600">  
          <layout:pager maxPageItems="3">
             <layout:collection name="packagingForm" property="listajouter" styleClass="SCROLL"  styleClass="FORM" width="600" height="120">
                <layout:collectionItem title="ARTICLE" property="aa"></layout:collectionItem>
                <layout:collectionItem title="PROFIL" property="proff"></layout:collectionItem>
                <layout:collectionItem title="START" property="stt"></layout:collectionItem>
                <layout:collectionItem title="END" property="endd"></layout:collectionItem>
                <layout:collectionItem title="QUANTITE" property="qtt"></layout:collectionItem>
                <layout:collectionItem title="X" property="retirer" action="/pac.do?hidden=Retirer" paramId="aaa,ppp,st,see,qt" paramProperty="aaa,ppp,st,see,qt">
                <center> <layout:img srcName="supp.GIF" border="0"/>  </center>                
                </layout:collectionItem>
 
             </layout:collection>
             </layout:pager>
          </layout:column>
 
             <layout:column width="350">
 
 
 <layout:select  property="parten" key="partenaire :">
          <layout:option value=""></layout:option>
          <layout:options property="listparten"></layout:options>
          </layout:select>
 
  <layout:date property="dat" key="Date limite :"  endYear="2020" startYear="1999" patternKey="dd/MM/y" calendarTooltip="Choisir la date fin" ></layout:date> 
 
  <layout:radio property="priorite"  key="Haute " value="haute"></layout:radio>
 
   <layout:radio property="priorite" key="normal " value="bas"></layout:radio>
 
  <layout:textarea property="note" key="Note:"></layout:textarea>
 
 
      </layout:column>
    </layout:row>
 
 
 
    </layout:form>
  </body>
</html:html>

le champs sur lequel je fais des control se trouve ds la jsp "champs.jsp"
qui référencé par include

Code :

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

1
2
 
<td> <layout:text property="debut" size="15"  onclick="tester4();"  onkeypress="if (event.keyCode==13){affPrompt(document.getElementById('debut'),document.getElementById('le_prompt'),document.getElementById('sup'))};"  key="Start:" onfocus="testArt();" onblur="tester(document.getElementById('debut'));" ></layout:text> </td>