---
title: "Dölj utskriftssymbol vid utskrift"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/132874-dölj-utskriftssymbol-vid-utskrift"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "daniel_ra"
published: "2005-08-17T08:45:00.000Z"
updated: "2005-08-17T11:25:41.000Z"
replies: 7
views: 421
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/javascript/132874-dölj-utskriftssymbol-vid-utskrift"
---

# Dölj utskriftssymbol vid utskrift

## #1 — daniel_ra, 2005-08-17T08:45Z

Jag skulle behöva dölja en utskriftsbild vid utskrift. 

har alltså an bild med href javascript:window.print() på sidan.

vill bara dölja denna bild då jag skriver ut.. hur göra??

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

## #2 — Peter S, 2005-08-17T09:05Z

Jag tror inte det finns något bra sätt för detta, om du vill visa elementet igen när utskriften är klar. IE har visserligen onbeforeprint och -afterprint, vilka skulle kunna användas så här:

```
function p(){
    if (document.all && !window.opera){
        var elm = document.all["elm"];

        window.onbeforeprint = function(){
            elm.style.visibility = "hidden";
        }

        window.onafterprint = function(){
            elm.style.visibility = "visible";
        }
    }

    window.print();
}

<img id="elm" onclick="p()"...
```

Nu göms elementet för IE-användare vid utskrift och visas igen när det är klart. I andra webbläsare skrivs hela sidan ut.

En annan lösning kan vara att öppna ett nytt fönster där printbilden är gömd.

Om det intet spelar någon roll ifall elementet visas igen efter utskrift, går det ordna för de flesta webbläsare.

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

## #3 — zcorpan, 2005-08-17T09:20Z

CSS?

```
@media print {
 #elm { display:none; }
}
```

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

## #4 — Peter S, 2005-08-17T09:24Z

Ah, didn't think of that!  :bire

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

## #5 — daniel_ra, 2005-08-17T11:01Z

okay, jag förstår idéen men hur använder jag mig av zcorpans kod?

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

## #6 — Peter S, 2005-08-17T11:13Z

På sidan som skall skrivas ut:

```
<head><style type="text/css">
@media print {
    [b]#print[/b] { display:none; }
}
</style>

<img [b]id="print"[/b]>
```

Om utskriftsbilden ligger inom en \<a\>-tagg, sätter du id="print" på den.

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

## #7 — zcorpan, 2005-08-17T11:14Z

Om du har en extern stilmall lägger du in koden där helt enkelt. Alternativt kan du lägga följande i HEAD i ditt HTML-dokument:

```
<style type="text/css" media="print">
 #elm { display:none; }
</style>
```

 Sen sätter du id="elm" (du kan byta ut "elm" till nåt lämpligare om du vill) på din knapp. :)

\[ins\] Äh, man är inte tillräckligt snabb! ;) \[/ins\]

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

## #8 — daniel_ra, 2005-08-17T11:25Z

guld.. tack för hjälpen

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/132874-dölj-utskriftssymbol-vid-utskrift
