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 :

Récupérer l'élément à l'origine de l'événement


Sujet :

JavaScript

  1. #1
    Membre éprouvé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 718
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 718
    Par défaut Récupérer l'élément à l'origine de l'événement
    Bonjour à tous,

    Je voudrais récupérer l'élément enfant (champ de formulaire) sur lequel l'utilisateur à cliqué pour modifier l'attribut disabled ou readonly de ce seul champ.
    Pour info, mon but est de ne modifier qu'un champ à la fois.
    Code html : 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
    <form method="post" action="" class="L displCard">
    	<div class="multiCols">
    		<div class="div1">
    			<strong><label><?= INCL_LBL_FIRST; ?></label><input type="text" value="<?= $address->prenom; ?>" disabled /></strong><br/>
    			<p></p>
    			<label><?= INCL_LBL_ADDR; ?></label><textarea cols="30" rows="3" readonly><?= $address->adresse; ?></textarea><br/>
    			<label><?= INCL_LBL_COUNTRY; ?></label><input type="text" value="<?= $address->pays; ?>" disabled /><br/>
    			<label><?= INCL_LBL_CP; ?></label><input type="text" value="<?= $address->cp; ?>" disabled /><br/>
    			<label><?= INCL_LBL_LOCALITY; ?></label><input type="text" value="<?= $address->ville; ?>" disabled /><br/>
    		</div>
    		<div class="div2">
    			<strong><label><?= INCL_LBL_LAST; ?></label><input type="text" value="<?= $address->nom; ?>" disabled /></strong><br/>
    			<p></p>
    			<label><?= INCL_LBL_HOME; ?></label><input type="text" value="<?= $address->tel_domicile; ?>" disabled /><br/>
    			<label><?= INCL_LBL_GSM; ?></label><input type="text" value="<?= $address->tel_portable; ?>" disabled /><br/>
    			<label><?= INCL_LBL_WORK; ?></label><input type="text" value="<?= $address->tel_travail; ?>" disabled /><br/>
    			<label><?= mailtoLbl($address->courriel); ?></label><input type="text" value="<?= $address->courriel; ?>" disabled /><br/>
    		</div>
    	</div>
    	<div style="margin-top:10px;margin-left:20px;">
    		<label><?= INCL_LBL_NOTES; ?></label><textarea style="width:500px" readonly><?= $address->notes; ?></textarea><br/>
    		<label><?= INCL_LBL_UPDATE; ?></label><input type="text" value="<?= $address->update_date; ?>" disabled /><br/>
    	</div>
    </form>
    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    "use strict";
     
    const
    	inclForm	= window.document.querySelector('.displCard'),
    	fields		= window.document.querySelectorAll('.displCard input, .displCard textarea');
     
    // Modification des champs
    inclForm.addEventListener('dblclick', function(e)
    {
    	alert(e.target.name);
    }, false );
    Ma question: La ligne 10 affiche une chaîne vide et nom pas le nom du champ qui a été cliqué.

  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
    Ben que veux-tu récupérer au juste ? Si c'est le nom de la balise (de l'élément du DOM) eh bien c'est "tagName" (e.target.tagName)...

  3. #3
    Membre éprouvé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 718
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 718
    Par défaut
    Merci. Ce que je veux récupérer c'est l'attribut name et comme je ne l'ai pas mis, je ne risque pas de le récupérer. Quel âne!!!!

  4. #4
    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
    Ben oui j'avais regardé le code HTML ne voyant pas d’attribut "name" je me suis dis peut-être que c'est tagName qu'il veut mais apparemment c'était un oubli, ok...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] Récupérer l'objet à l'origine de l'évènement Onchange
    Par QAYS dans le forum jQuery
    Réponses: 2
    Dernier message: 26/05/2014, 14h00
  2. Réponses: 0
    Dernier message: 19/02/2008, 12h01
  3. Réponses: 5
    Dernier message: 22/02/2006, 17h32
  4. Comment récupérer les éléments d'un autre programme ?
    Par Henri_13 dans le forum API, COM et SDKs
    Réponses: 22
    Dernier message: 29/11/2005, 00h16
  5. Récupérer la table d'origine du champs
    Par adelavarenne dans le forum Bases de données
    Réponses: 7
    Dernier message: 02/04/2004, 15h38

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