Div caché qui s'affiche

Bonjour à tous ,

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

Si je fait :

Code:

---

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:

---

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

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é.

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

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

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

Citation:

---

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:

Citation:

---

Tu peux mettre le display:none sur le tr

---

Et mon javascript sera toujour aussi efficace :

Code:

---

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'; }

---

Salut!

Citation:

---

Envoyé par javaboy

Et mon javascript sera toujour aussi efficace :

Code:

---

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!

Merci pour vos réponses

En ce qui concerne mon panier personne n'aurai d'exemple ?

http://demo.script.aculo.us/shop

Merci je vais regarder les sources...