Søg
Avatar billede blegansigt.com Nybegynder
02. december 2002 - 13:14 Der er 4 kommentarer og
2 løsninger

Udskrive del af dokument

Hej Eksperter

Kan jeg på nogen måde lave en "udskriv-knap", der kun skriver en del af et dokument ud?

Problemet opstår på siden www.jule.dk når man skriver en ønskeseddel ud, skal kun selve den ramme som ønskesedlen står i skrives ud - og ikke hele siden...

Skal der flere points til, så sig frem...
Avatar billede Slettet bruger
02. december 2002 - 13:18 #1
Læg dette ind i dit stylesheet:

@media print {

body,table,tr,td {
    width: auto;
    border: 0;
    margin: 0 0;
    padding: 0;
    float: none !important;

    }

#skjult {
    display: block;
    }

}

De ting du vil have skjult ved udskrift skal så have tilknyttet et id der hedder skjult, f.eks.

<table id="skjult"><tr><td>Denne tekst er skjult ved print</td></tr></table>
Avatar billede Slettet bruger
02. december 2002 - 13:19 #2
Iøvrigt kan man lave en udskriv knap både med link, billede eller en rigtig knap. Hvad foretrækker du?
Avatar billede knudgert Nybegynder
02. december 2002 - 13:25 #3
Kedeligt, man skal være logget ind for at se siden, så jeg ved ikke hvordan siden ser ud (du burde have lavet et test login).

Men du kan bruge princippet, som jeg har vist på http://home13.inet.tele.dk/smedpark/test/media2.htm
(højreklik => vis kilde)

Du laver simpelt hen css for henholdssvis skærm og et for print og med display: block og display: none bestemmer du, hvad der skal ses på skærmen og hvad der skal printes.
Avatar billede blegansigt.com Nybegynder
02. december 2002 - 13:45 #4
el barto

Tak for kommentaren (laver du et svar) - jeg vil gerne lave en grafik-udskrivs-knap... har du en stump kode?

knudgert

jule.dk er oppe og kører for fulde omdrejninger, det er derfor, man skal være logget ind.
- men problemet kan også ses eksempelvis på siden detailsang.asp...

Jeg kan se, at teknikken gør sig gældende på både <div><body><table><tr> og <td> - er det korrekt?
- og hvad med browserkompatibilitet?
Avatar billede Slettet bruger
02. december 2002 - 13:50 #5
Her er en udskrivningsknap:

<a href="java script:window.print()"><img src="../billeder/print.gif" alt="Udskriv denne side" title="Udskriv denne side" width="44" height="15" alt="" border="0"></a>
Avatar billede knudgert Nybegynder
02. december 2002 - 17:34 #6
Ideen er jo at du skal smide det, der skal printes ud i en <div> og så sætte den til display:block og de andre i div med display: none

Fungerer i alle ver. 4 browsere og nyere undt. Netscape 4.x
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
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »