HTML - Printpagina link plaatsen


Als optie voor bezoekers kan het handig zijn om een knop te plaatsen om snel te pagina te kunnen printen. Zodra een bezoeker op de knop drukt wordt automatisch het printvenster van de printer tevoorschijn gehaald waarna de bezoeker de betreffende pagina kan gaan afdrukken. Het plaatsen van een knop kan met een code die in de link wordt geplaatst.

javascript:window.print()


Om dit nu te verwerken in de link, plaatst je de code binnen het "href" gedeelte in een link.

<a href="javascript:window.print()">Print deze pagina</a>


Werkend: Print deze pagina

Dialoogvenster

Aanvullend kan het ook zo zijn dat je een aparte template hebt gemaakt om een pagina af te drukken die opent in een nieuw venster. In dat geval is het handig voor de gebruiker als direct na het openen van de pagina het printdialoog in beeld verschijnt. Daarvoor kan de onderstaande code worden gebruikt. Plaats de code in het HEAD gedeelte van de pagina.

<script type="text/javascript">
        window.print();
</script>


CSS

Als aanvulling hierop kun je met behulp van CSS de pagina vormgeven die afgedrukt wordt, de tutorial die hier over gaat vind je hier: Printpagina, printvriendelijk.