11498 sujets

JavaScript, DOM et API Web HTML5

Avoir le détail du <li> sur lequel je cliquerai

Salut, je souhaite réaliser ceci:
J'ai une page avec des <li> contenant les jours de la semaine avec date (exple: Vend. 09),
et lorsque je clique sur un jour de la semaine, j'obtiens les détails du jour concerné; et les contenus des autres jours rentent masqués.
Voici le début du code:

<!doctype html>
<html id="html" lang="fr" xmlns:hx="http://purl.org/NET/hinclude" xmlns="http://www.w3.org/1999/html">
<head><title>prgme</title></head>

<body>

<div class="container">

<div class="prgme">
<ul>
<li>Lundi 04</li>
<li>Mardi 05</li>
<li>Mer. 06</li>
<li>Jeudi 07</li>
<li>Vend. 08</li>
<li>Sam. 09</li>
</ul>
</div>

<div class="prgmeDetails">
<div class="contenuDay"> Détails de Lundi: lorem dolor </div>

<div class="contenuDay"> Détails de Mardi: Sur lorem dolor </div>

<div class="contenuDay"> Détails de Mercredi: avec lorem dolor </div>

<div class="contenuDay"> Détails de Jeudi: Comme dolor </div>

<div class="contenuDay"> Détails de Vendredi: lorem realisé</div>

<div class="contenuDay"> Détails de Samedi: tu es mon espoir </div>
</div>

</div>


</body>
</html>

NB: Je Souhaite le faire en HTML & JAVASCRIPT.
Je te renvoi à ton premier sujet déjà ouvert sur ce problème.

D'ailleurs, tu n'as même pas pris le temps de regarder la réponse d'Olivier C
Sujet clos
Aller à