CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[HTML/JS] Apparaitre des divs

K-Tastrophe
K-Tastrophe
Niveau 10
08 novembre 2013 à 16:11:33

Bonjour,
Je suis en train de faire mon premier site web et j'aimerais un peu d'aide sur quelque chose dont je coince.
J'ai fait une liste ( avec <ul> et <li> ), et j'aimerais que lorsque on clique sur un des "titres", que ca face apparaitre une div propore aux titres. Car j'avais fait mes recherches sur internet, et j'ai vite vu qu'il fallait employer du javascript ( chose dont je n'y connais pas grand chose ). Le problème est que, j'avais trouver une fonction qui marché bien mais pour un seul des titres. Peut-importe on l'on cliqué, ca faisait apparaitre la même div caché au même endroit.
Je sais pas si c'est bien claire ce que j'essaye d'expliquer :hap:

Merci.

Eij_iZ_WanteD
Eij_iZ_WanteD
Niveau 10
08 novembre 2013 à 17:07:36

go forum dev web :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Page scatophile</title>
<style type="text/css">
.seayooonmonday {
display: none;
}
</style>
<script type="text/javascript">
function caymagic(el) {
byebyelesdiv = document.getElementsByClassName('seayooonmonday');

for (jaimelesnoisettes = 0; jaimelesnoisettes < byebyelesdiv.length; jaimelesnoisettes++) {
byebyelesdiv[jaimelesnoisettes].style.display

= 'none';
}
document.getElementById(el.className).style.di
splay
= 'block';
}
</script>
</head>
<body>
<ul>
<li class="caca" onClick="caymagic(this);">111</li>
<li class="pipi" onClick="caymagic(this);">222</li>
</ul>
<div class="seayooonmonday" id="caca">AAA</div>
<div class="seayooonmonday" id="pipi">BBB</div>
</body>
</html>

Eij_iZ_WanteD
Eij_iZ_WanteD
Niveau 10
08 novembre 2013 à 17:09:55

passe pas : http://pastebin.com/2GkgHZnU

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment