balise select onkeypress

Version imprimable

27/10/2005, 21h56
james2001

balise select onkeypress
Salut a tous,

pourquoi la je n'arrive pas a detecter la touche suppr avec la balise select ???
Code:

1 2 3 4 5 function PSupprL(pEnvent) { if(pEnvent.keyCode==46)//SUPPR SupprL(); }
Code:

<select size="10" style="width: 100%" name="categorie" id="categorie" onclick="javascript:Categorie();" onkeypress="javascript:PSupprL(event);">

merci d'avance :)
28/10/2005, 09h32
Matthieu2000

parceque l'evenement onkeypress n'existe pas dans un select...
28/10/2005, 23h41
james2001

comment faire alors ???
29/10/2005, 00h38
Mr N.

Comment ca pas de onkeypress sur select ?
http://giminik.developpez.com/xhtml/select.html
30/10/2005, 08h12
james2001

oui onkeypress marche pour le balise select mais pas pour tout les touches :(

par exemple suppr

j'ai essayé en mettan une balise div mais pas de resulta

En effet. Je viens de faire ce script :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <select size="10" style="width: 100%" name="categorie" id="categorie"> <option>truc</option> <option>troc</option> </select> <script type="text/javascript"> el = document.getElementById('categorie'); el.onkeypress = function(event) { alert('1'); if (event.keyCode == 46) { this.options[this.selectedIndex] = null; } } </script>
Il marche impec sous Firefox, mais sous IE le alert(1) n'est pas executé lors de l'appui sur les touches spéciales, comme suppr :(

Il ne te reste plus qu'à exclure les gens sous IE :lol:

30/10/2005, 16h31
james2001

ils sont trop nombreu :)

Dans ce cas là, n'utilise pas keypress mais keyup ou keydown 8O
Jette un oeil là dessus :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<select size="10" style="width: 100%" name="categorie" id="categorie">
	<option>truc</option>
	<option>troc</option>
</select>
<script type="text/javascript">
	el = document.getElementById('categorie');
	el.onkeyup = function(event) {
		var code = -1;
		if (!event) {
			event = window.event;
		}
		if (event.which) {
			code = event.which;
		} else if (event.keyCode) {
			code = event.keyCode;
		}
		if (code == 46 || code == 8) { //suppr or backspace
			this.options[this.selectedIndex] = null;
		}
	}
</script>

Compatible IE et Fx 8)

30/10/2005, 16h43
james2001

merci bcp :D
30/10/2005, 17h06
Mr N.

Pense au bouton :resolu: en bas à gauche ;)