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

Javascript - Cacher/montrer une div...

Tanouka
Tanouka
Niveau 4
31 mai 2013 à 08:11:52

Salut.

j'ai cette div que je veux faire apparaître ou cacher au clic :

<div class="post-comments">
<?php comments_template(); ?>
</div>

alors, je ne connais pas du tout le javascript, mais en fouillant, j'ai trouvé des petits trucs, vous pouvez me dire si c'est du bon code ou pas? merci!

<a id="afficher" href="#" onClick="if(document.getElementById('post-comments
').style.display=='block')

{document.getElementById('afficher').innerHTML='Af
ficher';document.getElementById('post-comments').s
tyle.display='none'}else{document.getElementById('
post-comments').style.display='block';document.get
ElementById('afficher').innerHTML='fermer';};retur
n
false;">cacher</a>

<div id="post-comments" style="display:block;"
<?php comments_template(); ?>
</div>

darkiron_2012
darkiron_2012
Niveau 10
31 mai 2013 à 11:30:38

utilise jquery

$('affiche').hide(); //cacher
$('affiche'.show();

donc onclick= '$('affiche').hide();'

Tanouka
Tanouka
Niveau 4
31 mai 2013 à 13:54:09

je n'ai que cette fonction dans ma page web...

ceci dit, pour appeler le fichier afficher.js, je dois mettre ça dans <head>, c'est ça ? (même dossier que ma page web)

<script src="afficher.js" type="text/javascript" LANGUAGE="JavaScript"></script>

rien de plus? (je ne peux pas tester maintenant, seulement ce soir, mais je me renseigne, merci)

:)

Tanouka
Tanouka
Niveau 4
31 mai 2013 à 14:10:02

j'ai quand même essayé sur une simple div, et ça fonctionne!

juste un truc, c'est affiché par défaut, comment je peux changer ça ?  :)

Tanouka
Tanouka
Niveau 4
31 mai 2013 à 14:45:13

c'est ce que j'ai fait, j'ai mis un display:none; et un peu trifouiller le code javascript pour que ça fonctionne, et ça fonctionne!

merci beaucoup à vous !  :)

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