A voir également:
- Comment faire un bouton qui permet d'afficher/cacher du div
- Comment faire une capture d'écran sur un samsung sans bouton ? - Guide
- Bouton on/off comment savoir - Forum Word
- Comment cacher ses amis sur facebook - Guide
- Cacher son numéro - Guide
- Comment debloquer un bouton enfoncé - Forum iPhone
2 réponses
Bonjour,
Je n'ais pas compris l'histoire des 2 div sur le même emplacement,
pourrais tu être plus précis ?
Pour arriver a faire le code, tu va devoir utiliser le display.
document.getElementById("myDIV").style.display = "none";
- none permet de cacher
- block permet d'afficher.
dans une condition tu vérifier l'état du Display si il est egale a la valeur none
si c'est vrai alors tu applique a cette div un display block.
si c'est faux alors un display none.
pour déclencher l'action du bouton, le plus simple a expliquer c'est que tout le code que tu viens de faire tu le met dans une fonction et tu l'indique a l'attribut onclick du bouton.
Pour commencer tout ça tu peux recopier ce model:
Je n'ais pas compris l'histoire des 2 div sur le même emplacement,
pourrais tu être plus précis ?
Pour arriver a faire le code, tu va devoir utiliser le display.
document.getElementById("myDIV").style.display = "none";
- none permet de cacher
- block permet d'afficher.
dans une condition tu vérifier l'état du Display si il est egale a la valeur none
si c'est vrai alors tu applique a cette div un display block.
si c'est faux alors un display none.
pour déclencher l'action du bouton, le plus simple a expliquer c'est que tout le code que tu viens de faire tu le met dans une fonction et tu l'indique a l'attribut onclick du bouton.
Pour commencer tout ça tu peux recopier ce model:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>cacher div</title>
</head>
<body>
<button onclick="">Cacher / Afficher</button>
</body>
</html>