[Débutant] fermeture fenêtre enfant

Invité · 24/02/2007, 11h50

Bonjour,

Décidément j'ai du mal à saisir certains comportements de JavaScript, peut-être pourrez-vous m'aider! J'en suis à mes débuts en JavaScript donc essayez d'être simple, je vous en serai très reconnaissant.

J'ai une page HTML avec un lien, en cliquant sur ce lien une nouvelle fenêtre s'ouvre et m'affiche un texte, une image et un lien pour fermer la fenêtre.

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<html>
<head>
<title> 07 Pop-up </title>
<script language="JavaScript" type="text/JavaScript" src="07.js" />
</head>
<body>
<a href='#'>Image</a>
</body>
</html>

07.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
window.onload = initNewWindow;
 
function initNewWindow() {
	document.links[0].onclick = newWindow;
}
 
function newWindow() {
	var desc = window.open("", "desc", "width=350, height=350");
	var doc = desc.document;
	doc.title="Image";
	doc.body.innerHTML = "<center><h3>Image de la bannière</h3> <img src='https://www.sematix-computers.com/images/1-308.jpg'> <h3><a href='http://' id='close'>Fermer</a></h3></center>";
	doc.getElementById("close").onclick = desc.close();
}

Le problème : lorsque je clique sur le lien dans la page HTML, je vois apparaître brièvement la fenêtre puis elle se ferme toute seule. Pourtant je dis bien que j'apelle desc.close() lorsqu'il y a un événement onclick d'où l'incompréhension du comportement!

J'ai ensuite essayé autre chose : à l'événement onclick je lance une fonction qui a pour but de fermer la fenêtre.

07.js modifié

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
window.onload = initNewWindow;
 
function initNewWindow() {
	document.links[0].onclick = newWindow;
}
 
function newWindow() {
	var desc = window.open("", "desc", "width=350, height=350");
	var doc = desc.document;
	doc.title="Image";
	doc.body.innerHTML = "<center><h3>Image de la bannière</h3> <img src='https://www.sematix-computers.com/images/1-308.jpg'> <h3><a href='http://' id='close'>Fermer</a></h3></center>";
	doc.getElementById("close").onclick = winClose;
}
 
function winClose() {
	desc.close();
	return false;
}

La fenêtre s'ouvre et reste, mais lorsque je clique sur le lien Fermer elle ne se ferme pas mais charge la cible du lien. Là non plus je ne comprends pas ce comportement.

Merci pour vos infos et soyez indulgents : ces scripts ne sont écrits que dans un but éducatif...

Bon week-end,

webrider

**Djakisback** · 24/02/2007, 16h04

Salut,
tu peux tenter : doc.getElementById("close").onclick = desc.close; sans les parenthèses dans ton premier code. Avec les parenthèses tu appelles la fonction. Dans ton 2e code je pense qu'il faut mettre return false; dans ton href pour que cela fonctionne plutôt que de mettre 'http://'
Bye

Invité · 24/02/2007, 16h25

Salut!

Première solution : résultat identique -> ça marche toujours pas
Deuxième solution : le lien n'est plus cliquable!

C'est quand-même bizarre, ça doit être possible de fermer une fenêtre enfant depuis elle-même ou me tromperais-je?

Merci!

**Djakisback** · 24/02/2007, 16h28

Sinon fais simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

doc.body.innerHTML = "<center><h3>Image de la bannière</h3> <img src='https://www.sematix-computers.com/images/1-308.jpg'> <h3><a href='http://' onClick='window.close()'>Fermer</a></h3></center>"

C'est bizzare que le 1er code ne fonctionne pas sans les parenthèses.

Invité · 24/02/2007, 16h34

Je viens de changer le lien par un bouton de type submit.

Si j'utilise les () après close -> la fenêtre apparaît puis disparaît toute seule en une fraction de seconde. Sans les () rien ne se passe!

Autant j'ai eu facile à apprendre les langages type C et PHP, autant JavaScript me dépasse car rien ne se passe comme il le faudrait......

Mais qui a dit que c'était si simple?

Invité · 24/02/2007, 16h38

Envoyé par Djakisback

Sinon fais simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

doc.body.innerHTML = "<center><h3>Image de la bannière</h3> <img src='https://www.sematix-computers.com/images/1-308.jpg'> <h3><a href='http://' onClick='window.close()'>Fermer</a></h3></center>"

C'est bizzare que le 1er code ne fonctionne pas sans les parenthèses.

Désolé j'ai posté mon dernier message sans voir celui-là.

Cette modification fonctionne, c'est déjà un bon point! Maintenant je voudrais pouvoir faire fonctionner ma façon de faire (toujours par but éducatif et puis j'aime pas rester avec un problème sur la conscience! lol).

Je ne comprends pas non plus pourquoi ça marche pas sans les parenthèses.

[Débutant] fermeture fenêtre enfant

JavaScript

Discussions similaires

Partager

Partager