login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Printen van inhoud div

Offline Brycer - 03/07/2005 21:59
Avatar van BrycerHTML interesse Hallo, ik heb een vraagje.
Ik wil een link of button maken waarmee je alléén de inhoud van een div uitprint en niet de hele pagina.
Bestaat deze code?
En zo ja, wat is die?:p

Alvast bedankt!:D
Nathan.

7 antwoorden

Gesponsorde links
Offline Ontani - 03/07/2005 22:07 (laatste wijziging 03/07/2005 22:09)
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 ja een apparte css toevoegen waar alles behalve die ene div op block: none staat

<link href="style/css.css" rel="stylesheet" type="text/css" />
<link href="style/print.css" rel="stylesheet" type="text/css" media="print"/>
Offline Brycer - 03/07/2005 22:07 (laatste wijziging 03/07/2005 22:34)
Avatar van Brycer HTML interesse Het lukt niet, kan iemand een voorbeeldje geven?:s


Niemand?
Offline cracker - 03/07/2005 22:34 (laatste wijziging 03/07/2005 22:34)
Avatar van cracker Onbekend Ik ben aan het zoeken of je het volgende niet kan doen...
php code - Bekijk de code zonder highlighting - Klap code in 
  1. object.print();
Offline Fenrir - 03/07/2005 22:34
Avatar van Fenrir PHP expert als dit je div is:

<div class="print">tekst</div>

dan doe je dat zo:

CSS:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. @media print
  2. {
  3. * {
  4. display: none;
  5. }
  6.  
  8. {
  9. display: block;
  10. }
  11. }
Offline Brycer - 03/07/2005 22:36 (laatste wijziging 03/07/2005 23:01)
Avatar van Brycer HTML interesse Bedankt, maar kan iemand een volledig voorbeeldje maken?
Dus met div en een link om te printen?
BvD NathaN
Offline Ontani - 04/07/2005 01:46
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Untitled Document</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <style type="text/css">
  7. <!--
  8. body,html {
  9. 	height: 100%;
  10. 	width: 100%;
  11. 	margin: 0px;
  12. }
  13.  
  14. .head {
  15. 	background-color:#0000CC;
  16. 	color: #FFFFFF;
  17. 	height: 200px;
  18. 	width: 100%;
  19. 	margin: 0px;
  20. 	padding: 0px;
  21. }
  22.  
  23. .body {
  24. 	background-color: #990000;
  25. 	color: #FFFFFF;
  26. 	height: 500px;
  27. 	width: 100%;
  28. 	margin: 0px;
  29. 	padding: 0px;
  30. }
  31.  
  32. .footer {
  33. 	background-color:#99FF99;
  34. 	color: #000000;
  35. 	height: 100px;
  36. 	width: 100%;
  37. }
  38. -->
  39. </style>
  40.  
  41. <style type="text/css" media="print">
  42. <!--
  43. .body {
  44. 	background-color:#FFFFFF;
  45. 	color:#000000;
  46. 	font-family:Arial, Helvetica, sans-serif;
  47. 	font-size:12px;
  48. }
  49.  
  50. .head {
  51. 	display: none;
  52. }
  53.  
  54. .footer {
  55. 	display: none;
  56. }
  57. -->
  58. </style>
  59. </head>
  60.  
  61. <body>
  62. <div class="head"> head Text</div>
  63. <div class="body"> body Text</div>
  64. <div class="footer"> footer Text</div>
  65. </body>
  66. </html>


gebruik dat eens als voorbeeld.

bekijk het gewoon in je browser dan zie je een head, body en een footer druk daarna eens op print-preview en check dan eens wat je ziet
Offline Brycer - 04/07/2005 11:27
Avatar van Brycer HTML interesse geweldig, dankje^^
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.249s