Selectief uitprinten

Auteur: Jack - 26 augustus 2004 - 13:46 - Gekeurd door: Dennisvb - Hits: 3663 - Aantal punten: 3.50 (3 stemmen)

Met dit stylesheet is het mogelijk om te selecteren of iets "zichtbaar mag zijn" voor juist enkel de printer en niet voor het beeldscherm en andersom. Zo kan je de layout naar de printer volledig sturen (bijvoorbeeld: je kan de navigatiebuttons van je site weglaten tijdens het printen).

Succes, Jack.

Code:

<HEAD>

php code - Bekijk de code zonder highlighting - Klap code in

<STYLE type="text/css"> 

@media print 
{ 
.DontPrint { DISPLAY: none } 
.PrintOnly { DISPLAY: inline } 
} 

@media screen 
{ 
.PrintOnly { DISPLAY: none } 
} 

</STYLE>

<STYLE type="text/css"> 
 
@media print 
{ 
.DontPrint { DISPLAY: none } 
.PrintOnly { DISPLAY: inline } 
} 
 
@media screen 
{ 
.PrintOnly { DISPLAY: none } 
} 
 
</STYLE>

<BODY>

php code - Bekijk de code zonder highlighting - Klap code in

                <CENTER> 
<TABLE cellSpacing=0 cellPadding=0 border=0> 
  <TR><TD class=DontPrint>niet printen</TD></TR> 
  <TR><TD><A href="javascript:window.print()">UITPRINTEN</A></TD></TR> 
  <TR><TD class=DontPrint>niet printen</TD></TR> 
  <TR><TD class=PrintOnly> 
          <HR> 
          Dit wordt uitgeprint 
          <HR> 
  </TD></TR> 
  <TR><TD>algemene tekst</TD></TR> 
  <TR><TD class=DontPrint>oke</TD></TR> 
</TABLE> 
</CENTER> 

            
<CENTER> 
<TABLE cellSpacing=0 cellPadding=0 border=0> 
  <TR><TD class=DontPrint>niet printen</TD></TR> 
  <TR><TD><A href="javascript:window.print()">UITPRINTEN</A></TD></TR> 
  <TR><TD class=DontPrint>niet printen</TD></TR> 
  <TR><TD class=PrintOnly> 
          <HR> 
          Dit wordt uitgeprint 
          <HR> 
  </TD></TR> 
  <TR><TD>algemene tekst</TD></TR> 
  <TR><TD class=DontPrint>oke</TD></TR> 
</TABLE> 
</CENTER>
 

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Geen reacties (0)