Cacher un élément quand l'utilisateur clique n'importe ou sauf sur l'élément
Fermé
ryuzaki3698
Messages postés
22
Date d'inscription
mardi 26 février 2013
Statut
Membre
Dernière intervention
25 janvier 2021
-
12 avril 2019 à 16:49
Noureiev - 13 avril 2019 à 00:58
Noureiev - 13 avril 2019 à 00:58
A voir également:
- Cacher un élément quand l'utilisateur clique n'importe ou sauf sur l'élément
- Pdf element - Télécharger - PDF
- Cacher conversation whatsapp - Guide
- Element introuvable impossible de supprimer - Guide
- Nicolas a téléchargé le logiciel media prime. il clique sur le bouton “j’accepte” en bas à droite. quels sont les programmes ou éléments installés maintenant sur son ordinateur ? ✓ - Forum Virus
- Supprimer élément photo qui cache un texte ✓ - Forum Graphisme
1 réponse
Bonsoir,
en effet il faut utiliser JavaScript pour cela(JQuery n'en est qu'une 'extension' sous forme de librairie de script). En tout cas dès qu'il y a de l'interactivité, par exemple:
en effet il faut utiliser JavaScript pour cela(JQuery n'en est qu'une 'extension' sous forme de librairie de script). En tout cas dès qu'il y a de l'interactivité, par exemple:
<head>
<style type='text/css' rel='stylesheet'>
.montre{
display:block;
}
.cache{
display:none;
}
</style>
</head>
<body>
<p id='bidule'>du texte est caché ou affiché<p>
<div id='masque' style='border: 1px solid red;'/>masquer le texte</div>
<a href='#' id='affiche' />affiche si masqué</a>
<script>
//-- document.getElementById( permet de sélectionner un élément par son ID
//-- addEventListener ajoute un "écouteur d'action", il contient la méthode('click') et une fonction
document.getElementById('affiche').addEventListener(
'click',
function(){document.getElementById('bidule').className='montre';}//-- attribue la class montre
);
//-- même chose
document.getElementById('masque').addEventListener(//-- en utilisant le div
'click',
function(){ document.getElementById('bidule').setAttribute('class' ,'cache');}//-- et attribue la class(attribut) cache
);
</script>
</body>
