Initialisation de la propriété CSS display par Javascript

bonjour , j'aimerais comprendre un comportement javascript/css d'initialisation de la propriété display d'une div.

j'ai écris cette fonction qui me cache mes formulaires (chaque formulaire est encapsulé dans une DIV possedant un id unique et une classe "formDiv")

Pourquoi a la 1ere execution le alert ne me retourne pas l'etat du display et qu'a partir de la seconde , il le fait correctement ....??? (Je precise que dans mon fichier CSS, l'initialisation des displays est correctement faite).

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

function callForm(nomFormulaire) { var element = document.getElementById(nomFormulaire); var cpt = 1;   // Cache tous les formulaires var allForms = document.getElementsByTagName("div"); /* On extrait toutes les balises DIV du document */   while (allForms[cpt]){ /* Si c'est une DIV associée a la classe formDiv ET differente du formulaire appellé */ if ( (allForms[cpt].className == "formDiv") && (allForms[cpt].id != nomFormulaire) ) { alert(allForms[cpt].id +" : "+allForms[cpt].style.display); allForms[cpt].style.display = "none"; /* Alors On la cache */ } cpt++; }   // Affiche le formulaire demandé element.style.display = "block"; }

---

Merci

bonjour,

Citation:

---

Envoyé par boutmos

Pourquoi a la 1ere exécution le alert ne me retourne pas l'etat du display et qu'a partir de la seconde , il le fait correctement ....??? (Je precise que dans mon fichier CSS, l'initialisation des displays est correctement faite).

---

tu ne peux pas accéder à une propriété CSS de cette manière. C'est pour cette raison qu'à la première exécution ton code n'affiche rien.

Désolé pour la réponse tardive .... fêtes ... Meilleurs Voeux a tous au passage.

Citation:

---

tu ne peux pas accéder à une propriété CSS de cette manière. C'est pour cette raison qu'à la première exécution ton code n'affiche rien.

---

Comment accéder "proprement" a une propriété CSS alors ?? Merci.

Citation:

---

Pourquoi a la 1ere execution le alert ne me retourne pas l'etat du display et qu'a partir de la seconde , il le fait correctement ....???

---

Si, a la première exécution, il te retourne l'état, c'est-à-dire une chaine vide, c'est-à-dire la valeur CSS par défaut.
Si la propriété n'avait pas été initialisée, le alert te retournerait 'undefined'.
En revanche, et c'est le sens de la remarque de Auteur, la valeur CSS d'une propriété de style et la valeur JavaScript ne sont pas le mêmes.

EDIT :
Pour t'en persuader, essaye :

Code:

---

alert(allForms[cpt].id +" : "+allForms[cpt].style.toto);

---

et tu verras la différence ;)

Salut,
essaie avec

Code:

---

1 2	var display = document.defaultView.getComputedStyle(element, null).getPropertyValue('display');

---

sur Firefox et

Code:

---

1 2	var display = element.currentStyle['display'];

---

sur IE.

ok faut je creuse de la méthode de jojosbiz, hélas j'ai un petit truc important a faire ce matin, je reviendrais dessus aussi tot que possible. Merci d'avance

j'ai recuperer une fonction qui reprend les 2 lignes de code de jojobizs :

Code:

---

1 2 3 4 5 6 7 8 9 10

function getStyle(el,styleProp) { var element = document.getElementById(el); if (element.currentStyle) var y = element.currentStyle[styleProp]; else if (window.getComputedStyle) var y = document.defaultView.getComputedStyle(element,null).getPropertyValue(styleProp); return y; }

---

Mais lorsque j'appelle cette fonction de cette manière :

Code:

---

var display = getStyle("div","display");

---

J'ai toujours une erreur : element is null

Code:

---

var display = getStyle("div","display");

---

Tu as une div avec l'id 'div' ??? :roll:

OOps non , noob que je suis ^^, c'est bon çà fonctionne.

Merci bcp