Seite drucken
    


HOME

BEISPIEL   ScriptCode ZURÜCK SITEMAP  

 Automatisch Drucken

Ein eingebettes JavaScript bietet die Option des automatisierten Druckens gleich beim Laden der Seite oder nach Initalisierung durch den Benutzer.

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. Dieses Beispiel bezieht sich auf die Druckfunktion der Seite, in der diese Druckoption eingebettet ist.

Möchten sie innerhalb eines Framesets den Druck aus Frame 1 (Navigation) heraus starten, dabei aber den Inhalt von Frame 2 (Inhalte) drucken, finden sie Informationen dazu auf dieser Beispielseite

anderen Frame drucken


   Das Script im Head


<script type="text/javascript" language="JavaScript">
<!-- Begin

function printPage() {
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.


a) 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>
Ein Formularbutton wird angezeigt, mit dem die Druckfunktion printPage() aufgerufen werden kann.


b) Drucken mit Textlink
<form>
<a href="javascript:printPage()"> drucken </a>
</form>
drucken Ein Textlink wird angezeigt, mit dem die Druckfunktion printPage() aufgerufen werden kann.


c) 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



Erstellt: 22.08.2002



NACH OBEN