Discussion :

[l.laurent60]

Bonjour à tous,


Dans une tableaux j'ai placé une div :

Code :

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

<td><div id="P1">Nom</div></td>

Dans la CSS j'ai :

Code :

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

1
2
3
#P1 {
	display:none;	
}

Dans le form j'ai un avec un onchange(ma fonction) qui fonctionne bien

et dans cette fonction je n'arrive pas a faire réapparaitre cette div

Code :

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

1
2
3
4
5
 
      if (document.validationInscription.N.value==a)  {		 
 
	  document.getElementById("P1").style.display="visible";  
}

Merci par avance pour vos retours.

[SpaceFrog]

Il ne s'agit pas d'un bug d'affichage, mais d'un mauvaise compréhension de display
display n'accepte pas comme valeur 'visible'
les valeurs acceptée par display sont:

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
inline 
block 
flex 
inline-block 
inline-flex 
inline-table 
list-item 
run-in 
table 
table-caption 
table-column-group 
table-header-group 
table-footer-group 
table-row-group 
table-cell 
table-column 
table-row 
none 
initial 
inherit

la propriété visibility accepte quand à elle "visible" ou "hidden"

le display none supprime l'élément du flux DOM de la page, le visibility hidden masque l'élément mais il conserve sa place dans le flux de la page ...

[l.laurent60]

MERCI ET MERCI pour cette précision, je comprends mieux le DOM et c'est résolu !