Script popup qui ne marche pas sous IE

**DaD92** · 15/01/2010, 14h45

Salut à tous,

Pour imprimer uniquement une partie de ma page, j'ai créer un petit script javascript (je suis nul dans ce language)

le voià :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function popup_imprimer () {
var content=document.getElementById('print').parentNode.innerHTML;
var page = null;
var Left=window.screen.width/2-200;
var Top=window.screen.height/2-200; 
var config ="'menubar=yes, resizeable=yes, width=700, height=500, left=" + Left + ", top=" + Top; 
page = window.open ('components/com_worldrealbook/includes/print.html',"page", config);
page.document.write("<html><head><link href='components/com_worldrealbook/worldrealbook.css' rel='stylesheet' type='text/css'>");
page.document.write('<script type="text/javascript" src="/WorldRealBook/components/com_worldrealbook/includes/print_2.js"></script>');
page.document.write("</head><body bgcolor='#ffffff' onload=\"bouton_print_visible()\">"+content+"</body></html>");
page.document.close();
page.focus();
}

Il marche bien sous firefox et chrome, mais ne marche pas sous IE... ça fait une espèce de boucle, la page ne finie jamais de se charger.

quelqu'un sais pourquoi?

Merci d'avance
DaD

**le_chomeur** · 15/01/2010, 14h59

pourquoi ne pas avoir fait un css print , qui t'aurais permis de masquer les éléments non désirés ?

**DaD92** · 15/01/2010, 15h29

trop compliqué. je developpe un composant joomla, il aurait fallu masquer la quasi totalité du template...

**le_chomeur** · 15/01/2010, 15h34

que contient : print_2.js

et comment est appelée ta méthode ?

**DaD92** · 15/01/2010, 15h37

print_2.js est le même script.

la methode est appelée par un simple

Code :

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

1
2
 
<a href="javascript:popup_imprimer ()"><img src="components/com_worldrealbook/images/icon-print.png"/></a>

**le_chomeur** · 15/01/2010, 15h43

Envoyé par DaD92

print_2.js est le même script.

la methode est appelée par un simple

Code :

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

1
2
 
<a href="javascript:popup_imprimer ()"><img src="components/com_worldrealbook/images/icon-print.png"/></a>

c'est a dire ???

et la page print.html ? quel est son contenu ?

es tu sur de ne pas avoir une boucle qui réappel popup_imprimer () ? met un alert a l'intérieur ... )

**DaD92** · 15/01/2010, 19h19

j'ai regarde et fait quelques test, rien ne tourne en boucle.

Le plus bizarre c'est que desfois ça marche et d'autres non.
Je clique sur imprimer, le popup s'ouvre impec, je ferme le popup, rafraichi la page et quand je re clique sur imprimer, ça tourne en rond..... desfois c'est dès la première fois.... sans logique

**DaD92** · 17/01/2010, 17h56

apparement c'est la fonction document.write que ie n'aime.

alors, j'essaye une autre methode, mais je galerre un peu.

quand on clique sur imprimer, ça ouvre ma page print.html

eller contient un code très simple avec une div destinée a récupéré du code html et a l'aaficher :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='components/com_worldrealbook/worldrealbook.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" media="print" href="components/com_worldrealbook/print.css" />
<script type="text/javascript" src="components/com_worldrealbook/includes/print.js"></script>
<title>Impression</title>
</head>
 
<body>
<div id="content">
 
</div>
</body>
</html>

la div est donc content.

dans le script qui ouvre le popup, je récupère le code de la page qui a ouvert le popup et je voudrais donc le renvoyer a content avec un innerHTLM :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function popup_imprimer() {
var contenu=document.getElementById('print').parentNode.innerHTML;
var page = null;
var Left=window.screen.width/2-200;
var Top=window.screen.height/2-200; 
var config ="menubar=yes, directories=yes, scrollbars=yes, resizable=yes, width=700, height=500, left=" + Left + ", top=" + Top; 
page = window.open ('components/com_worldrealbook/includes/print.html','Impression', config);
page.document.getElementById(content).innerHTML = contenu;
 
page.document.close();
page.focus();
}

tout marche sauf que j'ai du mal formuler qq chose, car il ne trouve pas la div content de print.html

est ce que vous savez où je me suis planté?

Script popup qui ne marche pas sous IE

JavaScript

Discussions similaires

Partager

Partager