Drucken!?

[James Hunt]

Hi,

ich habe nur 'ne kleine Frage [ mit großer Wirkung ;) ].
Und zwar möchte ich einen Teil eines HTML-Dokuments
über einen Button ausdrucken lassen. Nehme ich aber
window.print wird das ganze Dokument ausgedruckt.
Es soll aber nur ein Formular ausgedruckt werden.

Gibt es irgendeine Möglichkeit das hinzukriegen?

Gruß
James

[MudGuard]

Hi,

ich habe nur 'ne kleine Frage [ mit großer Wirkung ;) ].
Und zwar möchte ich einen Teil eines HTML-Dokuments
über einen Button ausdrucken lassen. Nehme ich aber
window.print wird das ganze Dokument ausgedruckt.
Es soll aber nur ein Formular ausgedruckt werden.

Gibt es irgendeine Möglichkeit das hinzukriegen?

Definiere für alle nicht-zu-druckenden Teile im Druck-CSS display:none;

Andreas

[James Hunt]

Definiere für alle nicht-zu-druckenden Teile im Druck-CSS display:none;

Andreas

Und wie macht man das genau?

Gruß
James

[James Hunt]

P.S.
Denn das was nicht mitgedruckt werden soll ist die Navigation.
Die soll zwar gesehen werden nur nicht mitgedruckt.

James

[Henning]

Du gibst der Navigation eine ID. Dann bindest du für print-Medien ein CSS Stylesheet ein und gibst der oben eingesetzte ID in diesem Sytylesheet die Eigenschaft display:none;

http://selfhtml.teamone.de/html/transit/stylesheets.htm#definieren
http://selfhtml.teamone.de/html/attribute/allgemeine.htm#uebersicht
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display

Gruß,
Henning

[MichaelB]

Hallo,

Definiere für alle nicht-zu-druckenden Teile im Druck-CSS display:none;

Und wie macht man das genau?

Tipp:
Es gibt da so eine praktische Dokumentation zur Webseitenerstellung im Internet (jedenfalls hab ich das gehört). Nennt sich SelfHTML: Und da findet sich unheimlich viel zum Thema HTML, Javascript, CSS usw.
Und dort findet sich auch folgende Information:
http://selfhtml.teamone.de/css/formate/einbinden.htm#media

Gruss
   MichaelB

... der zugibt das es nicht so einfach zu finden ist
:-)))

[weDE]

Hallo,

Und wie macht man das genau?

indem Du den Bereichen Klassen zuordnest (z.B. class="da" und class="weg") und je ein stylesheet für den Druck und eins für den Bildschirm anlegst...

ungefähr so:

<STYLE TYPE="text/css" MEDIA="print">
<!--
.da {display: none;}
.weg {display: block;}
-->
</STYLE>

<STYLE TYPE="text/css" MEDIA="screen">
<!--
.da {display: block;}
.weg {display: block;}
-->
</STYLE>

mehr dazu evtl. unter: http://www.styleassistant.de/tips/tip39.htm

Gruß

weDE