Forum Mjukvara Programmering och digitalt skapande Tråd

Hur gör man för att endast skriva ut innehållet i en DIV? [HTML]

1
Skriv svar
Permalänk
Medlem
●

Hur gör man för att endast skriva ut innehållet i en DIV? [HTML]

Tjabba !

Kan man fixa så man endast kan skriva ut innehållet i en div ?

Eller ett visst område på sidan ?

Mvh Force

titel förbättrad
Redigera
Citera flera Citera
Permalänk
Medlem ★
●

En vanlig lösning är att man gör en skriv ut vänlig sida. Användaren trycker på en knapp, en popup med skriv ut layout kommer upp, kör javascript för att ta upp print dialogen, "window.print()".
Ett exempel på hur gmail gör i popuppen för att starta dialogen:

     <script>
          function Print(){document.body.offsetHeight;window.print()};
     </script>
</head>
<body onload="Print()">
     text
</body>
Visa signatur

citera!

Redigera
Citera flera Citera
Permalänk
Hedersmedlem ★
●

*Trådtiteln redigerad*

Tänk på att skapa trådtitlar som noga beskriver det du vill veta.

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

Använd javascript attributen innerHTML
EDIT: Jaha du vill skriva ut på papper?, va lite mer specifik nästa gång

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Använd ett speciellt stylesheet för printing. gör en ny rad och refferera till den style du vill skall användas när man printar sidan men skriv 'media="print"' Så används det angivna style-sheetet för printing. Då kan du i den nya stylesheeten använda "display:none" på alla element du inte vill skall synas vid utskrift. W3C rekomenderar denna lösning framför t. ex Javascritp eller andra omvägar.

Visa signatur

ozzed.net Min egenkomponerade 8-bit musik. Gillar du musiken från gamla klassiska NES eller Gameboy och liknande är det värt ett besök. :) Jag finns också på Spotify, Bandcamp, Jamendo, Youtube, och du kan även följa mig på Twitter och Facebook.
Vet du att du har fel? Signalera detta tydligt med Argumentationsfel och gärna Whataboutism.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Sorry var trött när jag skrev frågan. Jag skulle vilja att man endast kan skriva ut på sin skrivare innehållet i en div. Skall jag kolla lite på javascript då om jag vill kunna fixa till detta ?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av forcevision:

Sorry var trött när jag skrev frågan. Jag skulle vilja att man endast kan skriva ut på sin skrivare innehållet i en div. Skall jag kolla lite på javascript då om jag vill kunna fixa till detta ?

Gå till inlägget

Om du menar att användarna som besöker din sida och skriver ut den bara skall se innehållet i den div du valt på pappret dom skriver ut så funkar min lösning.

Om du menar att du som besökare på en sida skall kunna skriva ut från vilken div du vill så vet jag inte.

Visa signatur

ozzed.net Min egenkomponerade 8-bit musik. Gillar du musiken från gamla klassiska NES eller Gameboy och liknande är det värt ett besök. :) Jag finns också på Spotify, Bandcamp, Jamendo, Youtube, och du kan även följa mig på Twitter och Facebook.
Vet du att du har fel? Signalera detta tydligt med Argumentationsfel och gärna Whataboutism.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Precis vill att besökaren skall kunna skriva ut en speciell div på printern och se endast innehållet i diven på pappret. Ozzed förstår inte riktigt har du ett exempel på hur en sådan lösing ser ut som kod ?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Från min sida ser koden för refferensen till den vanliga stilmallen ut såhär:

"<link href="/stylesheet.css" rel="stylesheet" type="text/css"/>"

Det du gör är att lägga tll en till rad under som ser ut såhär:

"<link href="/stylesheetprint.css" rel="stylesheet" type="text/css" media="print"/>"

Alltså samma sak fast att du pekar på stylesheetprint.css eller vad du nu vill kalla den. och i den filen sätter du "display-type:none" på de element du inte vill skall visas.

Ett exempel skulle kunna vara om ditt vanliga stylesheet ser ut såhär:

---------------
.div1
{
diverse attribut
}

.div2
{
diverse attribut;
}
------------------

låt oss nu anta att du inte vill visa div2 vid utskrift. Då skriver du såhär i stylesheetprint.css

--------

.div1
{
diverse attribut
}

.div2
{
diverse attribut;
display:none
}
-------

Då visas inte div2 alls, men div1 kommer synas som vanligt. Gör en testsida först och testa lite tills du blir nöjd

Visa signatur

ozzed.net Min egenkomponerade 8-bit musik. Gillar du musiken från gamla klassiska NES eller Gameboy och liknande är det värt ett besök. :) Jag finns också på Spotify, Bandcamp, Jamendo, Youtube, och du kan även följa mig på Twitter och Facebook.
Vet du att du har fel? Signalera detta tydligt med Argumentationsfel och gärna Whataboutism.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Hmm... skall testa detta men bara genon och titta på det så tror jag inte det är så som jag menar. har en <div id="test">Detta vill jag endast skall skrivas ut</div> på skrivaren när jag klickar på tex skriv ut iconen i firefox. Sedan har jag massa andra divar som finns på samma sida som syns i webbläsaren men som inte skall med på det jag skriver ut.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av forcevision:

Hmm... skall testa detta men bara genon och titta på det så tror jag inte det är så som jag menar. har en <div id="test">Detta vill jag endast skall skrivas ut</div> på skrivaren när jag klickar på tex skriv ut iconen i firefox. Sedan har jag massa andra divar som finns på samma sida som syns i webbläsaren men som inte skall med på det jag skriver ut.

Gå till inlägget

Det innehåll du inte vill skall synas ser du till att ge attributet "display:none" i den css filen där "media" är angivet till "print", så syns bara de divar som inte har det attributet.

Visa signatur

ozzed.net Min egenkomponerade 8-bit musik. Gillar du musiken från gamla klassiska NES eller Gameboy och liknande är det värt ett besök. :) Jag finns också på Spotify, Bandcamp, Jamendo, Youtube, och du kan även följa mig på Twitter och Facebook.
Vet du att du har fel? Signalera detta tydligt med Argumentationsfel och gärna Whataboutism.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara