Avatar billede compac Seniormester
11. november 2005 - 12:04 Der er 7 kommentarer og
1 løsning

udprintning af billede

Jeg har en hjemmeside, hvor der er et billede, som jeg ønsker at brugerne skal kunne printe ud ved at trykke på et printersymbol.
Hvordan bærer jeg mig ad med det?
Avatar billede Slettet bruger
11. november 2005 - 12:21 #1
De kan ikke nøjes med at printe billedet ud hvis der er adet indhold på siden. Ikke automatisk i det mindste.

Åbner du billedet i et popup vindue kan du bare lave en onload="window.print()"
Avatar billede jokkejensen Novice
11. november 2005 - 12:27 #2
Det er lettere at lave endnu et stylesheet, hvor du gemmer det du ikke vil have på dit print med display:none;

Altså lave et stylesheet hvor kun billedet er synligt, og ligge det med media="print", så vil det kun blive brugt når der printes...

http://www.w3.org/TR/REC-CSS2/media.html
Avatar billede compac Seniormester
11. november 2005 - 13:10 #3
Jeg har ikke meget begreb om CSS. Kan I hjælpe med at tilføje det nødvendige til min primitive fil:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>Billedprint</title>
  </head>
  <body
  <img src="billedfil.jpg">
  <p>
  <p>
  <img src="print-ikon">
  </body>
</html>
Avatar billede Slettet bruger
11. november 2005 - 13:20 #4
<img src="billedfil.jpg" onclick="window.print()">
Avatar billede roenving Novice
13. november 2005 - 01:36 #5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <style type="text/css">
    @media print{
      *{display:none;}
      #pic{display:inline;}
    }
  </style>
  <title>Billedprint</title>
  </head>
  <body>
  <img src="billedfil.jpg" id="pic">
  <p>
  <p>
  <img src="print-ikon" onclick="window.print();">
  </body>
</html>
Avatar billede roenving Novice
13. november 2005 - 01:37 #6
Argh:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
  <style type="text/css">
    @media print{
      *{display:none;}
      #pic{display:inline;}
    }
  </style>
  <title>Billedprint</title>
  </head>
  <body>
  <img src="billedfil.jpg" id="pic">
  <p>
  <p>
  <img src="print-ikon" onclick="window.print();">
  </body>
</html>
Avatar billede jokkejensen Novice
21. marts 2006 - 19:55 #7
brugte du min løsning ?

Mvh
Avatar billede compac Seniormester
23. maj 2006 - 16:49 #8
Desværre nej, det blev Roenving's
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