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 :

[DOM] DOM : Trouver le champ qui suit un champ


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �clair�
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    247
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 247
    Par d�faut [DOM] DOM : Trouver le champ qui suit un champ
    Bonjour,

    Je d�veloppe un composant AJAX compos� d'un champ texte et trois champs chach�s. La touche "Entr�e" est utilis� pour autre chose que la soumission du formulaire, j'utilise donc un script qui permet d'empecher cette soumission. J'aimerai aussi que l'appuie sur cette touche envoie le focus sur le champ suivant � la mani�re de la touche "tab".
    Le probl�me est ke je ne connais pas l'id du champ suivant (puisque je d�veloppe un composant). A priori, il y en a forc�ment un (le bouton submit) et m�me s'il y en a pas, j'aimerai que la touche Entr�e ait le meme role que la touche Tab.
    J'ai pas envie de donner le focus � un champ cach� : j'ai essay� et le focus se perd et recommence en d�but de page.

    Je vous donne ci dessous le code actuel pour empecher la touche Entr�e :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    document.getElementById("champ-texte").onkeypress=function(e){
    	ev= e ? e.which : event.keyCode;
            if(ev==13 || ev==3){
    		document.getElementById('num_voie').focus();
    		this.form.onsubmit=function(e){
    			ev= e ? e.which : event.keyCode;
    			if(ev==13 || ev==3){
    				return false;
    			}
    		}
    		return false
    	}
         }

    Merci beaucoup pour votre aide !

  2. #2
    Membre �clair�
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    247
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 247
    Par d�faut
    aucune id�e ?

  3. #3
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    a tout hasard nextSibling avec un nodeCleaner avant ?
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  4. #4
    Membre �clair�
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    247
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 247
    Par d�faut
    Je peux avoir plus de pr�cision sur le nodecleaner s'il te plait ?
    C'est pour �purer le DOM et ne r�cup�rer que ce que l'on souhaite ?

    Ce que je voudrais c'est que lorsque lutilisateur appuie sur Entr�e sur mon champ, le focus soit donn� au prochain champ input, s'il existe. Sinon je bloque juste la touche Entr�e comme c'est le cas actuellement.

  5. #5
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    un nodeCleaner est un petit script qui nettoie le DOM de sorte que IE et Firefox retournent les m�mes �l�ment, car ils n'on � la base pas la m�me interpr�tation des nodes ...

    Il doit y avoir un script dasn la faq ou dans les codes sources ...

    ainsi en recup�rant le nextSibling il ne te reste plus qu'a tester si il s'agit d'un input ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  6. #6
    Membre �clair�
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    247
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 247
    Par d�faut
    Ok je vois ce ke tu veux dire.
    Le nodeCleaner sert alors � uniformiser la valeur du nextSibling entre les diff�rents navigateurs.
    As tu une id�e pour tester le type d'un �l�ment, � savoir s'il s'agit d'un input ou autre chose ?
    j'ai cherch� sur le net et j'ai pas trouv� gd chose.
    Je sais qu'on peut r�cup�rer tous les �l�ments d'un certain type avec la m�thode getElementsByTagName("input") au sein d'un �l�ment. Peut etre que je peux regarder dans ce tableau (je suppose que l'objet retourn� est un tableau d'objet input ?) si je trouve mon nextSibling... Mais y a t il une m�thode plus simple du genre :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
     if (document.getElementById("blabla").nextSibling.type == "input") { blabla }
    ??

    Merci pour les r�ponses

Discussions similaires

  1. [AC-2010] Champ qui alimente un champ d'une table
    Par mcharmat dans le forum IHM
    R�ponses: 6
    Dernier message: 03/12/2013, 00h07
  2. [DOM] [IE6] D�finir l'attribut type d'un champ input
    Par franculo_caoulene dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 28/01/2008, 17h27
  3. [DOM] Contenu des "input file" qui s'effacent
    Par cathy9999 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 05/07/2007, 09h30
  4. Trouver une valeur qui n'est pas dans un champ
    Par eric41 dans le forum Requ�tes
    R�ponses: 6
    Dernier message: 16/05/2006, 16h48
  5. [DOM] O� trouver la classe DomDocument ?
    Par naima2005 dans le forum Biblioth�ques et frameworks
    R�ponses: 2
    Dernier message: 03/05/2006, 19h33

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