Discussion :

[boutmos]

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 :

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

[Auteur]

bonjour,

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.

[boutmos]

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

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.

[Bovino]

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 :

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

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

et tu verras la différence

[jojosbiz]

Salut,
essaie avec

Code :

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

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

sur Firefox et

Code :

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

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

sur IE.

[boutmos]

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

[boutmos]

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

Code :

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

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 :

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

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

J'ai toujours une erreur : element is null

[Bovino]

Code :

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

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

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

[boutmos]

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

Merci bcp