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 :

Nombre d'enfants d'un ElementHTLM


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2014
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Juillet 2014
    Messages : 3
    Par défaut Nombre d'enfants d'un ElementHTLM
    Bonjour,

    je suis en DUT et je fais un stage en informatique (je suis débutant quand même).

    L'objectif étant de faire une suite bureautique (pas très complexe), juste une sorte de grille ("telle que excel) où l'on peut éditer..

    j'avance pas par pas et je suis bloqué sur un point.

    mon principe :

    faire un tableau html et dans les cellules du tableau, je met un type input (text ou number selon besoin).

    1) j'arrive pas à récupérer la valeur de du type input

    2) Lorsque je compte le nombre d'enfant dans la cellule, le résultat est 3 et pas 1.
    code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function voirContenu()
    {
    	var x = document.getElementById("cell_0");
    	alert(x.childNodes.length);  //firstChild.nodeValue;
    }
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <table id="monTableau_Edit"  border="1">
    	<caption>Tabelau Edit</caption>
    	<tbody id="mes_cellules">
    		<tr id="ligne_0"><!-- -->
    			<td id="cell_0">  <input id="essaie0" type="text" style="border:none; name="essaie0"  value="Imagine" /> </td>  
    		</tr>
    	</tbody>
    </table>

    Je vous remercie de votre aide et du temps !

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    si tu enlèves les espaces avant et après ton INPUT, il n'y aura plus qu'un élément enfant
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <td id="cell_0"><input id="essaie0" type="text" style="border:none;" name="essaie0"  value="Imagine" /></td>

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2014
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Juillet 2014
    Messages : 3
    Par défaut
    J'ai finalement trouvé ce qui n'allait pas.
    Pour ceux qui auront ce problème :

    il faut juste enlever les espaces dans la balise td qui encadre le type input car ils comptent en nœud de texte.
    Donc ne pas mettre d'espace mais juste le type input.

  4. #4
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2014
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Juillet 2014
    Messages : 3
    Par défaut
    Oui c'est ça justement.
    désolé j'ai posté ma réponse sans voir la tienne et à quelque minutes après.

    Je te remercie beaucoup, c'est super d'avoir reçu une réponse rapide

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    ce qui est super c'est surtout que tu as continué à chercher en attendant une réponse, comme quoi la recherche paie

  6. #6
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    effectivement mais la solution d'enlever les espaces dans le code source n'est pas la bonne.

    elle marche et en tant que stagiaire débutant tu pourrais t'en contenter.
    Mais c'est l'occasion de rendre ton code robuste

    imagine que ton code dans l'entrepris eva vivre sa vie pendant des années. peut être plusieurs dizaines. et un jour quelqu'un un autre stagiaire peut être fa reformater ton code HTML et là le bug va réapparaitre sans que la personne en question comprenne ce qu'il se passe.


    la solution est donc de considérer qu'éventuellement il n'y a pas un fils mais plusieurs et donc de traiter tous ces fils.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function voirContenu()
    {
      var x = document.getElementById("cell_0");
      var inputs = x.getElementsByTagName('INPUT');
      alert(inputs.length);  //nombre de fils de type Input
      if (inputs.length > 0) {
        alert(inputs[0].value); //valeur du premier fils de type input
      }
    }
    A+JYT

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    d'accord avec toi sur le fond sekaijin mais sur la forme j’utiliserais plus volontiers la collection des enfants (les vrais) en utilisant obj.children plutôt que getElementsByTagName ou autre querySelectorAll.

  8. #8
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    entièrement d'accord non code est juste un exemple.
    mon propos est de dire qu'in ne faut pas se contenter de supprimer le blanc dans la source
    un code don le résultat dépend de la mise en forme du code source est un code potentiellement dangereux.

    A+JYT

  9. #9
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    On peut aussi mettre à profit les interfaces et méthodes spécifiques :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var x = document.getElementById("cell_0"),
        nb = x.childElementCount, // Attention, IE8- inclut les commentaires dans le compte
        nb2 = x.children.length;
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  10. #10
    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
    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 !

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

Discussions similaires

  1. le nombre d'enfants d'un personne
    Par Invité dans le forum SQL
    Réponses: 18
    Dernier message: 07/01/2015, 22h50
  2. Comment connaitre le nombre d'éléments enfants ?
    Par Sanceray3 dans le forum jQuery
    Réponses: 3
    Dernier message: 01/12/2009, 20h37
  3. compter le nombre de nodes enfants
    Par Mario Rousson dans le forum Windows Forms
    Réponses: 1
    Dernier message: 14/09/2009, 23h26
  4. Conseil pour trouver le nombre d'enfant dans un treeview
    Par skunkies dans le forum Windows Forms
    Réponses: 0
    Dernier message: 27/01/2009, 10h50
  5. [XSLT] Nombre de noeuds enfants
    Par Oberown dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 03/10/2006, 16h58

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