Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Drucken mit JavaScript

Empfohlene Antworten

Veröffentlicht

Hallo,

ich habe folgendes Problem:

Ich habe eine Seite mit mehreren Reitern. In die verschiedenen "Seiten" kommt man per Klick auf einen Reiter.

Das ganze wurde mittels übereinandergelegten div-tags gemacht, die jeweils hidden bzw. visible gesetzt werden (bei klick auf reiter und bei seite laden) und die die entsprechenden Seiten einbinden.

Nun muss ich eine Druckfunktion machen, die mit einem Rutsch alles ausdruckt.

Ok, eine möglichkeit wäre eine weitere Seite in der alles drin ist, aber das ist nur die letzte Lösung, weil zu aufwendig.

Ich habe es nun so versucht, dass ich ein stylesheet mit media=print habe und dort werden die divs nicht übereinandergelegt, sondern untereinander geschrieben.

Das Problem ist, um sie drucken zu können müssen sie alle visible sein (logisch, was ;) )

Wenn ich sie darauf im css setzte, bringt das nichts, weil dieser nur-ein-div-ist-visible-mechanismus der seite das direkt wieder überschreibt :(

ein weiterer versuch war, direkt vor der print-funktion alle auf visible zu setzen und danach wieder rückgängig...dummerweise wartet der browser anscheinend nicht bis bei window.print() der druckvorgang angestossen wurde...heisst, bis dieses nette fenster hochkommt, sind meine visible divs schon längst wieder über alle berge...

hat einer eine idee, was ich noch versuchen könnte?

Vielleicht hilft Dir meine Funktion printversion() aus meinem Beitrag vom 07.02.2003 weiter. Dummweise funktioniert das ganze nur mit dem IE (wegen innerHTML).

Die aus meiner Sicht idealste Lösung wäre, Deine Funktion, die dafür sorgt, daß nur ein Layer sichtbar ist, so zu ändern, daß Sie bei Übergabe eines bestimmten Parameters nicht ausgeführt wird und dann mit dem von Dir schon angesprochenen Print-StyleSheet zu arbeiten.

und wenn man in dieser funktion anstatt "innerHTML" dann "innerText" nimmt, sollte es in allen browsern geht.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.