IE9 surcharger window.close()

**Paul TOTH** · 25/07/2011, 12h27

Bonjour,

Dans le cadre d'un d�veloppement j'ai migr� des fen�tres popup classiques (window.open) vers des popups internes en IFRAME

pour simplifier les choses j'ai surcharg� le code window.close() par ce code

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
if (window.frameElement) {
  window.close = function() { close_iframe_popup() }
}

comme cela le code JS des anciennes popup fonctionne toujours en IFRAME

sauf que sous IE9 en DOCTYPE html4/loose, la fonction n'est plus surcharg�e, en mode debug je vois bien que window.close pointe toujours sur du code natif et l'appel � la fonction ne donne rien.

Quelqu'un aurait-il une astuce pour contourner cela sans changer le doctype ? un �v�nement, ou une syntaxe sp�cifique ?!

Merci

**RomainVALERI** · 25/07/2011, 12h36

As-tu essay� d'associer ton gestionnaire autrement que par la m�thode DOM-0 (element.on{type} = function() {//code}) ?

Je pense notamment � addEventListener/attachEvent.

**Paul TOTH** · 25/07/2011, 14h46

Envoy� par RomainVALERI

As-tu essay� d'associer ton gestionnaire autrement que par la m�thode DOM-0 (element.on{type} = function() {//code}) ?

Je pense notamment � addEventListener/attachEvent.

oui, le probl�me est que window.close() dans une iframe ne d�clenche rien

**RomainVALERI** · 25/07/2011, 15h15

Ah ok, au temps pour moi, je comprends mieux. ^^

Du coup, par contre, quel est l'�quivalent dans l'interface de ta nouvelle version (avec iframe) de la fermeture de popup ? il y a un bouton fermer dans l'iframe ? ou alors, si l'utilisateur n'est pas cens� "fermer" la partie iframe, est-ce la fermeture de la page m�re qui constitue l'�v�nement probant ? si oui, il faut peut-�tre passer par onbeforeunload... � voir ^^

**SpaceFrog** · 25/07/2011, 15h23

onbeforeunload ?

**Paul TOTH** · 25/07/2011, 19h15

Envoy� par RomainVALERI

Ah ok, au temps pour moi, je comprends mieux. ^^

Du coup, par contre, quel est l'�quivalent dans l'interface de ta nouvelle version (avec iframe) de la fermeture de popup ? il y a un bouton fermer dans l'iframe ? ou alors, si l'utilisateur n'est pas cens� "fermer" la partie iframe, est-ce la fermeture de la page m�re qui constitue l'�v�nement probant ? si oui, il faut peut-�tre passer par onbeforeunload... � voir ^^

alors initialement j'avais une popup ouverte par window.open(...) et en effet un bouton "Fermer" qui fait appelle window.close();

tout cela �tant un framework maison, j'ai pu remplacer le window.open() par une fonction iframe_popup() qui ouvre l'URL dans une iframe qui g�re un mode modale avec quelques DIV suppl�mentaires.

avec IE6..IE8, FF, Opera, Chrome, il m'a suffit de surcharger window.close() pour que le bouton Fermer (ou tout autre appel � la fonction window.close() dans un AJAX, ou que sais-je) fonctionne comme avant.

sous IE9, window.close() appelle le code natif et ne prend pas en compte mon code � moi

d�monstration du probl�me :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr"><html>
<head>
<title>IE9</title>
<body>
<iframe src="test.html"></iframe>
</body>
</html>

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<title>IE9</title>
<script type="text/javascript">
window.close = function() { alert('pas de close'); }
</script>
</head>
<body>
<a href="javascript:window.close()">close</a>
</body>
</html>

Il suffit de supprimer le DOCTYPE du fichier principal pour que cela fonctionne...mais bonjour les d�g�ts sur le rendu HTML

**RomainVALERI** · 25/07/2011, 20h37

Si tu veux d�clencher des traitements � la fermeture, il me semble plus sain de passer par un gestionnaire li� � l'�v�nement de fermeture plutot que de surcharger la m�thode de fermeture elle-m�me, si je me fais bien comprendre ^^

Plus pr�cis�ment, l'id�e �tait d'essayer onbeforeunload :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<title>IE9</title>
<script type="text/javascript">
window.onbeforeunload = function() { alert('juste avant la fermeture'); }
</script>
</head>
<body>
<a href="javascript:window.close()">close</a>
</body>
</html>

...ce qui ne modifie en rien ta fa�on de "fermer la fen�tre", et cela permet m�me (c'est habituellement la raison premi�re de l'utilisation de cette technique, d'ailleurs) de g�rer de la m�me mani�re les autres �v�nements entrainant la fermeture (changement d'adresse dans la barre d'URL, clic sur l'icone "croix rouge" en haut � droite, fermeture du navigateur, etc.)

Par contre, si l'action est pos�e sur un bouton, et que l'�v�nement de "fermeture" n'est plus souhaitable dans un contexte avec iframe, au b�n�fice d'un traitement DOM sur la page m�re qui vient "effacer" l'iframe, tu n'as bien s�r plus besoin de passer par la simulation d'une fermeture de popup...

