 Automatisch Drucken
Ein eingebettes JavaScript bietet die Option des automatisierten Druckens gleich beim Laden der Seite an oder nach der Initalisierung des Druckvorgangs durch den Benutzer.
|
|
Webseite automatisch drucken
Allgemeines zum Thema 'Seite ausdrucken'
Das beste Ergebnis zum Ausdrucken einer Webseite erzielen Sie über die 'Druckvorschau'. Der simple Klick auf des Druckersymbol im Browser führt oft zu einem nicht zufridenstelleden Ergebnis. Optimal ist es, wenn der Webmaster über CSS-Anweisungen weniger interessante Seiteninhalte für den Druckvorgang ausblendet.
 Inhalte mit CSS ausblenden
Drucken über die Druckvorschau: Klicken Sie in der Menüleiste Ihres Browsers auf 'Datei' und in der angezeigten Auswahl auf 'Druckvorschau'.
Legen Sie im angezeigten Optionsfenster Ihre Einstellungen fest und leiten durch einen Klick auf 'drucken' den Druckvorgang ein. Dann sollte lediglich der Seiteninhalt ohne Titel, Menü- und Infobox ausgedruckt werden.
Wird die für den Ausdruck bestimmte Seite in einem Frameset angezeigt, ist es von Vorteil wenn die betreffende HTML-Datei 'den Focus hat', also das aktive Fenster ist. Die JavaScript-Anweisung 'focus()' macht ein Fenster zum aktiven Fenster.
focus();
<body onLoad="self.focus()" ...
Mit der zweiten Anweisung wird ein Fenster gleich beim Laden zum aktiven Fenster und bleibt es, solange nicht durch Klicken in einem anderen Frame der Focus verlorengeht.
Button zum Ausdruck anbieten
Wenn Sie eine Seite speziell für den Ausdruck anbieten, können Sie das durch einen Klick auf einen Link oder auch automatisiert gleich beim Laden einleiten. Das Anwendungsbeispiel auf dieser Beispielseite bezieht sich auf die Druckfunktion für eine HTML-Seite, in die dieses JavaScript zur Druckoption eingebettet ist.
Möchten Sie innerhalb eines Framesets z.B. den Druck aus Frame 1 (Navigation) heraus starten, dabei aber den Inhalt von Frame 2 (Inhalte) drucken, finden Sie Informationen dazu auf der Beispielseite
  anderen Frame drucken
JavaScript zur Druckoption
im Head-Bereich notieren:
<script type="text/javascript" language="JavaScript">
<!-- Begin
function printPage() {
focus();
if (window.print) {
jetztdrucken = confirm('Seite drucken ?');
if (jetztdrucken) window.print();
}
}
// End -->
</script>
Mit dem Script im Head-Bereich haben Sie nun 2 Möglichkeiten:
1 den Ausdruck automatisch einleiten
Zum automatischen Drucken fügen Sie im Body-Tag den Aufruf der Funktion printPage() ein. OnLoad ist ein Eventhandler und steht für 'beim Laden der Seite'. Ein Beispiel für den automatisch eingeleiteten Druckvorgang, sehen Sie beim Öffnen des Beispiels (Link im Kopfbereich dieser Seite). Die meißten Browser 'fragen jedoch noch einmal nach' und zeigen eine Meldung an.
<body OnLoad="printPage()"> ... >
2 den Ausdruck manuell einleiten
Um den Druckvorgang manuell einzuleiten, tragen Sie im Body-Bereich einen Link zum Aufruf der Druckfunktion printPage() ein.
2.1 Drucken mit Formularbutton
Um einen Formularbutton für den Druck einzubinden, notieren Sie den unten dargestellten HTML-Code. Beim Klicken wird die Funktion printPage() aufgerufen.
<form>
<input type="button" value=" drucken " onClick="javascript:printPage()">
</form>
2.2 Drucken mit Textlink
<form>
<a href="javascript:printPage()"> drucken </a>
</form>
|
drucken
|
Ein Textlink wird angezeigt, mit dem die Druckfunktion printPage() aufgerufen werden kann.
|
2.3 Drucken mit Grafiklink
<form>
<a href="javascript:printPage()">
<img src="print.gif" width="20" height="16" border="0" alt="">
</a>
</form>
|
Eine Grafik wird angezeigt, mit dem die Druckfunktion aufgerufen werden kann.
|
Grafiken:
Die Grafiken können Sie durch Rechtsklick herunterladen.
 |
|
|
datei-32-30.gif
32 x 32 Pixel |
print.gif
20 x 16 Pixel |
drucker.gif
22 x 22 Pixel |
Seite drucken
anderen Frameinhalt drucken
CSS-Vorlage 03 Druckversion + Bildschirmversion
CSS-Vorlage 04 Druckversion + Bildschirmversion
CSS-Anweisungen für Bildschim und Drucker - Grundlagen
|
Home • Diverses • automatisch drucken
BEISPIEL
)
)