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 les ‘id’


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Inscrit en
    octobre 2006
    Messages
    27
    Détails du profil
    Informations forums :
    Inscription : octobre 2006
    Messages : 27
    Points : 17
    Points
    17
    Par défaut récupérer les ‘id’
    Slt tout le mande
    Je vous savoir comment faire pour récupérer les ‘id’ des éléments <div> qui se trouve dans une balise <div> globale
    Par exemple :

    <div id="dropContent">
    <div class="dragableBox" id="box1">CAT</div>
    <div class="dragableBox" id="box2">DOG</div>
    <div class="dragableBox" id="box3">HORSE</div>
    <div class="dragableBox" id="box4">TIGER</div>
    </div>

    je veux récupérer les 'id' box1,box2,box3 et box4 Dynamiquement dans un array

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : janvier 2007
    Messages : 13 474
    Points : 36 602
    Points
    36 602
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    ton_array = new Array();
    function recup() {
    for (i=0; i<document.getElementById('dropContent').getElementsByTagName('div').length; i++)
    ton_array[i] = document.getElementById('dropContent').getElementsByTagName('div')[i].id;
    }
    ...
    </script>
    </head>
    <body><div id="dropContent">
    <div class="dragableBox" id="box1">CAT</div>
    <div class="dragableBox" id="box2">DOG</div>
    <div class="dragableBox" id="box3">HORSE</div>
    <div class="dragableBox" id="box4">TIGER</div>
    </div>
    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  3. #3
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    avril 2004
    Messages
    7 469
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : avril 2004
    Messages : 7 469
    Points : 10 576
    Points
    10 576
    Par défaut
    bonjour,

    certes on a chacun ses manies pour coder... Mais personnellement, si je peux éviter la répétition d'un document.getElementById() sur un même élément, je le fais :

    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
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    <html>
    <head>
    <title></title>
     
    <script type="text/javascript">
    <!--
    function recup()
    {
      var i, n, objDiv = new Array();
      var ton_array = new Array();
     
      objDiv = document.getElementById('dropContent').getElementsByTagName('div');
      n = objDiv.length;
     
      for (i=0; i<n; i++)
      {
         ton_array[i] = objDiv[i].id;
      }
      alert(ton_array);
    }
    //-->
    </script>
     
    </head>
     
    <body onload="recup()">
     
    <div id="dropContent">
      <div class="dragableBox" id="box1">CAT</div>
      <div class="dragableBox" id="box2">DOG</div>
      <div class="dragableBox" id="box3">HORSE</div>
      <div class="dragableBox" id="box4">TIGER</div>
    </div>
     
    </body>
     
    </html>

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : janvier 2007
    Messages : 13 474
    Points : 36 602
    Points
    36 602
    Par défaut
    Citation Envoyé par Auteur
    certes on a chacun ses manies pour coder...
    Heu ... c'est pas pour coder là, c'est pour donner une réponse la plus lisible possible
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  5. #5
    Membre averti
    Inscrit en
    novembre 2006
    Messages
    336
    Détails du profil
    Informations forums :
    Inscription : novembre 2006
    Messages : 336
    Points : 374
    Points
    374
    Par défaut
    Citation Envoyé par Auteur
    bonjour,

    certes on a chacun ses manies pour coder... Mais personnellement, si je peux éviter la répétition d'un document.getElementById() sur un même élément, je le fais :

    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
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    <html>
    <head>
    <title></title>
     
    <script type="text/javascript">
    <!--
    function recup()
    {
      var i, n, objDiv = new Array();
      var ton_array = new Array();
     
      objDiv = document.getElementById('dropContent').getElementsByTagName('div');
      n = objDiv.length;
     
      for (i=0; i<n; i++)
      {
         ton_array[i] = objDiv[i].id;
      }
      alert(ton_array);
    }
    //-->
    </script>
     
    </head>
     
    <body onload="recup()">
     
    <div id="dropContent">
      <div class="dragableBox" id="box1">CAT</div>
      <div class="dragableBox" id="box2">DOG</div>
      <div class="dragableBox" id="box3">HORSE</div>
      <div class="dragableBox" id="box4">TIGER</div>
    </div>
     
    </body>
     
    </html>
    J'acquiesse, j'aujouterais

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
      var i, n, objDiv = [], ton_array = [];
    en lieu et place de


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
      var i, n, objDiv = new Array();
      var ton_array = new Array();
    Citation Envoyé par E.Bzz
    Heu ... c'est pas pour coder là, c'est pour donner une réponse la plus lisible possible
    Si on peut éviter de donner de mauvaise habitudes (absence de factorisation)

  6. #6
    Membre à l'essai
    Inscrit en
    octobre 2006
    Messages
    27
    Détails du profil
    Informations forums :
    Inscription : octobre 2006
    Messages : 27
    Points : 17
    Points
    17
    Par défaut
    merci bc

Discussions similaires

  1. Récupérer les mails Outlook dans une table Access
    Par zerrokooll dans le forum VBA Access
    Réponses: 79
    Dernier message: 07/07/2009, 15h22
  2. Réponses: 3
    Dernier message: 28/11/2003, 22h26
  3. Réponses: 2
    Dernier message: 13/11/2003, 16h13
  4. Comment récupérer les adresses WWW dans Internet Explorer ?
    Par chaours dans le forum Web & réseau
    Réponses: 7
    Dernier message: 03/09/2003, 15h27
  5. Réponses: 4
    Dernier message: 04/07/2003, 20h13

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