Simuler le keycode 13

Version imprimable

03/03/2007, 10h53
david84

Simuler le keycode 13

Bonjour à tous et toutes

J'ai un petit soucis, et je pense que vous pouvez peut être me donner une piste.

j'utilise un calendar, qui remplit une zone de texte avec la date sélectionnée par l'utilisateur, rien d'extraordinaire pour l'instant.

cependant sur ce composant (la zone de texte) j'ai un évenement onenter, j'écoute les touches pressées et si le keycode est le 13, l'événement est déclencher.

Ma question est la suivante : Comment simuler le fait que la touche entrée a été présser lorsque la popup du calendar se ferme.

dans la fonction hideCalendar je dispose de l'id du champ texte.

J'ai essayé de creer des événement à la volé (fire) mais j'ai réussie uniquement a créer des évenements dblclick et blur. je ne peux malheureusement pas modifier la nature de l'événement (contraintes ergonomiques).

nb : j'utilise le framework jsf, myfaces, tomahawk. Navigateurs utilisés IE6 FF.

Si quelqu'un a une idée ?

Merci d'avance pour vos pistes.

David BREYTON.

J'arrive a obtenir ce que je veux sur ie mais pas sur ff

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
 
<html>
<body >
<a href="#" id="a1" onClick="IEFFOnKeyDown(event);">ici</a>
<input type="texte" id="a2" onkeypress="onEnter(event);"/>
<script language="JavaScript">
function onEnter(event) {
  var key;
  key = window.event ? window.event.keyCode : event.which;
 
  if (key == 13) {
      alert("event called");      
  }
}
 
function IEFFOnKeyDown(evenement){ 
   el2 = document.getElementById("a2");
 
   window.event ?  window.event.keyCode = 13 : evenement.which;
  // ici est le problème which est uniquement un getter comment modifier
  // le  keycode sur FF.
 
   if(document.layers) {
      alert(evenement.which);
   }
   alert("appel de l'evenement");
   el2.onkeypress(evenement);
 
} 
</script>
</body>
</html>

une idée ?
merci.

Salut,
un bout de code qui peut te servir :

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
// IE
if(document.attachEvent) {
	document.attachEvent('onkeypress', processKeyPress);
}
// Gecko
else if(document.addEventListener) {
	document.addEventListener('onkeypress', processKeyPress, false);
}
 
 
function processKeyPress(evnt) {
	var keyCode = 0;
	// IE
	if(evnt.keyCode)	{
		keyCode = evnt.keyCode;
	}
	// Gecko
	else if(evnt.charCode)	{
		keyCode = evnt.charCode;	
	}
	if(keyCode == 13)	{
		window.alert('trter');
	}
}

Bye

Merci beaucoup Djakisback.

En effet je ne connaissais pas event.charCode, l'événement était déja attaché à l'input, je n'ai donc pas eu besoin attachEvent ou Add...

Merci en tout cas j'avais trouvé une autre manière de faire mais c'était pas trop "académique".

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
 
<html>
<body >
<a href="#" id="a1" onClick="IEFFOnKeyDown(event);">ici</a>
<input type="texte" id="a2" onkeypress="onEnter(event);"/>
<script language="JavaScript">
function onEnter(event) {
  var key;
 
  key = window.event ? event.keyCode : (event.charCode != 0) ? event.charCode  : event.which;
 
  if (key == 13) {
      alert("event called");      
  }
}
 
function IEFFOnKeyDown(evenement){ 
   el2 = document.getElementById("a2");
   //simule que la touche entré a été pressée
  window.event ?  evenement.keyCode = 13 : evenement.charCode = 13;
  alert("appel de l'evenement");
  el2.onkeypress(evenement); 
} 
</script>
</body>
</html>