Søg
Avatar billede Slettet bruger
08. marts 2003 - 12:43 Der er 11 kommentarer

Print del af en html side

Hej.
Er det muligt at lave et script der kun udskriver en specifik del af et html dokument?

På siden er der en specifik tabel der skal udskrives med alt dens indhold. Kan man evt tildele den tabel en id og så udskrive??
Avatar billede pelkjaer Nybegynder
08. marts 2003 - 12:46 #1
Med css

<style type="text/css" media="print">
.printIt {
  background-color:#ffffff;
}
</style>

<div class="printIt">Dette bliver printet</div>
Avatar billede Slettet bruger
08. marts 2003 - 13:48 #2
Det, pelkjaer, beskriver er klart den smarteste metode, men du kan også have en skjult iframe, som du udskriver tabellen i og så printer den.
Avatar billede bearhugx Nybegynder
08. marts 2003 - 14:11 #3
Normalt på større sites laver man en css til screen (skærmvisning) og et css til print (udskrifter) ...

f.eks. er dette taget fra skroeder-print.css
#menubox {
  display: none;
}

ergo tages min menu ikke med, når der printes ud (og hvorfor skulle den også det - alle menuer, sidebars, banner-reklamer osv, har je en tendens til at være ret ligegyldige på en udskrift - man kan jo ikke klikke på dem mere! :-))
Avatar billede Slettet bruger
08. marts 2003 - 17:43 #4
Hmm, det virker altså ikke. Altså ikke hvis man bare bruger printfunktionen fra browseren. Kræver det at man laver en javascript knap til udskrivningen? Det skal der alligevel laves
Avatar billede bearhugx Nybegynder
08. marts 2003 - 18:27 #5
hvordan ser din html-side ud ... Tildeler du et css, specifikt til media print ??

gå f.eks. ind på www.skroeder.dk - og prøv at print siden ud - så vil du se, at menuen ikke bliver printet ud ...
Avatar billede Slettet bruger
08. marts 2003 - 22:44 #6
nej, jeg tildeler ikke specifikt. Kunne være jeg skulle prøve det.
Avatar billede bearhugx Nybegynder
08. marts 2003 - 23:00 #7
jeps ... ellers prøv at poste din HTML og CSS kode, så kan vi jo fejlrette :-))
Avatar billede Slettet bruger
09. marts 2003 - 12:59 #8
<style type="text/css" media="print">
.printIt {
  background-color:#ffffff;
}
</style>

<div class="printIt">

    <font class="overskrift">Ordrebekræftelse</font><br>
    <strong style="color : red;">OBS : Print denne side !!</strong><br>
    <em>Handlen er nu gennemført - Tak for bestillingen !!</em><br>
    </div>

Skal jeg også bruge en specialknap til print??
Avatar billede bearhugx Nybegynder
09. marts 2003 - 14:54 #9
smukke... >> det du skal gøre, er at kigge på din normale hjemmeside - og så beslutte om der er nogle dele, du _ikke_ vil have med i printet (menuer, banner-reklamer osv) ...  Det du ender op med, er så sektioner, som du gerne vil have printet med - og der kan de så være hensigsmæssigt f.eks. at ændre baggrundsfarven til hvis, så der ikke bliver brugt toner ifm. udskrift...

lad os f.eks. sige, at du har en menu og et banner, som du ikke vil have printet med - og at de har id'erne "menu" og "banner"

så bliver din kode
<style type="text/css" media="print">
#banner {
  display:none;
}
#menu {
  display:none;
}
#indhold {
  background-color: white;
}
</style>

<body>
  <div id="banner"> ET BANNER, SOM ER MED PÅ SCREEN, MEN IKKE PRINT</div>
  <div id="menu">
    <a href="valg1.html"> valg 1 </a> <br/>
    <a href="valg2.html"> valg 2 </a> <br/>
    <a href="valg3.html"> valg 3 </a> <br/>
    <a href="valg4.html"> valg 4 </a> <br/>
  </div>
  <div id="indhold">
    <p>
      bla bla bla bla bla --. Dette vil blive printet -- bla bla bla bla
    </p>
  </div>
</body>

Her er det faktisk kun "indhold" som bliver printet ud (fordi de andre har sat display:none; når de bliver udprintet)

Håber det var hjælpende ... ellers så kig, hvordan jeg har gjort det på :
-- www.skroeder.dk
-- www.skroeder.dk/style/skroeder.css
-- www.skroeder.dk/style/skroeder-print.css

du kan se filerne med min source-viser :
-- http://www.skroeder.dk/php/source.php?fil=http://www.skroeder.dk/
-- http://www.skroeder.dk/php/source.php?fil=http://www.skroeder.dk/style/skroeder.css
-- http://www.skroeder.dk/php/source.php?fil=http://www.skroeder.dk/style/skroeder-print.css

/Søren Munk Skrøder
Avatar billede bearhugx Nybegynder
09. marts 2003 - 14:57 #10
Og nej .. du behøver ikke at bruge en special-knap til print ...

du kan lave en <a href="java script:window.print(); return false;"> PRINT </a>, (eller lignende) hvis du vil - men den vil bare kalde browserens egen printfunktion --- så det ville være det samme som at trykke [CTRL]-P
Avatar billede Slettet bruger
10. marts 2003 - 21:33 #11
Stærkt bearhugx. Tester det lige og vender tilbage med nogle points :)
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 JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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:50 Slet lokal konto Af ErikHg i Windows
I går 16:05 Ændre tal i en celle Af xvid i Excel
I går 13:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
White papers
Flere white papers »