A voir également:
- Comment faire un bouton qui permet d'afficher/cacher du div
- Cacher conversation whatsapp - Guide
- Comment cacher ses amis sur facebook - Guide
- Cacher application android - Guide
- Afficher mot de passe wifi android - Guide
- Réinitialiser chromecast sans bouton - Guide
2 réponses
codeurh24
Messages postés
760
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
123
Modifié par codeurh24 le 18/02/2015 à 03:54
Modifié par codeurh24 le 18/02/2015 à 03:54
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>
Utilisateur anonyme
18 févr. 2015 à 05:45
18 févr. 2015 à 05:45
Bonjour,
Oui comme codeurh24 l'a dit en modifiant l'attribut css display. Je crois que même emplacement voulais dire en conservant la position si je ne me trompe pas.
Avec la bibliothèque jquery tu peux faire une disparition en fondu si ça te tente.
Oui comme codeurh24 l'a dit en modifiant l'attribut css display. Je crois que même emplacement voulais dire en conservant la position si je ne me trompe pas.
Avec la bibliothèque jquery tu peux faire une disparition en fondu si ça te tente.