 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>
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
|
HOME
BEISPIEL 
ZURÜCK