web's tool - Tipps und Downloads - Druckerfreundliche Seiten

Sie sind hier: Startseite >> Tipps & Downloads >> Druckerfreundliche Seiten - Teil 1, Kapitel 3


	Startseite

	Leistungen

	Referenzen

	Kunden-Infos

	Preise/AGB

	Kontakt

	Impressum

	Tipps & Downloads
	Druckerfreundliche Seiten - Kapitel 1, 2 und 3 Druckerfreundliche Seiten - Beispiel 1 Optimierung Navigation - Einleitung Optimierung Navigation - Breadcrumb Optimierung Navigation - Breadcrumb Beispiele Optimierung Navigation - Popup-Menü Optimierung Navigation mit Hilfe eines Feedback Layoutbreite begrenzen Tipps für Selbstvollender - Teile 1 bis 11


Druckerfreundliche Seiten

Kapitel 3: Download eines JavaScripts Mit einem einfachen JavaScript lässt sich mit relativ wenig Aufwand eine druckerfreundliche Version einer Webseite bei Bedarf erzeugen. Das JavaScript wird nachstehend vorgestellt: 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(); } 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> Die Beispielseite zeigt die Funktionsweise des Scripts Download des JavaScripts als zip-Datei Bitte beachten: Ich übernehme für die Fehlerfreiheit des oben vorgestellten JavaScript-Code keine Gewähr und hafte keinesfalls für Folgen, die sich aus Fehlern oder unsachgemäßem Gebrauch des Code und der Inhalte ergeben. Code und Beispiel dürfen für den privaten Gebrauch frei verwendet werden.
<< zurück	>> weiter