Btn close qui ne se ferme pas

lamontange Messages postés 130 Date d'inscription   Statut Membre Dernière intervention   -  
lamontange Messages postés 130 Date d'inscription   Statut Membre Dernière intervention   -

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 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 753
 

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 130 Date d'inscription   Statut Membre Dernière intervention   6
 

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 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 753
 

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 130 Date d'inscription   Statut Membre Dernière intervention   6
 

Bonjour jordane45,

Oui, c'est bien le bouton orange.

Merci et bonne journée,

LM

0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 753
 

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 130 Date d'inscription   Statut Membre Dernière intervention   6
 
<input type="image" id="image" src="" onClick="window.close()">

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

Merci !

0