détecter l'appui sur la touche Entree

Version imprimable

08/02/2009, 20h50
john_wili

détecter l'appui sur la touche Entree
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:

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

Code:

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:

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

09/02/2009, 09h47
javatwister

sauf que e risque fort d'être indéfini dans ta démonstration, SF :roll:
09/02/2009, 09h50
SpaceFrog

arf oui faut le passer aussi en param je l'oublie toujours :red:
09/02/2009, 10h03
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é ???
09/02/2009, 10h04
john_wili

comment je le passe en paramètre svp??

Code:

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:

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

09/02/2009, 10h24
javatwister

tiens, c'est rigolo, fox accepte keyCode, maintenant 8O
09/02/2009, 10h54
SpaceFrog

Certains savent reconnaitre leurs erreurs et les corriger :mouarf:
09/02/2009, 22h09
john_wili

ça marche pas non plus :cry::cry::cry:

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???
10/02/2009, 11h55
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 ??
10/02/2009, 12h47
Bovino

Code:

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

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

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:

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

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:

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:

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:

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:

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

Tu peux t'inspirer de ceci

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

11/02/2009, 16h01
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
11/02/2009, 16h13
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) ?
11/02/2009, 16h21
E.Bzz

Citation:

Envoyé par OButterlin

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+

voici le code de ma jsp

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

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>