Discussion :

[Invité]

Bonjour,

La récupération des valeurs CSS d'un div me pose problème.

DIV

Code :

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

<div class='yearContent' name='divAnnee'>blablabla</div>

J'utilise name pour pouvoir récupérer plusieurs div!

CSS

Code :

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

1
2
3
4
5
6
7
8
9
.yearContent {
	position: absolute;
	top: 220px;
	left: 200px;
	width: 500px;
	height: auto;
	padding: 10px;
	text-align: left;
}

JS

Code :

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

1
2
3
4
5
6
7
8
9
10
window.onload = positionnerDiv;
 
function positionnerDiv() {
	var divsAnnee = document.getElementsByName("divAnnee");
	for (var i=0; i<divsAnnee.length; i++) {
		if (i != 0) {
			alert(divsAnnee[i-1].style.width);
		}
	}
}

La fenêtre alert est tout le temps vide, pas la moindre valeur.

Je me trompe quelque part?

Merci.

[Bisûnûrs]

La méthode .style en Javascript renvoie les valeurs inline de l'attribut style d'une balise, et non pas les styles déclarés dans une feuille de style.

Tu peux toujours essayer de t'aider de ça:
http://javascript.developpez.com/faq...=CSS#styleReel

Au passage, l'attribut name d'un div n'est pas valide XHTML et n'est pas reconnu par IE.

[Invité]

Au passage, l'attribut name d'un div n'est pas valide XHTML et n'est pas reconnu par IE.

Merci pour cette info, je vais changer ça!

Pour ce qui est du reste, je suis fort ennuyé. Ce que j'essaie de faire c'est un genre d'explorateur de fichier (sauf que le contenu n'est pas des fichiers) avec une croix cliquable pour étendre chaque valeur et voir celles dessous. Point important : je ne connais pas le nombre d'éléments précédés d'une croix, c'est généré de façon dynamique.

Exemple :

+ 2007
+ 2008
+ 2009

Deviendrait une fois cliqué sur une croix :

- 2007
élément 1
élément 2
...
+ 2008
+ 2009

Je pensais faire des div de même classe positionnées de façon absolue (sans JS ils sont l'un sur l'autre), puis par JS récupérer la hauteur du précédent et l'ajouter à la propriété top pour le descendre dynamiquement.

D'après ce que je vois je suis mal parti, aurais-tu quelques conseils de base, un fil directeur à me donner pour concevoir cela? Je ne veux pas de code tout fait, je préfère m'essayer à ce genre de pratique depuis 0.

Merci.

[Bisûnûrs]

Ben, en CSS, si tu ne mets pas de hauteur définie à ton div, il va s'adapter en fonction du contenu.

Donc, si tu fais :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div>+ 2007</div>
<div>
   Element1<br />
   Element2<br />
   Element3
</div>
<div>+ 2008</div>
<div>
   Element1<br />
   Element2<br />
   Element3
</div>

Et que par un jeu d'identifiants tu masques/affiches que ceux que tu veux, tu n'as pas besoin de tes position:absolute et gérer la hauteur de chaque élément en JS.

[Invité]

Ouais je sais pas ce que j'ai été imaginer là, il faudrait que je fasse des pauses de temps en temps pour me remettre les idées en place! LOL

Merci de m'avoir rafraîchit les idées!

webrider