Discussion :

[remyli]

[faire disparaître un élément]

Bonjour,

Je cherche à faire disparaître dynamiquement des élément en fonction des actions de l'utilisateur.

mes éléments destiné à disparaître sont des div ou des ligne d'un tableau. (<div> ou <tr>)
ces élément ont un id qui permet de les identifier.

Avec les déclencheurs j'appel une fonction hidde() et je passe en paramètre l'id de l'élément à faire disparaître.

pour le moment j'en suis à quelque chose qui ressemble à ça.
mais j'arrive pas à mettre le doit sur ce qui va pas.

Ma fonction javascript :

Code :

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

1
2
3
4
5
6
7
function hidde(id)
{
	alert('hidde('+id+')');//for test
	//target.class="hidden";
	//target.class.display="none";
	target.display="none";
}

le Style CSS :

Code :

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

1
2
3
4
#membre
{
	display: inline;;
}

un déclencheur HTML :

Code :

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

<input type="radio" name="inscription" value="1" onchange="hidde('membre')" />

un élément HTML :

Code :

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

<div id="membre">blabla</div>

[remyli]

Bon déjà display ne semble pas être la propriété qui m'intéresse
serait 'visibility' donc :

Code :

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

target.visibility="hidden";

Mais ça ne marche toujours pas.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function hidde(id)
{
	alert('hidde('+id+')');
	target = document.getElementById(id);
	alert('hidde('+id+' => '+target+' :: '+target.visibility+')');
	target.visibility="hidden";
	alert('hidde('+id+' => '+target+' :: '+target.visibility+')');
	return true;
}

j'ai bien toute les alertes:
La première au lancement de la fonction.
La seconde qui me dit que ma cible est bien un div html et qu'il est visible.
La dernière qui me dit que la visibility de mon div est hidden
Mais mon div est toujours visible a l'écrant !!!

C'est comme si de le div sur le quel je fait mes actions était une copie de celui présent dans ma page et pas une référence.

[SpaceFrog]

Code :

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

target.style.visiblity

visibility est une propriété de style (tout comme display d'ailleurs)

[remyli]

oki merci !!!!!!!!!!