Action des flèches sur des input d'un tableau [Résolu]

[CrasherSEP]

Bonjour,

Je suis entrain de créer un mots croisés en *.html, j'ai donc un tableau contenant des <input>

J'aimerais pouvoir faire ces deux manipulations :

01. Pouvoir naviguer facilement d'un <input> à l'autre, je sais qu'il existe la Tabulation (tabindex="x"), mais le problème est au niveau des croisements.

02. J'ai donc un tableau avec des <input> de maximum 1 lettre ! Et j'aimerais qu'après avoir taper la lettre dans l'<input> A1, il passe automatiquement à l'<input> suivant (à définir : horizontalement ou verticalement)

Exemple :

---b1---
a1 a2 a3
---b2---
---c1 c2 c3 c4

Mot 1 = a1 a2 a3
Mot 2 = b1 a2 b2
Mot 3 = c1 c2 c3 c4

Comment faire pour mettre des conditions sur chaque <input> ? onkeypress (left, right, up, down) et onfocus

Merci d'avance pour votre aide :-)

[RomainVALERI]

>>> pour définir l'ordre de parcours des input dans un formulaire, utilise la propriété tabIndex (et range les valeurs dans l'ordre de ton choix, quel que soit l'emplacement où s'affiche chaque input en question)

>>> pour ta seconde question, tu veux savoir comment lier une fonction à un événement clavier c'est ça ? ^^

[CrasherSEP]

Merci, mais la fonction tabIndex, ne fonctionnera pas dans plusieurs sens...

Code :

1
2
3
4
5
Exemple :
---b1---
a1 a2 a3
---b2---
---c1 c2 c3 c4

Ok pour passer par exemple du a2 -> a3, mais comment passer du a2 -> b2 avec cette commande ?

Pour la 2ième question, je suis dans l'input a1, je tape : "A", et là, automatiquement le focus se place sur l'input a2...

[RomainVALERI]

Ah oui effectivement ok je comprends mieux ^^ tabIndex ça n'ira pas...

(Mais bon, là il reste un cas fonctionnel pas clair : que faire si deux mots commencent à partir de la même case... ? )

En tout cas, il te faudra une fonction associée sur l'événement "keyup" de l'objet window probablement, récupérant la référence de l'input qui a le focus, et qui détermine à quel autre input donner le focus...

Quelle partie te pose problème ?

[Bovino]

De toute façon, ça n'a rien à voir avec le HTML => déplacé vers JavaScript.