Btn close qui ne se ferme pas

Fermé
lamontange Messages postés 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 - 29 août 2022 à 20:02
lamontange Messages postés 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 - 30 août 2022 à 10:15

Bonsoir tout le monde,
J'ai une galerie d'images avec un btn close sur la page, qui fonctionne; mais une fois qu'on a cliqué sur une image, ce dernier ne fonctionne plus Smiley decu
Une idée ?
Voici le HTML et les CSS :

   <div class="container">

			
			<div class="main">
						<input type="image" id="image" src="" onClick="parent.close()">

				<header class="clearfix">
				
					<h1>Gamma Gallery<span>A responsive image gallery experiment</span></h1>
					
				</header>
				
				<div class="gamma-container gamma-loading" id="gamma-container">

					<ul class="gamma-gallery">

						<li>
							<div data-alt="img01" data-description="<h3>Binet</h3>" data-max-width="1800" data-max-height="2400">
								<div data-src="" data-min-width="1300"></div>
								<div data-src="" data-min-width="1000"></div>
								<div data-src="" data-min-width="700"></div>
								<div data-src="" data-min-width="300"></div>
								<div data-src="" data-min-width="200"></div>
								<div data-src="" data-min-width="140"></div>
								<div data-src=""></div>
								<noscript>
									<img src="" alt="img01"/>
								</noscript>
							</div>
						</li>
					</ul>
#image {
	width: 70px;
	margin-right: 220px;
	margin-top: 220px;
	float: right;
}

Et un lien :

https://lapagetest.fr/GammaGallery/index.html

Merci pour votre aide

LM

:Macintosh / Chrome 104.0.0.0

4 réponses

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
29 août 2022 à 20:24

Bonjour,

Tu parles de ce bouton là ?

	<input type="image" id="image" src=""" onClick="parent.close()">

Quel rapport avec le forum "css" ?

Il me semble que jusqu'à maintenant tu n'as jamais été fichu de poser ta question dans le bon forum .... faudrait voir à poser tes questions dans les forums qui concernent réellement tes soucis... non ??

Bref.. j'attend que tu me confirmes.. mais je vais sûrement déplacer ta question dans le forum javascript.

Au passage.. il nous faudrait aussi la fenêtre qui ouvre celle là .. car sinon ton bouton ne fait rien ( normal )


0
lamontange Messages postés 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 6
29 août 2022 à 22:22

Bonsoir jordane45,

Je pensais que c'était un problème CSS. Tu penses que c'est un souci Javascript ? Je ne pense pas :/

Pour mes questions dans, le forum, j'ai mis du temps à comprendre le site (désolé)... où mettre mes topics...

Mais maintenant j'ai bien vu/compris. Encore une fois, je pensais que c'était du CSS (position etc...).

La page est un index. Le bouton est censé quitter la page. Donc pas "fenêtre qui ouvre celle là" .

Bonne soirée et encore désolé.

LM

0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
Modifié le 30 août 2022 à 10:00

Tu as un onclick sur ce bouton. Du JavaScript... Qui utilise l'instruction parent.close

Si c'est directement une fenêtre que tu ouvres sans être passé par une autre précédemment ce bouton ne pourra jamais fermer la fenêtre en cours (du moins, pas sur Google Chrome ni sur Firefox à moins que tu n'utilises un autre navigateur internet je ne vois pas comment ce bouton pourrait fonctionner )

Tu me confirmes bien qu'il s'agit du gros bouton orange qui se trouve à l'ouverture de ta page ?

0
lamontange Messages postés 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 6
30 août 2022 à 09:41

Bonjour jordane45,

Oui, c'est bien le bouton orange.

Merci et bonne journée,

LM

0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
30 août 2022 à 10:00

Donc, ton onclick n'est pas bon. c'est window et non parent qu'il faut utiliser ( et c'est du javascript donc.. )

0
lamontange Messages postés 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 6
30 août 2022 à 10:15
<input type="image" id="image" src="" onClick="window.close()">

J'ai le même problème avec le code ci-dessus :/

Merci !

0