Bonjour,

j'essaye d'imprimer une partie d'une page web a partir du code javascript et je n'arrive pas a conserver la mise en page lors de l'impression.

Voile le code que j'utilise :

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
        function printPartOfPage(elementId) {
            var printContent = document.getElementById(elementId);
            var printWindow = window.open('','','left=50000,top=50000,width=0,height=0');
 
            printWindow.document.write(printContent.innerHTML);
            printWindow.document.close();
            printWindow.focus();
            printWindow.print();
            printWindow.close();
        }

la partie à imprimer en question est :

Code html : 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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<div id="pnlSummary" class="summary boxTop">
 
            <div id="updSummary">
 
                    <h2>
                        Résumé du fichier
                    </h2>
                    <span class="data">
                        <span id="lblNbTitre">Nombre de produits</span>
                        :
                        <span id="litNbTitre">  579</span>
                    </span><span class="data">
                        <span id="lblNbCards">Nombre de cartes</span>
                        :
                        <span id="litNbCards">  0</span>
                    </span><span class="data">
                        <span id="lblNbBenef">Nombre de bénéficiaires</span>
                        :
                        <span id="litNbBenef">  43</span>
                    </span><span class="data">
                        <span id="lblTotalFacialValue">Valeur totale</span>
                        :
                        <span id="litTotalFacialValue"> 4 053,00</span>
                        € </span><span class="data">
                            <span id="lblDeliveryDate">Date de livraison souhaitée</span>
                            :
                            <span id="litDeliveryDate">20/01/2013</span>
                        </span><span class="data">
                            <span id="lblErrorsCount">Nombre d erreurs restantes</span>
                            :
                            <span id="litErrorsCount">0</span>
                        </span><span style="clear: both; display: block;"></span>
 
	</div>
 
</div>

Pourriez vous me donner un lien vers un tuto permettant de faire cela ? ou directement une solution pour que le design (css et mise en page )soit respecté ?

Ce code HTML est généré à partir d'une page en ASP.NET.

Merci d'avance !