printe noe annet enn hva som er på siden

[Gjest Slettet+142]

Hallo..

 

vet ikke om tittelen er så altfor forståelig, så;

Hvordan kan jeg lage en side der bare innholdet printes ut når man trykker Ctrl+P / Fil->Print.. altså hvordan eksluderer man alt utenom en div når man skal printe ut noe?

 

går dette an i det hele tatt?

eller går det på fil. at man printer en annen fil?

 

jeg lurte på dette etter å ha besøkt denne siden..

 

noen som vet om hvordan jeg gjør dette? hadde vært greit

 

- håper på svar

Endret 14. februar 2007 av Slettet+142

[Stian89]

Du kan lage et "printerfriendly" css stilark og implemintere en stilvelger på siden.

 

 

i dette arket kan du bare slenge på display: none; på alle elementene du ikke ønsker at skal være med i printouten, helt til du sitter igjen med kun den div'en som skal printes.

 

 

(mulig det finnes mye enklere løsninger, så hvis noen har en, spytt ut)

[Gjest Slettet+142]

takk for svar

men hvordan inkluderer jeg dette stilarket da?

 

<link media="print" href="print.css" rel="stylesheet">

?

[Stian89]

Eksempelvis (la oss si at du har 3 forskjellige stilark på siden din):

<link rel="stylesheet" type="text/css" href="stil1.css" title="stil1" />
<link rel="alternate stylesheet" type="text/css" href="stil2.css" title="stil2" />
<link rel="alternate stylesheet" type="text/css" href="print.css" title="print" />
<script type="text/javascript" src="styleswitcher.js"></script>

<a href="#" onclick="setActiveStyleSheet('stil1'); return false;">stil1</a><br>
<a href="#" onclick="setActiveStyleSheet('stil2'); return false;">stil2</a><br>
<a href="#" onclick="setActiveStyleSheet('print'); return false;">print</a>

 

styleswitcher.js

 

Endret 14. februar 2007 av Stian89

[Gjest Slettet+142]

nice

 

mye rar kode som jeg ikke forstod så mye av, men så lenge det virker holder det

 

takker så mye

[Jesper Karsrud]

Det letteste er nok å sette media="print" i link-elementet, for da skal nettleseren velge dette stilarket når man printer ut, med mindre man spesiferer noe annet

[Gjest Slettet+142]

hmm.. kanskje smart av meg å prøve om

<link media="print" href="print.css" rel="stylesheet">

virker før jeg spør her da

[attach]

Husk type="text/css"

[Gjest Slettet+142]

Husk type="text/css"

7948929[/snapback]

ojda.. takk. holder på å lage css + php i css-filen, så da må jeg jo absolutt huske Type

 

jeg må lære meg HTML bedre.. glemmer alt (nesten) alltid