JavaScript - eingeschränktes Drucken

[SGD-Daniel]

Hallo,

über "<a href="javascript:window.print()"><b>Drucken</b></a>" kann ich die gesamte Seite drucken lassen.

Ich möchte aber, dass nur ein bestimmter Teil einer statischen HTML-Seite gedruckt werden kann. Wie mache ich das?

Bei http://de.selfhtml.org find ich dazu nichts.

 

[da tei]

Hmmm weiss ich auch nicht, aber du könntest diesen bestimmten Teil in einem eigenen Frame packen..vielleicht gehts dann?

 

[Enigma]

Stylesheets - für Medium print einfach diverse divs mit display:none verstecken

 

[SGD-Daniel]

Stylesheets - für Medium print einfach diverse divs mit display:none verstecken

versteh nicht ganz?

 

[Saschlong]

Ganz einfach: Für den Druck ein anderes Stylesheet verwenden, in dem die Sachen, die Du nicht drucken lassen willst ausgeblendet sind.

 

[SGD-Daniel]

<div display:none>
Text der nicht gedruckt werden soll!
</div>

Soll das so aussehen?

 

[Sgt_H4rtman]

Schau halt bei SelfHTML unter CSS nach, wenn Du es bereits kennst. Besser als dort kann es Dir hier auf die schnelle ohnehin keiner erklären.

Ciao

 

[SGD-Daniel]

Danke!

-Thread closed-

 

[SGD-Daniel]

Hm, habe bei CSS nix dazu gefunden, was nun funktioniert.

 

[Saschlong]

Evtl. hilft auch das hier: http://css4you.de

 

[Sgt_H4rtman]

Hi,

die notwendigen Informationen findest Du hier.

SelfHTML


Ist eigentlich wie üblich, nur dass Du halt deine CSS-Anweisungen noch einmal klammerst, einmal halt für Screen und CO und einmal für Print. Kannst Du ja auch in 2 oder mehrere verschiedene CSS-Dateien trennen, die Du dann per @import einbindest. Ansonsten wie hier bereits geschrieben mit display: none; die nicht gewünschten Elemente beim Druck ausblenden.


Beispiel:

@media print {
  /* ... Formatdefinitionen zum Drucken ... */
  div.versteckt { 
  	/* Wird nicht gedruckt, nur im Screen angezeigt. */
  	display: none;
  }
}

@media screen, handheld {
  /* ... Formatdefinitionen zur Bildschirmausgabe ... */
  div.versteckt { 
  	/* Wird im Screen angezeigt. */
  	display: block;
  }
}

Ciao