Søg
Avatar billede guster Nybegynder
25. februar 2003 - 10:47 Der er 11 kommentarer og
2 løsninger

Print tekst

Hej,

Jeg har lavet en del HTML, men ikke noget med print-funktioner. Hvad i alverden gør man??

1. (20 point) Hvilket HTML-tag eller anden funktion (Javascript?) aktiverer printfunktionen - hvad benytter man normalt?

1. (60 point) Hvordan optimerer man sin printside, så den bliver printet "pænt" ud - med lige margen og uden manglende tekst, m.m.

2. (60 point) Hvordan printer man kun en del af en tekst på en HTML-side? Kan man definere et område, og kun printe dette (så man kan have en print-knap pr. "område")??

På forhånd tak for hjælpen! (o;
guster
Avatar billede medions Nybegynder
25. februar 2003 - 10:48 #1
Gør det i JavaScript!

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

//>Rune
Avatar billede c971572 Nybegynder
25. februar 2003 - 10:48 #2
Lytter med
Avatar billede bearhugx Nybegynder
25. februar 2003 - 11:15 #3
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 :-)
Avatar billede guster Nybegynder
25. februar 2003 - 11:21 #4
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? (-;
Avatar billede bearhugx Nybegynder
25. februar 2003 - 11:25 #5
det aktiveres ved at sætte følgende ind i din <head>-sektion :
<link rel="stylesheet" type="text/css" media="print" href="printStyles.css">
Avatar billede guster Nybegynder
25. februar 2003 - 11:25 #6
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.
Avatar billede guster Nybegynder
25. februar 2003 - 11:25 #7
nå, he he... skrev mens du svarede!
Avatar billede bearhugx Nybegynder
25. februar 2003 - 11:26 #8
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)
Avatar billede guster Nybegynder
25. februar 2003 - 11:28 #9
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...
Avatar billede bearhugx Nybegynder
25. februar 2003 - 11:30 #10
evt. læs http://www.w3.org/tr/rec-css2/media.html
Avatar billede guster Nybegynder
25. februar 2003 - 11:31 #11
ok - fino, tak! (-;
Avatar billede guster Nybegynder
25. februar 2003 - 11:33 #12
Aktiveres det omtalte CSS når man klikker på et print-ikon med <a href="#" onCLick="print();">print-ikon</a> ??
Avatar billede ckh Nybegynder
25. februar 2003 - 11:36 #13
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/
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 18:13 oprette et installationsmedie Af Malm i Windows
I går 13:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
15/0911:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
14/0910:42 Tidsbestemt opladning af elbil Af vbr i Andet software
13/0917:00 Film Server Af dcedata1977 i Andet software
White papers
Flere white papers »