Print tekst

Gør det i JavaScript!

<script language="JavaScript">
window.print();
</script>

//>Rune

Lytter med

1 (2) >> Man laver et stylesheet specifikt til print - derudover bør man lade være med at bruge tabeller med fast størrelse (eller kortere sagt, brug kun tabeller der, hvor du absolut har brug for det)
Derudover så sørg for, i stylesheetet, at fjerne "uvænsentlige" ting, som f.eks. menu-bar, banner-ads osv...
Det kan gøres ved at give hver enkelt "del" en id-attribut - og så sætte display:none; i udskriften

f.eks.
<div id="bannerad">...</div>

og i print.css
#bannerad {
  display : none;
}


2 (3) >> enten lav et stylesheet for hver sektion, hvor ovenstående approach bliver brugt til at "deaktivere" de elementer, som ikke skal printes med ---
Eller - man kan bruge JavaScript til at "deaktivere" alle områder, undtagen det , man vil have printet ud - og så bruge window.print til at udskrive :-)

medions: Mange tak! (-; 20 point

bearhugx: Jeg forstår vist ikke helt det med at lave et CSS specifikt til print... hvordan skal det forstås? Hvordan og hvornår aktiveres dette CSS? (-;

det aktiveres ved at sætte følgende ind i din <head>-sektion :
<link rel="stylesheet" type="text/css" media="print" href="printStyles.css">

Altså jeg forstår det så langt, som at fonte f.eks. med fordel kan sættes til at være sorte, osv. Og at dette "print-CSS" ikke skal kaldes med <link> i HTML-dokumenterne... men kun når der skal printes.

nå, he he... skrev mens du svarede!

eller hvis du ikke vil have flere forskellige stylesheet-filer... så er det muligt at specificere styles til forskellige media's

  @media print {
    BODY { font-size: 10pt }
  }
  @media screen {
    BODY { font-size: 12pt }
  }
  @media screen, print {
    BODY { line-height: 1.2 }
  }

(taget fra w3.org/tr/rec-css2)

Og så aktiveres det når man klikker på et print-ikon med <a href="#" onCLick="print();">print-ikon</a> ? (Jeg vil meget gerne benytte specifikke print-ikoner på min side, da den som sagt skal deles op i sektioner...

evt. læs http://www.w3.org/tr/rec-css2/media.html

ok - fino, tak! (-;

Aktiveres det omtalte CSS når man klikker på et print-ikon med <a href="#" onCLick="print();">print-ikon</a> ??

Du kan også læse denne om forskellig CSS til forskellige formål:
http://www.alistapart.com/stories/goingtoprint/

Og hvis din server kører php er der her en måde at skifte mellem dem der ikke kræver java-script:
http://www.alistapart.com/stories/phpswitch/