Discussion :

[eja1968]

Bonjour !

Je souhaite connaitre l'état du style d'un element de ma page web, j'essaye avec :
etat = eval(smenu).style.visibility;
ou smenu est document.getElementById("monobjet")
mais je n'en tire rien.

pour le modifier, je fais un :
eval(smenu).style.visibility = 'visible';
et ca fonctionne.

Merci de votre aide

Eric

modéré par denisC : ajout du tag résolu

[Mr N.]

Code :

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

1
2
3
4
5
6
 
   var el = document.getElementById('mon_id');
   alert(el);
   alert(el.style.visibility);
   el.style.visibility = 'hidden';
   alert(el.style.visibility);

[eja1968]

Merci Mr N,

J'ai essayé tout ca mais je n'arrive toujours pas à connaitre le style courant de mon objet (HTMLTableElement) sur Firefox il est paramétré via une feuille de style CSS sur hidden.

si je fais un
monobjet.style.visibility = 'hidden';
ou
monobjet.style.visibility = 'visible';
cela fonctionne bien et agit sur le style.

Mais je voudrais récupérer le style dans une variable et je n'y arrive pas, je fais un :
var etat = monobjet.style.visibility;
Il ne récupère rien tant que je n'ai pas paramétré le style via Javascript.

Merci

Eric

[grav]

bonjour eja1968

Le comportement de js me paraît assez logique.

la propriété

Code :

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

monObjet.className

doit avoir la valeur

Code :

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

maClasse

et cette classe agit sur la visibilité.

en revanche la propiété

Code :

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

monObjet.style.visibility

est vide puisque tu n'agis que su

Code :

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

className

.

Je ne sais comment récupérer en DOM la définition d'une class (pour savoir si la propriété

Code :

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

visibility

de la class est à

Code :

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

hidden

)

En revanche je te conseillle de te créer 2 class (une visible une invisible) et de tester le nom de la class.
Tu peux aussi combiner les class

css:

Code :

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

1
2
3
maclass {(....) pas de définition de la propriété visibility}
voir {visibility: normal}
cache {visibility: hidden}

js:

Code :

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

1
2
3
4
//pour voir
monobjet.className='maclass voir'
//pour cahcer
monobjet.className='maclass cache'

[/code]

[denisC]

Il ne récupère rien tant que je n'ai pas paramétré le style via Javascript.

C'est normal, comme expliqué dans le post de grav. Le style est celui que tu declares pour l'objet, pas celui qui est effectivement affiché.

Pour acceder au style effectif de ton objet, il faut utiliser les méthodes suivantes:

Code :

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

1
2
3
 
element.currentStyle //IE
window.getComputedStyle(element, null) //FFx et Opera

L'élément retourné par ces fonctions a tous les attributs de l'attribut style d'un élement.

Tu peux donc faire:

Code :

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

1
2
3
 
monobjetCptedStyle = monobjet.currentStyle || window.getComputedStyle(monobjet, null);
alert(monobjetCptedStyle.visibility);

Et normalement ça marche

[eja1968]

Je confirme ca marche !

Bravo les gars

Encore merci

Eric