Kan man styra på en "Skriv ut" knapp vad som skall komma med när man skriver ut?
Skriva ut en del av sida
7 svar · 2 026 visningar · startad av Wibbskii
du kan själv markera och välja skriv ut markerad... annars kan du köra @media print och dölja de element du inte vill skall följa med vid utskrift:
Du kan använda CSS och en media query för att styla innehåll specifikt vid utskrift.
Exempel för att dölja en print-länk vid utskrift:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.utskrift { color: #ff0000; }
@media print {
.utskrift { display: none; }
}
</style>
</head>
<body>
<h1>Rubrik</h1>
<p>
Brödtext<br />
<a href="javascript:window.print()" class="utskrift">Skriv ut</a>
</p>
</body>
</html>
Du kan också ha en separat css-fil för utskrift genom att ange media i link-taggen.
<link rel="stylesheet" href="print.css" media="print" />
Tack
Så då måste man dölja allt annat när besökaren klickar på print. Inte säga att när besökaren klickar på just denna print knappen skall bara detta skrivas ut?
print gäller vid vilken utskrift som helst (window.print() och "skriv ut" i själva webbläsaren)
Jo men jag menar att om man kan välja att tex div med id="print1" skall skrivas ut när man klickar på en knapp som man gjort själv som heter "print1"
Jag har en hel sida med massor av utbildningar och funderar på att lägga en "Skriv ut" knapp vid varje utbildning och då skall bara just den utbildningen skrivas ut.
Nej, det går tyvärr inte (inte i alla fall för samtliga webbläsare) om du behöver det, skapa upp en ny sida som kör print() direkt när webbsidan har läst in?
Ja det kanske är ett alternativ. Eller så skrotar jag tanken på den funktionen ;)