**Paul TOTH** · 26/07/2011, 07h35

Envoy� par RomainVALERI

Si tu veux d�clencher des traitements � la fermeture, il me semble plus sain de passer par un gestionnaire li� � l'�v�nement de fermeture plutot que de surcharger la m�thode de fermeture elle-m�me, si je me fais bien comprendre ^^

Plus pr�cis�ment, l'id�e �tait d'essayer onbeforeunload :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<title>IE9</title>
<script type="text/javascript">
window.onbeforeunload = function() { alert('juste avant la fermeture'); }
</script>
</head>
<body>
<a href="javascript:window.close()">close</a>
</body>
</html>

...ce qui ne modifie en rien ta fa�on de "fermer la fen�tre", et cela permet m�me (c'est habituellement la raison premi�re de l'utilisation de cette technique, d'ailleurs) de g�rer de la m�me mani�re les autres �v�nements entrainant la fermeture (changement d'adresse dans la barre d'URL, clic sur l'icone "croix rouge" en haut � droite, fermeture du navigateur, etc.)

Par contre, si l'action est pos�e sur un bouton, et que l'�v�nement de "fermeture" n'est plus souhaitable dans un contexte avec iframe, au b�n�fice d'un traitement DOM sur la page m�re qui vient "effacer" l'iframe, tu n'as bien s�r plus besoin de passer par la simulation d'une fermeture de popup...

c'est tout le contraire

le bouton doit fermer l'IFRAME, mais une IFRAME ne se ferme pas avec window.close

mon exemple �tait trompeur, voici � quoi pourrait ressembler le code

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
if (window.frameElement) {
  window.close = function() { 
   window.frameElement.parentNode.removeChild(window.frameElement);
  }
}
</script>

la seule solution que je vois actuellement et de retrouver tous les window.close() partout dans le code et les remplacer par un close_popup() qui serait sous cette forme:

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
function close_popup() {
  if (window.frameElement)
    window.frameElement.parentNode.removeChild(window.frameElement);
  else
    window.close();
}
</script>

car le code HTML de la popup peut tr�s bien �tre utilis� en dehors d'une iframe, la surcharge (conditionn�e) de window.close() �tait la solution la plus imm�diate et �l�gante...jusque IE9

**Bovino** · 26/07/2011, 08h15

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
<script type="text/javascript">
if (window.frameElement) {
  window.close = function() { 
   window.frameElement.parentNode.removeChild(window.frameElement);
  }
}
</script>

Tu te compliques la vie pour rien comme �a et �a ne risque pas de fonctionner : frameElement r�f�rence l'objet window de ton iframe, qui n'a donc pas de parentNode.
Pourquoi ne pas passer tout simplement par la balise iframe ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
<script type="text/javascript">
if (document.getElementsByTagName('iframe').length) {
  window.close = function() { 
   document.getElementsByTagName('iframe')[0].parentNode.removeChild(document.getElementsByTagName('iframe')[0]);
  }
}
</script>

**Paul TOTH** · 26/07/2011, 08h42

Envoy� par Bovino

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
<script type="text/javascript">
if (window.frameElement) {
  window.close = function() { 
   window.frameElement.parentNode.removeChild(window.frameElement);
  }
}
</script>

Tu te compliques la vie pour rien comme �a et �a ne risque pas de fonctionner : frameElement r�f�rence l'objet window de ton iframe, qui n'a donc pas de parentNode.
Pourquoi ne pas passer tout simplement par la balise iframe ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
<script type="text/javascript">
if (document.getElementsByTagName('iframe').length) {
  window.close = function() { 
   document.getElementsByTagName('iframe')[0].parentNode.removeChild(document.getElementsByTagName('iframe')[0]);
  }
}
</script>

merci pour ta contribution mais l'iframe a bel et bien un parent (frameElement c'est l'iframe pas l'objet window qui le contient), mon code fonctionne SAUF que sous IE9 on ne peut plus surcharger window.close()

**Bovino** · 26/07/2011, 18h41

Ah oui tiens... au temps pour moi

Sinon, effectivement, pour surcharger window.close() avec IE9, il ne faut �tonnamment pas passer par l'objet window mais par une fonction classique, peut-�tre parce que le prototype de cet objet n'est pas disponible...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
function close(){
    alert('toto');
}

**Paul TOTH** · 27/07/2011, 11h37

Arf, sans faire expr�s j'ai trouv� la solution !

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
if (window.frameElement) {
  window.close = function() { 
   window.frameElement.parentNode.removeChild(window.frameElement);
  }
  function close() { window.close() } // HACK !
}
</script>

c'est hallucinant, mais en d�finissant une fonction close() qui appelle window.close(), IE9 retrouve la surchage !

d�monstration qui montre que c'est bien la surcharge qui est invoqu�e :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript">
  window.close = function() { 
   alert('window.close()';
  }
  function close() { 
   alert('close()');
  }
}
</script>
<button onclick="window.close()">window.close()</button>
<button onclick="close()">close()</button>

IE9 surcharger window.close()

JavaScript

Discussions similaires

Partager

Partager