Solution Javascript pour imprimer la zone spécifiée. Cross-navigateur

Je développe actuellement un site qui nécessite une option d'impression sur la page. Lorsque vous cliquez sur ce bouton, un script imprime tous les contenus dans un <span id='printArea'></span>. J'utilise un plugin jQuery appelé printElement pour l'instant et il fonctionne très bien dans tous les navigateurs que j'ai testés sauf Google Chrome.Solution Javascript pour imprimer la zone spécifiée. Cross-navigateur

J'ai étudié ce problème et appliqué une solution suggérée impliquant un setTimeOut() mais je n'ai pas eu de chance.

Ma question est la suivante: quelqu'un peut-il suggérer une bonne solution multi-navigateur pour imprimer une zone définie d'une page Web?

Source

2010-10-22 TGuimond

Qu'est-ce qui ne fonctionne pas dans Chrome? Je n'ai pas eu de problèmes ici. –

Lorsque je clique sur imprimer, la fenêtre contextuelle s'affiche mais elle est vide. Vous pouvez l'essayer vous-même si vous aimez: http://1641.kco.ie/deposition.php?depID=834004r004 Vous devrez vous identifier: [email protected] - t3stP @ $$ – TGuimond

Pourriez-vous pas simplement create a printable styleshee t, qui masque toutes les autres zones de la page que vous ne voulez pas imprimer?

Source

2010-10-22 12:45:57 Tom

Je soupçonne qu'il peut qu'il y ait un aspect dynamique à cela. Par exemple, peut-être que l'interaction de l'utilisateur sélectionne une partie de la page (un seul élément de catalogue, ou quelque chose comme ça), puis l'utilisateur reçoit une option pour imprimer la chose choisie. – Pointy

Dans ce cas, vous pouvez simplement générer une page qui contient uniquement les éléments sélectionnés, joindre une feuille de style d'impression et déclencher la boîte de dialogue d'impression du système. – Tom

<link rel="stylesheet" type="text/css" href="/css/yazdir.css" media="print" />

yazdir.css

@charset "utf-8"; 
nav, header, #status-bar, #sub-nav, #header-shadow, footer, #tips{ 
    display:none !important; 
}

Source

2012-10-04 14:18:24

À l'avenir, veuillez ajouter une description à votre message et pas seulement du code. :) – davehale23

Désolé, mon anglais est très pauvre –

Solution Javascript pour imprimer la zone spécifiée. Cross-navigateur

Répondre

Questions connexes