Toon posts:

javascript: klein stukje van een pagina printen

Pagina: 1
Acties:
  • 117 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
Hallo,

Ik heb een website waar veel dingen opstaan zoals plaatjes. Nu heb ik per onderdeel een print functie, maar met javascript:window.print() print hij de hele pagina. Maar hij moet alleen de text uitprinten en dan onder die text extra tekst zetten zoals adres gegevens etc.

Kan ik dat doen met <div id "iets">
</div>

en dan met javascript dat gedeelte laten afdrukken met een button?

  • whoami
  • Registratie: December 2000
  • Laatst online: 23:40
Javascript hoort thuis in W&G, niet in P&W

https://fgheysels.github.io/


Verwijderd

Topicstarter
sorry hoor

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Je kunt een aparte stylesheet opgeven en dan op je IMG tags bijvoorbeeld display op none zetten. Dit komt er dan zo uit te zien:
code:
1
<link rel="stylesheet" media="print"....>

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 19-08 22:14

Bosmonster

*zucht*

Hidden iframe'pje met printversie?

(print-stylesheet is leuk, maar minder browsercompatible en vereist dus een aanpassing van je complete website-code)

[ Voor 64% gewijzigd door Bosmonster op 08-07-2003 13:11 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:02

crisp

Devver

Pixelated

met een div kom je er niet; wat je wel kan doen is de te printen gegevens in een apart frame (eventueel hidden) zetten, of een popup, en dan window.print() in dat frame/popup uitvoeren.

Een andere mogelijkheid is nog een apart stylesheet voor printen waarin je aangeeft dat bepaalde onderdelen niet, en andere juist wel geprint moeten worden.

edit: ben ik nou echt zo traag? :P

[ Voor 6% gewijzigd door crisp op 08-07-2003 13:11 ]

Intentionally left blank


Verwijderd

Niet helemaal supernetjes, maar het werkt wel.
JavaScript:
1
2
3
4
5
6
7
8
9
function printInhoud( oObj ) {
    var PrintWin = window.open();
    with(PrintWin.document) {
        open();
        write(oObj.innerHTML);
        close();
    }
    PrintWin.print();
}

HTML:
1
2
3
4
5
6
7
<div onclick="printInhoud(this);">
    <h1>Jaja</h1>
    <p>
        Dit gaat ie gewoon lekker
        allemaal printen!
    </p>
</div>

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 19-08 22:14

Bosmonster

*zucht*

Zet er dan een self.close() achter en open het venster klein, dan is het een prima alternatief imho.
Pagina: 1