Fermer un calque [Résolu]

Signaler
Messages postés
3
Date d'inscription
mardi 17 septembre 2013
Statut
Membre
Dernière intervention
18 septembre 2013
-
Messages postés
3
Date d'inscription
mardi 17 septembre 2013
Statut
Membre
Dernière intervention
18 septembre 2013
-
bonjour,
un petite question :

comment programmer en html la fermeture d'un calque ?

je souhaite fermer le calque si on clique sur une image (une croix)
j'ai créer un calque avec la balise id sous dreamweaver

merci de me dire comment programmer le calque en hidden ?



merci de votre aide

4 réponses

Messages postés
1757
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
23 mai 2020
76
bonjour il faut donner un id au calque et ensuite sur le onclick de la croix il fait faire

onclick="document.getElementById('nom_du_calque').style.display='none'"


c'est la solution la plus simple

--
Messages postés
3
Date d'inscription
mardi 17 septembre 2013
Statut
Membre
Dernière intervention
18 septembre 2013

merci

question subsidiaire comment faire pour que le claque apparaisse après 2-3 secondes
Messages postés
1757
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
23 mai 2020
76
il faut rajouter un timer


onclick="document.getElementById('nom_du_calque').style.display='none';setTimeout(function(){document.getElementById('nom_du_calque').style.display='block'},2000)"


pour faire plus propre il faudrait mieux faire une fonction


<!DOCTYPE html>

<title>source javascript</title>
<script type="text/javascript">

function cache(){

document.getElementById('nom_du_calque').style.display='none';
setTimeout(function(){document.getElementById('nom_du_calque').style.display='block'},2000)
}

</script>

</head>
<body>

<div id='nom_du_calque' style='height:300px;width:300px;background-color:gray'>

</div>
<br>
<button onclick='cache()'>le bouton</button>
</body>
</html>

--
Messages postés
3
Date d'inscription
mardi 17 septembre 2013
Statut
Membre
Dernière intervention
18 septembre 2013

merci


pb resolu!