modifier la touche [entrée] dans un formulaire

**troumad** · 04/12/2007, 22h14

Bonsoir

Je me pose une question métaphysique...
Je souhaite faire une petite page php pour modifier une base de données.
Celle-ci se présente comme un tableau avec des cases préremplies à modifier : un formulaire (balise form).

Je pense qu'il serait utile/agréable pour l'utilisateur habitué à un tableur que la touche entrée ne valide pas le formulaire, mais fasse passer à la casse suivante.

Est-ce faisable ? Est-ce un machin tellement courant que ma question vous semble idiote ?
Est-ce sans espoir ?

**jln13** · 04/12/2007, 22h20

salut,

tu peux facilement en javascript... le code de la touche entree est 13 je crois si je me rappelle bien

edit :

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
 
<html>
<head>
	<script type="text/javascript">
	function mafonction(e) {
		if (window.event) {e=event;} // IE
		if(e.keyCode == 13) {
			alert("entree");
		}
	}
	</script>
</head>
<body onkeypress="javascript:mafonction(event);">
 
</body>
</html>

**troumad** · 04/12/2007, 22h58

Merci, ça progresse

Maintenant, il me faut :
1) simuler l'appui sur la touche Tab
2) rajouter onkeypress="javascript:mafonction(event);" sans accéder à la balise <body> qui est définie dans un autre document.

Je trouverais peut-être facilement après une nuit de sommeil

**Shinuza** · 05/12/2007, 02h23

Salut,

J'ai fais ça y'a 6 mois, c'est loin d'être top, mais ça fait la blague :

http://verybadman.free.fr/editable/

**troumad** · 05/12/2007, 09h49

Envoyé par Shinuza

http://verybadman.free.fr/editable/

Pas mal !
Ce n'est pas tout à fait ce que je cherche.
Tu ne rediriges pas la touche [Entrée].
Par contre, ton code me montre que je ne maitrise pas tout

. Surtout dans http://verybadman.free.fr/editable/application.js où je ne vois pas pourquoi tu as mis des fonctions dans une fonction et je ne sais pas non plus ce que représente tes $ dans

Code :

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

1
2
			var tb = $(tableId),
			tds = $t(tb,"td");

Autre remarque : pourquoi n'alignes-tu pas tes { avec tes } ? Tu trouves que c'est plus lisible ?
Pour ma part, j'aime bien quand je vois un { voir rapidement où il se ferme : le } qui est en dessous. De même avec le { , je cherche celui qui est au dessus.

Code :

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

1
2
3
4
5
6
 dsqfqsf
 hghdgj
 {
        mpofjumoigh
        slqijfaeslfuqo
 }

**Shinuza** · 05/12/2007, 12h51

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
22
23
24
25
26
27
28
function $(el){
			return document.getElementById(el);
		}
 
		function $t(el,tag) {
				return el.getElementsByTagName(tag);
		}
 
		function $c(nodeSet,cName) {
			var i  = 0,
				el = nodeSet[i],
				sortedNodeSet = [];
 
			while(el) {
				if(el.nodeName == "#text") {
					i++;
					el = nodeSet[i];
					continue;	
				}
				if(el.className == cName) {
					sortedNodeSet.push(el);
				}
				i++;	
				el = nodeSet[i];
 
			}
			return sortedNodeSet;
		}

$() -> GetElementById
$t() -> GetElementsByTagName
$c() -> GetElementsByClassName

Le script n'est bien sur pas ce que tu demandes, il faut l'adapter, changer le code touche (tab) pour celui de la touche éntrée.

Ensuite ça dépend de ce que tu veux faire en terme d'ergo

modifier la touche [entrée] dans un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager