Discussion :

[gronaze]

Hello,

Je débute en développement web et j'essaye des trucs sans y arriver. Mon objectif est de faire apparaître/disparaitre des éléments (sans action utilisateur -- du moins au début) :
En HTML :
Au sein d'une classe/balise <div id="button"> j'ai plusieurs balise inline <a id="xx">.

En CSS: Je définie notamment la propriété display:

Code :

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

1
2
3
4
5
#button a
{
	display: inline-block;
        [...]
}

Dans la partie javascript, pour certain identifiant <a> de la classe <div>, je tente de masquer l'élément avec:

Code :

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

1
2
3
[...]
var hideButton = window.getComputedStyle(tab[ii][2], null).display;
hideButton = 'none';

Or l'effacement/masquage des éléments cités ne fonctionne pas !
première question : pourquoi ?
Deuxième question: Pour que tous les boutons <a> soient identiques, j'ai choisit de faire la "mise en forme" dans la class parent <div>, est-ce un choix approprié ?

Merci pour vos réponses,

[Bovino]

Déjà, getComputedStyle() n'est disponible sur IE qu'à partir de la version 9, donc pas très compatible.
Il est préférable de passer par la propriété style des éléments.

Ensuite, tu affectes à ta variable la valeur actuelle du style, pas la propriété de style elle-même, l'affectation suivante va donc uniquement modifier la valeur (de type texte) de cette variable, pas le style souhaité.

Code :

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

tab[ii][2].style.display = 'none';

[gronaze]

Merci Bovino pour ta réponse.

Les pages que je fais doivent uniquement être lues depuis un linux embarqué qui n'a qu'un browser FF, mais cela dit, autant être portable dès le début, on ne sait jamais.

Comment dois-je faire pour modifier l'attribut style ?

Est-ce un problème de référence ? de rechargement de la page ?

[Bovino]

Comment dois-je faire pour modifier l'attribut style ?

Code :

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

tab[ii][2].style.display = 'none';

[gronaze]

mea culpa, j'avais pas compris.

Merci,

==> RESOLU