nicht angemeldet
Invers drucken ??
Hallo,
gibt es irgendwie die Moeglichkeit per Javascript eine Html Seite invers darzustellen. Quasi wie eine Druckansicht zu erzeugen.
Problem ist naemlich das die Seiten recht dunkel sind und die Schrift hell, gedruckt jedoch soll genau umgekehrt, heller Hintergrund, dunkle Schrift.
Bin fuer jeglichen Tip dankbar.
Gruesse
Silvia Wenz
-
setz doch per JS die hintergrundfarbe auf hell und text farbe auf dunkel
document.bgcolor=#FFFFFF <!-- macht hintergrund hell -->
document.fgcolor=#000000 <!-- macht text dunkel -->Hallo,
gibt es irgendwie die Moeglichkeit per Javascript eine Html Seite invers darzustellen. Quasi wie eine Druckansicht zu erzeugen.
Problem ist naemlich das die Seiten recht dunkel sind und die Schrift hell, gedruckt jedoch soll genau umgekehrt, heller Hintergrund, dunkle Schrift.
Bin fuer jeglichen Tip dankbar.
Gruesse
Silvia Wenz -
document.bgcolor=#ffffff //macht Hintergrund hell
document.fgcolor=#000000 //macht text dunkelMfG Ich
Hallo,
gibt es irgendwie die Moeglichkeit per Javascript eine Html Seite invers darzustellen. Quasi wie eine Druckansicht zu erzeugen.
Problem ist naemlich das die Seiten recht dunkel sind und die Schrift hell, gedruckt jedoch soll genau umgekehrt, heller Hintergrund, dunkle Schrift.
Bin fuer jeglichen Tip dankbar.
Gruesse
Silvia Wenz -
Hallo Silvia,
das geht eigentlich schon. Du kannst dynamisch das Hintergrundbild bzw. -frabe ändern, und mit CSS auch ebenfalls recht leicht die Schriftfarbe.
Problem ist aber, daß der User immer über "Deinen" Druckdialog die Seite drucken muß, da sonst das inver-script nicht ausgeführt wird. Wenn der Besucher es also aus dem Browser-Menü Datei-->Drucken druckt, klappt es nicht.
Es geht aber auch noch einfacher und vor allem immer: mit CSS selbst
Erstelle ein zweites CSS mit den gleichen Klassen und Einträgen. Nur die Schriftfarbe und Hintergrundfarbe änderst Du halt.
Dann bindest Du das CSS so sein:
<link rel="stylesheet" media="print" href="print.css" type="text/css">
^^^^^So wird beim Ausdrucken dieses CSS genommen und für die Darstellung der Seite das "normale" CSS. Moderne Browser unterstützen dies.
Grüße
Alex :)
-
Moin!
Es geht aber auch noch einfacher und vor allem immer: mit CSS selbst
Erstelle ein zweites CSS mit den gleichen Klassen und Einträgen. Nur die Schriftfarbe und Hintergrundfarbe änderst Du halt.
Die CSS-Lösung ist in jedem Fall die beste!
Außerdem kriegt man dann noch so tolle Sachen hin wie "Navigationsleiste NICHT mitdrucken" etc.
Wie das geht? Wenn du deine Navigation z.B. in einem <DIV>-Layer hast, dann gibst du diesem Layer eine Klasse:
<div class="noprint">Und im Druck-CSS definierst du:
.noprint { display:none; }Damit wird der Layer unterdrückt. Geht auch mit allen anderen Elementen, also z.B. Tabellenzellen, ganze Tabellen, etc.
Ich empfehle zum Papiersparen, dir Opera zu installieren. Dieser Browser hat eine Druckvorschau, welche die Angaben aus dem Druck-Stylesheet berücksichtigt. So kann man schnell sehen, wie die Seite im Druck aussieht.
So wird beim Ausdrucken dieses CSS genommen und für die Darstellung der Seite das "normale" CSS. Moderne Browser unterstützen dies.
"Moderne Browser" heißt: Netscape 4 nicht, und IE 4 vermutlich auch nicht. <eg> Alles danach kann es. Und mehr kannst du nicht tun.
- Sven Rautenberg
-
-
Erstmal Danke fuer die schnelle Hilfe das mit den CSS werde ich mal ausprobieren hoert sich gut an.
Eine Navigationsleite existiert auf den Seiten nicht von daher brauche ich also am Ende der Seite noch einen Print Button, kann mir auch dazu jemand was sagen ???Zur Info hier die Seite um die es geht:
www.dafacto.de von dort dann auf die Hauptseiten und dort sind wiederum die Artikel zu lesen. Tja und diese eben sollen druckbar sein :-((
Sieht in Netscape nur sehr dunkel aus und kostet viel Tinte :-)Beste Gruesse
Silvia Wenz