Discussion :

[james2001]

Salut a tous,

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

Code :

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

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

Code :

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

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

merci d'avance

[Matthieu2000]

parceque l'evenement onkeypress n'existe pas dans un select...

[james2001]

comment faire alors ???

[Mr N.]

Comment ca pas de onkeypress sur select ?
http://giminik.developpez.com/xhtml/select.html

[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

[Mr N.]

En effet. Je viens de faire ce script :

Code :

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

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

[james2001]

ils sont trop nombreu

[Mr N.]

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

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

[james2001]

merci bcp

[Mr N.]

Pense au bouton en bas à gauche