Au début, je voulais cacher tout le corps et ne montrer qu'une seule image, mais il semble que ce ne soit pas possible car cacher le corps avec un écran: aucun ne cacherait tous ses enfants. J'ai donc changé mon code pour simplement cacher les paramètres que je veux cacher.

Au fond: je veux afficher le contenu masqué lorsque je clique sur le contenu qui n'est pas masqué.

Voici mon code HTML entrez la description de l'image ici le code js est entrez la description de l'image ici Et enfin, le code CSS est entrez la description de l'image ici

Même le code a l'air très simple mais j'ai du mal: quand je clique sur l'image, rien ne se passe.

Je suis absolument désolé si ma question n'est pas très bien formulée, c'est ma première question sur stackoverflow et je serai heureux de la clarifier. Merci d'avance.

0
Ali Chbinou 26 janv. 2019 à 15:57

3 réponses

Meilleure réponse

Merci à tous pour votre soutien! J'ai trouvé la réponse. J'étais confronté à des problèmes avec getElementsByTagName et getElementsByClassName car vous deviez en fait utiliser la boucle for pour afficher tous les éléments. J'ai donc utilisé getElementById et utilisé l'événement "onclick" dans le code HTML. Merci!

0
Ali Chbinou 29 janv. 2019 à 18:31

Vous avez une erreur dans JS, vous devez utiliser des guillemets.

... .style.display = "block";

1
Martin Čapek 26 janv. 2019 à 13:09
<html>
<head>
    <style>
        p {
            display: none;
        }
    </style>
</head>
<body>
    <p>This is some random text</p>
    <img id="click" src="" width="500px" height="500px">

    <script>
        var toggle = document.getElementById("click");
        toggle.addEventListener("click", show);

        function show() {
            var p = document.getElementsByTagName("p")[0].style.display = "block";
        }
    </script>
</body>
</html>
0
Aniket Kariya 26 janv. 2019 à 13:38