IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

"sauter" un champ quand on utilise la tabulation


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2002
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2002
    Messages : 11
    Par défaut "sauter" un champ quand on utilise la tabulation
    Bonjour à tous,

    Voilà, mon problème est simple : j'ai sur mes pages de mon site beaucoup de champs de type texte qui servent à saisir des dates. Juste après chacun de ces champs il y a champ de type image sur lequel on peut cliquer, ce qui va lancer un calendrier et alimentera éventuellement mon champ texte avec la date sélectionnée. Bref, du classique, qu'on peut voir par exemple sur le site de la sncf.

    Mais si je me place dans le cas où l'utilisateur se sert beaucoup de la tabulation, le comportement génant est que s'il a saisi une date puis il clique sur tab, le focus passe naturellement sur l'image du calendrier, alors que je voudrais qu'il passe directement sur mon prochain champ.

    En bref, je souhaite qu'en utilisant la tabulation, on puisse "sauter" des champs. Y-a-t-il une possibilité sans devoir affecter un attribut tabindex à tous les champs de chaque page ?

    Merci.

    PS : tabindex ="-1" ou "0" ne fonctionne pas...

  2. #2
    Membre expérimenté
    Profil pro
    Inscrit en
    Août 2005
    Messages
    221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 221
    Par défaut


    Citation Envoyé par jisse
    PS : tabindex ="-1" ou "0" ne fonctionne pas...
    Pour ce que tu veux obtenir, il va bien falloir que tu les utilises.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <label>1er champ :<input type="text" name="" tabindex="1"></label>
    <label>2nd champ :<input type="text" name="" tabindex="2"></label>
    <label>3eme champ :<input type="text" name="" tabindex="3"></label>
     
    etc...
    Ainsi, tu pourras en définir l'ordre de tabulation.

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo