---
title: "Print knapp som pekar mot en PDF ?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189215-print-knapp-som-pekar-mot-en-pdf"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Tobbs"
published: "2012-02-29T10:37:36.000Z"
updated: "2012-02-29T11:45:13.000Z"
replies: 6
views: 547
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/189215-print-knapp-som-pekar-mot-en-pdf"
---

# Print knapp som pekar mot en PDF ?

## #1 — Tobbs, 2012-02-29T10:37Z

Hejsan.
Jag försöker lösa en liten sak som jag inte får kontroll på.
Jo, jag vill ha en "**skrivut knapp**" men när man trycker ska skrivaren skriva ut en annan sida eller pdf. Inte det man ser på skärmen.
Går det att lösa ?

Permalänk: https://www.webforum.nu/p/189215

## #2 — voigtann1, 2012-02-29T10:40Z

med knapp så menar du ett formulär knapp eller en stylad a-element? det är ju bara att länka till din pdf fil om det är ett a-element, annars få du ha ett formulär som postar till samma pdf.

Om du vill att länken skall börja skriva ut PDF:en direkt så är svaret nej, det gå inte att skriva ut ett dokument automatiskt, PDF öppnas av Adobe Reader och har ingen koppling till webbsidan.

Permalänk: https://www.webforum.nu/p/2296379

## #3 — @nders, 2012-02-29T10:53Z

Jag hade löst det med @media print i css:en. Du kan styra exakt vilket av sidans innehåll du vill skriva ut (eller till och med skriva ut innehåll som inte syns i webbläsaren.)

<http://www.w3.org/TR/CSS2/media.html>

Permalänk: https://www.webforum.nu/p/2296380

## #4 — Tobbs, 2012-02-29T10:58Z

Vart i denna kod ska jag lägga in så en annan sida printas ut och inte befintlig sida som finns på skärmen ?

\<html\>
\<head\>
\<script type="text/javascript"\>
function printpage()
{
window.print();
}
\</script\>
\</head\>
\<body\>

\<input type="button" value="Print this page" onclick="printpage()" /\>

\</body\>
\</html\>

Permalänk: https://www.webforum.nu/p/2296381

## #5 — @nders, 2012-02-29T11:04Z

Med ledning av länken jag postade och helt utan att testa:

```
<html>
<head>
<style type="text/css">
@media print {
  #visiblecontent { display:none; }
  #printedcontent { display:block; }
}
</style>
<script type="text/javascript">
function printpage()
{
window.print();
}
</script>
</head>
<body>

<div id="visiblecontent">

<input type="button" value="Print this page" onclick="printpage()" />

</div>

<div id="printedcontent" style="display:none;">

Här är allt som skrivs ut när man väljer "print" - det andra döljs.

</div>

</body>
</html>
```

Permalänk: https://www.webforum.nu/p/2296382

## #6 — voigtann1, 2012-02-29T11:05Z

> **[Tobbs skrev:](https://www.webforum.nu/p/1548167)**
>
> Vart i denna kod ska jag lägga in så en annan sida printas ut och inte befintlig sida som finns på skärmen ?
> 
> \<html\>
> \<head\>
> \<script type="text/javascript"\>
> function printpage()
> {
> window.print();
> }
> \</script\>
> \</head\>
> \<body\>
> 
> \<input type="button" value="Print this page" onclick="printpage()" /\>
> 
> \</body\>
> \</html\>

window.print byter du ut till window.location = "url-till-print-version.html";

och på sidan du har du window.print() efter sidan har laddads klart.

Eller så kör du som @nders säger och sätter en print css för sidan.

Permalänk: https://www.webforum.nu/p/2296383

## #7 — Tobbs, 2012-02-29T11:45Z

Tusen tack grabbar jag har fått det att fungera...
\=O)

Permalänk: https://www.webforum.nu/p/2296384

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189215-print-knapp-som-pekar-mot-en-pdf
