récupérer les ‘id’

Version imprimable

30/05/2007, 16h06
phpieur

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

Bonjour,

Code:

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+

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:

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>

30/05/2007, 17h25
E.Bzz

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 :mrgreen:

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:

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">  </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:

var i, n, objDiv = [], ton_array = [];

en lieu et place de
Code:

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 :mrgreen:

Si on peut éviter de donner de mauvaise habitudes (absence de factorisation) :king:

30/05/2007, 18h19
phpieur

merci bc