evenement onclick touche enter

Version imprimable

28/01/2009, 10h54
chris_013

evenement onclick touche enter

Bonjour . Voila j'aimerais qu'un bouton se déclenche lorsuqe j'appuie sur enter dans ma page.Quelles sont mes possibilitées?? merci;)

Une idée :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
    document.onkeydown = entree;
 
    function entree() {
        var evt  = (evt) ? evt : ((event) ? event : null);
        if (evt.keyCode == 13) {
            document.getElementById("myForm:myButton").click();
        }
    }
</script>
 
<h:form id="myForm">
    ...
    <h:commandButton id="myButton" .../>
    ...

28/01/2009, 11h29
chris_013

j'ai bien inserer mon code javascript mais il m'indique que click() n'est pas définie pour mon type Element???
28/01/2009, 11h34
romaintaz

Tu as adapté mon code pour changer les IDs ?

Peux tu nous montrer le code de ta page JSF ?

voici-->

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
<%-- tpl:metadata --%>
    <%-- jsf:pagecode language="java" location="/src/pagecode/tilesContent/RAD7JSF2LoginFragment.java" --%><%-- /jsf:pagecode --%>
<%-- /tpl:metadata --%><%@taglib
    uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles"%><%@taglib
    uri="http://java.sun.com/jsf/core" prefix="f"%><%@taglib
    uri="http://www.ibm.com/jsf/html_extended" prefix="hx"%><%@taglib
    uri="http://java.sun.com/jsf/html" prefix="h"%><%@page language="java"
    contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<script type="text/javascript"> document.onkeydown = entree;
 
function entree() {
var evt = (evt) ? evt : ((event) ? event : null);
if (evt.keyCode == 13) {
document.getElementById("form1:button1").click;
}}
     </script>
    <hx:viewFragment id="viewFragment1">
    <hx:scriptCollector id="scriptCollector1">
        <p><font face="Arial" color="red">Login</font></p>
        <h:form styleClass="form" id="form1">
            <table>
                <tbody>
                    <tr>
                        <td align="left">Entrer client SSN:.</td>
                        <td style="width: 5px">&nbsp;</td>
                        <td><h:inputText styleClass="inputText" id="ssn1"
                            value="#{sessionScope.SSN}" required="true" style="color: red">
                            <f:validateLength minimum="11" maximum="11"></f:validateLength>
                        </h:inputText></td>
                    </tr>
                </tbody>
            </table>
            <h:messages styleClass="messages" id="messages1" style="color: red"></h:messages>
            <br />
            <hx:commandExButton id="button1" styleClass="commandExButton"
                type="submit" value="Entrer"
                action="#{pc_RAD7JSF2LoginFragment.login}">
            </hx:commandExButton>
        </h:form>
    </hx:scriptCollector>
</hx:viewFragment>

essay plutot ce code ça a marché pour moi :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
document.forms['maform'].onkeypress =
 
new Function("{var keycode;if (window.event) keycode = 
 
window.event.keyCode;else if (event) keycode = 
 
event.which;else return true;if (keycode == 13) { 
 
document.getElementById('maform:validButton').click();
 
return false; } 
 
else  return true; 
 
}");