94.216.235.237 am 13. Oktober 2011 um 07:08 Uhr

2011-10-13T07:08:48Z

94.216.235.237: Die Seite wurde neu angelegt: „ == Teil einer Seite drucken == Old School JavaScript, sollte sich aber relativ einfach auf jQuery übertragen lassen. Quelle: http://www.webstool.de/de/tipps_d…“

2011-10-13T07:07:10Z

Die Seite wurde neu angelegt: „ == Teil einer Seite drucken == Old School JavaScript, sollte sich aber relativ einfach auf jQuery übertragen lassen. Quelle: http://www.webstool.de/de/tipps_d…“

Neue Seite

== Teil einer Seite drucken ==
Old School JavaScript, sollte sich aber relativ einfach auf jQuery übertragen lassen.

Quelle: http://www.webstool.de/de/tipps_down_druck3.html Zugriff: 10/2011

Mit einem einfachen JavaScript lässt sich mit relativ wenig Aufwand eine druckerfreundliche Version einer Webseite bei Bedarf erzeugen.

Das JavaScript wird nachstehend vorgestellt:

<pre>
function ausgabe()
{
var ref = document.getElementById("auswahl");
var ausgabe;
// nächste Zeile öffnet ein Fenster der Größe 800 x 600 Pixel
ausgabe=window.open("#","fenster","width=800,height=600,resizable=yes,menubar=yes,left=50,top=50");
ausgabe.document.open();
ausgabe.document.write('<html>\n<head>\n<title>Druckversion</title>\n');
ausgabe.document.write('<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\n');
// in der nächsten Zeile an das eigene Stylesheet anpassen
ausgabe.document.write('<link rel="stylesheet" href="../css/design1.css">\n</head>\n');
ausgabe.document.write('<body>\n<h1 align="center">© web s tool - Partner für Ihren Internetauftritt</h1>\n');
ausgabe.document.write('<div>\n');
// Ausgabe aller Inhalte mit der id = auswahl
while (ref!=null)
{
ausgabe.document.write(ref.innerHTML + '\n');
ref = ref.nextSibling;
}
ausgabe.document.write('</div>\n<p align="center"><a href="javascript:window.print()">drucken</a></p>\n</body>\n</html>\n');
ausgabe.document.close();
ausgabe.focus();
}
</pre>
Die externe Einbindung des JavaScripts erfolgt dabei z.B. im head-Bereich der Webseite über

<script language="JavaScript" src="../scripts/ausgabe4print.js"></script> .

Von entscheidender Bedeutung ist, dass auf der Seite das auszuwählende Objekt mit der id = "auswahl" (bitte bei Bedarf anpassen) versehen ist. Das auszuwählende Objekt kann dabei eine Tabelle oder ein div-Container sein.

Der Aufruf erfolgt z.B. durch den Link <a href="javascript:ausgabe();"> Druckversion</a>

← Nächstältere Version		Version vom 13. Oktober 2011, 07:08 Uhr
Zeile 1:		Zeile 1:
		+	Obsolet ! Siehe [[JavaScript - Snippets]]

	== Teil einer Seite drucken ==		== Teil einer Seite drucken ==

Java-Script - Snippets - Versionsgeschichte

94.216.235.237 am 13. Oktober 2011 um 07:08 Uhr

94.216.235.237: Die Seite wurde neu angelegt: „ == Teil einer Seite drucken == Old School JavaScript, sollte sich aber relativ einfach auf jQuery übertragen lassen. Quelle: http://www.webstool.de/de/tipps_d…“