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

JavaScript Discussion :

JS : Next input en utilisant les classes [entour� de DIV, Span]


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    AFTT
    Inscrit en
    Janvier 2015
    Messages
    32
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 32
    Localisation : Belgique

    Informations professionnelles :
    Activit� : AFTT

    Informations forums :
    Inscription : Janvier 2015
    Messages : 32
    Par d�faut JS : Next input en utilisant les classes [entour� de DIV, Span]
    Bonjour,

    Je d�veloppe une feuille de match en ligne pour le gestion des interclubs de tennis de table. 1 match se d�roule en 5 sets gagnants. Par exemple :
    11/5 , 11/6 , 6/11, 9/11, 11/13
    Dans un match il y a 16 rencontres, donc il y a 16 rencontres * 5 sets * 2 joueurs.

    Plusieurs utilisateur me demande de changer la fonction de la touche Enter et de la Touche Droite afin qu'elle r�alise la m�me chose que la touche tabulation.

    J'ai essay� plusieurs m�thodes mais sans succ�s.

    La m�thode next() semble fonction seulement si aucun �l�ment spam ou div figure entre les input
    j'ai �galement essayer le m�thode nextElementSibling elle fonctionne pour passer du champ 1 au champ 2 mais apr�s elle me renvoi une valeur nulle.

    Il me semble donc que je n'utilisa pas la bonne m�thode. A mon avis il faut utiliser la classe de mes inputs pour aller chercher le suivant, mais je bloque depuis deux jour l�-dessus.

    Voici l'extrait de code des inputs :

    Code HTML : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    <div class="col-2 text-center">
      <span class="">Set 1 : </span><input type="text" name="<?php echo $set_h_m; ?>" id="<?php echo $set_h_m; ?>" class="form-control set  text-center alpha" maxlength="2"><span class="d-none d-md-none d-sm-none d-lg-inline d-xl-inline"> - </span><span class="d-block d-sm-block d-md-none d-lg-none d-xl-none">-</span><input type="text" name="<?php echo $set_a_m; ?>" id="<?php echo $set_a_m; ?>" class="form-control set  text-center alpha" maxlength="2">
    </div>
    <div class="col-2 text-center">
      <span class="">Set 2 : </span><input type="text" name="<?php echo $set_h_m; ?>" id="<?php echo $set_h_m; ?>" class="form-control set  text-center alpha" maxlength="2"><span class="d-none d-md-none d-sm-none d-lg-inline d-xl-inline"> - </span><span class="d-block d-sm-block d-md-none d-lg-none d-xl-none">-</span><input type="text" name="<?php echo $set_a_m; ?>" id="<?php echo $set_a_m; ?>" class="form-control set  text-center alpha" maxlength="2">
    </div>

    Merci d'avance pour l'aide que vous pourrez m'apporter.

    Mathieu

  2. #2
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par d�faut
    Salut,

    Difficile de tester sans les codes et le code html est avec du php...

    Sinon pour faire cela je mettrais tous les input dans un conteneur auquel j'ajouterais un gestionnaire pour g�rer les touches enter et la touche Droite (la fl�che droite c'est �a ?)...

  3. #3
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par d�faut
    Perso j'avais fait �a : https://jsbin.com/kicewucoyu/edit?html,js,output

    Lorsqu'on tape sur "enter" (on peut ajouter une autre touche) le focus passe sur la input suivante mais si on est sur la derni�re input eh bien on passe � la premi�re contrairement � la touche tabulation (si on veut la m�me chose avec la touche tabulation eh bien c'est possible).

Discussions similaires

  1. [Taglibs] Utiliser les classes css ?
    Par PeteMitchell dans le forum Struts 1
    R�ponses: 4
    Dernier message: 05/05/2007, 01h31
  2. R�ponses: 12
    Dernier message: 04/10/2006, 15h53
  3. [d�butante]utiliser les classes css pour surligner des liens
    Par Mitaka dans le forum G�n�ral JavaScript
    R�ponses: 18
    Dernier message: 06/01/2006, 09h37
  4. [POO] Pourquoi utiliser les classes ?
    Par GregPeck dans le forum Langage
    R�ponses: 7
    Dernier message: 16/12/2005, 15h18
  5. [Debutant] probleme pour utiliser les classes d'un .jar
    Par pissek dans le forum Eclipse Java
    R�ponses: 3
    Dernier message: 12/05/2004, 18h21

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