[Débutant] Imprimer le contenu d'un div

**quanou** · 04/08/2006, 10h41

Bonjour,
Je ne connais pas bien le js. J'ai récupéré un code qui me permet d'imprimer le contenu d'un div :

Code :

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

1
2
3
4
5
6
7
8
9
10
    	function OnPrint()
	    {
            var prtContent = document.getElementById('Ctl00_Main_DIVDetail');
            var WinPrint = window.open('','','left=0,top=0,width=660,height=800,toolbar=0,titlebar=0,scrollbars=1,status=0');
            WinPrint.document.write(prtContent.innerHTML);
            WinPrint.document.close();
            WinPrint.focus();
            WinPrint.print();
            WinPrint.close();
	    }

Mais ce code ne marche que sur IE

. Est-il possible de l'adapter pour le faire fonctionner sur les autres navigateurs, au moins Firefox ?

Merci beaucoup pour votre aide.

**FremyCompany** · 04/08/2006, 13h44

Proposition d'ajout à la FAQ, non testé

**quanou** · 04/08/2006, 15h27

Salut,
Merci pour ta réponse.
Mais je suis tellement boulet que je ne sais pas du tout comment ça marche.
Où dois-je placer le contenu de mon div dont l'ID généré est : 'Ctl00_Main_DIVDetail' ?
Comment implémenter la page print.htm ?
J'ai un site en aspnet 2.0, donc sans frames.
Je suis un peu perdu

Merci pour ton aide.

**FremyCompany** · 04/08/2006, 16h55

Envoyé par quanou

Salut,
Merci pour ta réponse.
Mais je suis tellement boulet que je ne sais pas du tout comment ça marche.
Où dois-je placer le contenu de mon div dont l'ID généré est : 'Ctl00_Main_DIVDetail' ?
Comment implémenter la page print.htm ?
J'ai un site en aspnet 2.0, donc sans frames.
Je suis un peu perdu

Merci pour ton aide.

L'ASP .Net (que ce soit la v1.x ou 2.0) n'a jamais interdit l'usage des frames

Et bien pour faire simple, tu dois juste ajouter une iframe cachée

Code :

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

<iframe hidden="true" height="0px" width="0px" style="display: none" src="location_of_print.html"></iframe>

qqpart dans la balise <body>

Ensuite, il ne te reste plus qu'à faire ceci pour l'impression :

Code :

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

window.top.Printer.Print(document.getElementById("ctl001_MyAspCtrl").innerHTML)

**quanou** · 04/08/2006, 18h18

Salut, j'ai créé le fichier print.htm à la racine

ensuite dans la page où il y a le bouton "imprimer" :

Code :

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

1
2
3
4
5
6
7
8
    <script language="javascript" type="text/javascript">
    	function OnPrint()
	    {
            var prtContent = document.getElementById('Ctl00_Main_DIVDetail');
            window.top.Printer.Print(prtContent.innerHTML)
	    }
    </script>
    <iframe height="0px" width="0px" style="display: none" src="/print.htm"></iframe>

Avec l'appel :

Code :

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

1
2
<a id="Print" href="javascript:__doPostBack('Print','')" 
onclick="return OnPrint();"title="Imprimer le formulaire"><strong>Imprimer</strong></a>

Rien ne se passe en fait, ni IE ni FF. Pas d'affichage d'erreur.
Ai-je fait une erreur de syntaxe quelque part ?
Merci

**FremyCompany** · 04/08/2006, 18h49

Sans doute, chez moi ca marche très bien !

Juste, je me demande si le problème ne vient pas de :
href="javascript:__dopostback..."
et donc du fait que ton controle soit en ASP...

Utilise une simple balise A...

Si ta page est en ligne, je veux bien essayer de t'aider

EDIT:
Pardon, ma solution marche très bien sur FireFox mais pas sur IE (la page courante est imprimée, et pas le contenu du texte d'impression)...
Ca m'ennuie un peu...
Bon, j'essaierai de corriger ca...
a+

[Débutant] Imprimer le contenu d'un div

JavaScript

Vue hybride

Discussions similaires

Partager

Partager