Div caché qui s'affiche

**javaboy** · 08/01/2008, 14h04

Bonjour à tous ,

J'ai un souci que je n'arrive pas à comprendre :

Si je fait :

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
<table class="TableStyle">
			<tr>
				<td><img src ="img/panier.png"/></td>
			</tr>
 
			<div id ="panier_vide"style="visibility: block; display: visible;">
				<tr>
					<td>Actuellement votre panier est vide.</td>
				</tr>
			</div>	
 
			<div id ="panier_plein"style="visibility: hidden; display: none;">
				<tr>
					<td>Actuellement votre panier contient : X articles.</td>
				</tr>
			</div>
		</table>

Mes div restent affichés tout le temps , si maintenant je fais :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<table class="TableStyle">
	<tr>
		<td><img src ="img/panier.png"/></td>
	</tr>
	<tr>
		<td>
			<div id ="panier_vide"style="visibility: block; display: visible;">Actuellement votre panier est vide.</div>
			<div id ="panier_plein"style="visibility: hidden; display: none;">Actuellement votre panier contient : X articles.</div>			
		</td>	
	</tr>
</table>

Cela fonctionne comment cela se fait ?????

Merci pour votre aide

**Bisûnûrs** · 08/01/2008, 14h15

Un div n'est pas enfant d'un table ni parent d'un tr, donc ne peut pas encadrer de tr, cf :
http://giminik.developpez.com/xhtml/tr.html

Ce code semble être tout simplement ignoré.

**javaboy** · 08/01/2008, 14h23

Merci ,

Donc si j'ai bien compris je ne peut en aucun cas faire en html un tableau "caché" comme le serai un div ?

Chose qui n'a rien a voir :
J'aimerai savoir si vous ne connaîtriez pas une bonne adresse qui fait un panier simpliste en javascript uniquement ( ajout d'un produit, suppression ...)

Merci pour vos réponses

**Bisûnûrs** · 08/01/2008, 14h33

Tu peux mettre le display:none sur le tr au lieu de t'encombrer d'un div l'encadrant.

Un panier en Javascript ?

Donc à chaque fois que tu recharges ta page ton panier disparaît ?

**javaboy** · 08/01/2008, 14h53

Un panier en Javascript ? Donc à chaque fois que tu recharges ta page ton panier disparaît ?

Je me suis dit la même chose sauf que j'ai vu des scripts (incompréhensibles) qui le faisait sur la toile donc cela doit être faisable peut être en jouant avec les cookies ...

Merci pour tes réponses je vais méditer ceci:

Tu peux mettre le display:none sur le tr

Et mon javascript sera toujour aussi efficace :

Code :

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

1
2
3
4
5
6
7
8
9
10
function ajoute_objet(id,prix)
{
	alert(id+prix);
	/*On indique au frame "marge" d'afficher ou non le panier */
	parent.marge.document.getElementById("panier_plein").style.visibility ='visible';
	parent.marge.document.getElementById("panier_plein").style.display ='block';
 
	parent.marge.document.getElementById("panier_vide").style.visibility ='hidden';
	parent.marge.document.getElementById("panier_vide").style.display ='none';
}

**BnA** · 08/01/2008, 14h58

Salut!

Envoyé par javaboy

Et mon javascript sera toujour aussi efficace :

Code :

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

1
2
3
4
5
6
7
8
9
10
function ajoute_objet(id,prix)
{
	alert(id+prix);
	/*On indique au frame "marge" d'afficher ou non le panier */
	parent.marge.document.getElementById("panier_plein").style.visibility ='visible';
	parent.marge.document.getElementById("panier_plein").style.display ='block';
 
	parent.marge.document.getElementById("panier_vide").style.visibility ='hidden';
	parent.marge.document.getElementById("panier_vide").style.display ='none';
}

Oui, mais dans ce cas n'oublie pas de renseigner un ID (panier_plein ou panier_vide) au <tr> visé.

Tu peux aussi gagner du temps dans ton javascript en ne jouant que sur le display, en laissant tomber le visibility.

visibility=hidden: l'élément est toujours présent dans le flux de la page, mais est "caché".

display=none: l'élément est sorti du flux (comme si l'élément en display:none; n'avait jamais été codé, donc des éléments pourraient prendre son emplacemen). Comme il est sorti du flux de ta page, il est "inexistant", et donc invisible.

Voilà, c'est mon avis, libre à toi de faire comme bon te semble!