Recuperation ID objet HTML

**Katachana** · 09/10/2009, 09h00

Bonjour,

J'ai le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div id="PremiereDiv"></div>
<div id="SecondeDiv">
<input type="radio" class="checkbox" .........../>
</div>

Je récupère l'input sélectionné. A partir de celui ci je voudrais pouvoir récupérer l'id de la div PremiereDiv.

en utilisant l'attribut parentNode de l'élément sélectionné , j'arrive a remonter jusqu'à la div la plus haute qui contient l'input, mais pas la div précédente.

Auriez-vous une piste ?

Merci d'avance !

Invité · 09/10/2009, 09h06

jour

la premiere div est seule il faudrait voir avec parentNode.parentNode puis retrouver l'autre div avec par exemple getElementsByTagName

le pluis simple me semble t'il serait de l'appeler par son id

**Katachana** · 09/10/2009, 09h40

En fait je cherche a faire cela , parce que j'ai pas la main sur le code généré.

il y a un fonction js lié à la class SecondeDiv.

Et je souhaite savoir quelle est la div précédente afin d'executer ou non la fonction js.

je pensais utiliser cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var parent = o.parentNode.parentNode.parentNode.parentNode;
var previousParent= parent.previousSibling;

Vous en pensez quoi ?

**Katachana** · 09/10/2009, 10h05

J'ai un probleme de type .....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var parent = o.parentNode;

parent me renvoi un objet HTMLDivElement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var previousParent= parent.previousSibling;

Par contre previousParent me renvoi un objet Text .....

Auriez vous une piste?

Merci

**le_chomeur** · 09/10/2009, 10h10

si o est ta case a cochée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

o.parentNode

**Katachana** · 09/10/2009, 10h16

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

o.parentNode

Me permet bien de récupérer via getAttribute('id'), l'id de la div SecondeDiv, mais ce que je souhaite c'est récupérer l'id de la div PremiereDiv à partir de l'élément coché

Merci d'avance !

Invité · 09/10/2009, 12h41

le probleme c'est que le div que tu cherche a ateindre se trouve pas dans le meme arbre

tu devrait essayer de l'ateindre par l'intermediaire d'un de ces attributs

par exemple si il a un zindex de 10 ou un height de 50 etc...

**Katachana** · 09/10/2009, 13h35

En fait le probleme c'est que j'ai une structure comme ca :

Code :

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
 
<div class="UnoDiv">
.....
</div>
<div class="SecondeDiv">
<input type="radio" class="checkbox" .........../>
</div>
 
<div class="PremiereDiv">
.....
</div>
<div class="SecondeDiv">
<input type="radio" class="checkbox" .........../>
</div>
 
<div class="DosDiv">
.....
</div>
<div class="SecondeDiv">
<input type="radio" class="checkbox" .........../>
</div>

La fonction js est lié à la classe SecondeDiv, mais je souhaiterais que la fonction ne s'exécute pas dans le cas ou la div précédente est PremiereDiv.....

C'est un peu tordu, mais j'ai pas trop le choix

**le_chomeur** · 09/10/2009, 13h54

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(o.parentNode.parentNode.id)

...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if (o.parentNode.parentNode.id == "cequetuveux"){
action a effectuer
}

ps je ne vois pas d'id sur tes div première :-/

**Matthieu2000** · 09/10/2009, 14h13

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

listeDiv=parentNode.getElementsByTagname("div")

+boucle+if...

**Katachana** · 09/10/2009, 16h19

Je m'en suis sorti en utilisant cette méthode pour récupérer la div précédente:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function get_previoussibling(n)
            {
                x=n.previousSibling;
                while (x.nodeType!=1)
                  {
                  x=x.previousSibling;
                  }
                return x;
            }