Modifier le style d'un display en javascript

Version imprimable

03/02/2006, 13h21
Benjiijneb

Modifier le style d'un display en javascript

Bonjour,
je souhaiterais modifier un display de block en none en cliquant sur un lien.

Comment faire?

merci d'avance
03/02/2006, 13h22
SpaceFrog

Code:

document.getElementBYId('objet').style.displat='none'

mais �a doit �tre dans la FAQ �a non ?
03/02/2006, 13h25
Benjiijneb

oui, mais je ne peux utliser getelementbyid car j'ai plusieurs <p> et <div> a mettre en none.

Alors fais toi une class .visible et une class .invisible

Code:

1
2
3
4
<style type='text/css'>
.visible {display:block}
.invisible {display:bnone}
</style>

Code:

1
2
3
4
5
6
7
8
9
<p style='display:block;'>zezasdfg sd df g </p>
<p class="visible">zezasdfg sd df g </p>
<p class="visible">zezasdfg sd df g </p>
<p class="visible">zezasdfg sd df g </p>
<p class="visible">zezasdfg sd df g </p>
<p class="visible">zezasdfg sd df g </p>
<p class="visible">zezasdfg sd df g </p>
<p class="visible">zezasdfg sd df g </p>
<p class="visible">zezasdfg sd df g </p>

puis :

Code:

1
2
3
 
vat TabP= document.getElementsByTagName('p')
for (i=0,i<TabP.length;i++){TanP[i].className='invisible'

et si il n'agit pas de tous les p ... mets un id rationnel sur lequel tou pourras faire un test sur le d�but (id commen�ant par ...)

03/02/2006, 13h42
Benjiijneb

merci

j'ai suivie ta m�thode:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function cacher() { var TabP= document.getElementsByTagName('p'); for (i=0;i<TabP.length;i++) { if (TabP[i].className='visible') {TabP[i].className='invisible'}; } } function afficher() { var TabP= document.getElementsByTagName('p'); for (i=0;i<TabP.length;i++) { if (TabP[i].className='invisible') {TabP[i].className='visible'}; }
Code:

<p class='invisible'>blabla</p>

seulement, lorsque je clique sur cacher, tous mes <p> se cachent, et pas seulement ceux qui ont comme class invisible, est-ce normal?

06/02/2006, 10h13
SpaceFrog

L'op�rateur de comparaison d'�galit� est ==

Code:

if (TabP[i].className=='visible')

sinon en ne mettant q'un seul = tu fais une attribution de valeur
06/02/2006, 10h20
Benjiijneb

une erreur tout bete en effet, merci bien :wink:
06/02/2006, 10h24
franculo_caoulene

Bouton [R�solu] en bas � gauche s'il te pla�t.