Avatar billede vippefyr Nybegynder
15. december 2006 - 22:43 Der er 8 kommentarer

Udskrive med CSS

Hej davs.

Jeg er løbet ind i et lille problem, som jeg håber at i kan hjælpe mig med.
Jeg er ved at lave mig en ny hjemmeside hvor jeg bruger CSS og har i den forbindelse et problem. Jeg ville gerne kunne udskrive kun en den af siden og jeg har da også lvet det meste af det, så det skulle kunne lykkes.

Men men, jeg vil gerne bruge ”Print Media” til at udskrive med, men ved ikke hvordan jeg skrive den ”linie”, der gør at jeg kan udskrive.

Altså forbindelsen imellem CSS-filen og der hvor jeg klikker med musen på siden, for at udskrive.

Dette er her jeg lavet til ud, håber det er godt nok:


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


#topbar        {
    display:none;
}

#menublok        {
    display:none;
}

#indhold    {
    padding:10px;
    font-family:'Times New Roman','Arial',sans-serif;
}
Avatar billede vippefyr Nybegynder
15. december 2006 - 22:44 #1
Venlig Hilsen
Morten
Avatar billede jowii Nybegynder
15. december 2006 - 23:21 #2
Hvis jeg har opfattet dit spørgsmål rigtigt, så er det med javascript.
<a href="java script:window.print()">Print</a>
Avatar billede jowii Nybegynder
15. december 2006 - 23:24 #3
Eller i html delen - body:
<a href="java script: PrintForside()">Udskriv denne side</a>

Og i head-delen et javascript, der eksempelvis lyder sådan:
<script type="text/javascript">
<!--
function PrintForside() {
if(document.all){
print();
}else {
window.print();
}
}
//-->
</script>
Avatar billede olebole Juniormester
18. december 2006 - 13:38 #4
<ole>

jowii >> Alle variabler og funktioner ligger som properies på window-objektet. Når du kalder en funktion, kalder du altså implicit med: window.FUNKTIONS_NAVN() - og det gælder i alle browsere.

Din funktion kan altså skrumpes ind til:

function PrintForside() {
  print();
}

vippefyr >> CSS er et sprog uden funktionalitet. Sproget bruges til at 'udklæde' HTML-elementer med og anbringe dem på siden - men du kan under ingen omstændigheder printe via CSS.

Mon ikke du tænker på, at du kan formatere til skærm henholdsvis til print:
    http://www.w3.org/TR/CSS21/media.html

/mvh
</bole>
Avatar billede jowii Nybegynder
18. december 2006 - 14:36 #5
Okay Olebole, som sagt tidligere er jeg ikke særlig vidende i javascript - koden jeg tog har jeg testet tidligere, og lavede just en copy-paste :-)
Avatar billede olebole Juniormester
18. december 2006 - 14:52 #6
window.alert( "Helt okay ... jeg giver dig bare forklaringen" );  ;o)
Avatar billede jowii Nybegynder
18. december 2006 - 15:41 #7
"Tak for det" :-)
Avatar billede vippefyr Nybegynder
29. december 2007 - 01:00 #8
Lukker for svar
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester