Drucken per js
Frauke
- javascript
Hallo liebe Leute,
beim klick auf ein Druckersymbol auf meiner Homepage soll eine bestimmte (html-)Seite gedruckt werden.
Dazu öffne ich mir zunächst eine neue Seite mit window.open, lade ein paar vom Benutzer ausgewählte Bilder (url) und setzte eine Art Legende (legende.html) darunter.
var url = opener.document.getElementById('kartenURL').value;
document.write('<img style="position:absolute; top:50px;" src="'+url+'">');
<iframe onload="window.print();" src="legende.html" height="100%;"></iframe>
Das Bild (<img>) wird korrekt gedruckt. Das darunter liegende iframe leider nicht. Bei height=100% kommt nur ein kleines Stück der legende.html raus. Bei z.B. 1000px kommt alles. Allerdings könnte es durchaus sein, dass es mehr Daten werden => 1000px reichen nicht. Wenns mehr Pixel werden kommt es aber vor das es nicht mehr alles auf eine A4-Seite passt. Der Rest wird einfach abgeschnitten.
Hilfe!
@@Frauke:
Das Bild (<img>) wird korrekt gedruckt. Das darunter liegende iframe leider nicht. Bei height=100% kommt nur ein kleines Stück der legende.html raus.
Dann druck doch Scrollbars mit aus! ;-)
Oder verzichte auf iframes.
Live long and prosper,
Gunnar
Oder verzichte auf iframes.
Wie soll ich sonst eine html-Datei + ein Bild drucken die beide dynamisch erzeugt werden und auch an anderer Stelle (getrennt von einander) benötigt werden?
Ich will diese nicht extra für's drucken doppelt anlegen sondern nur zusammenführen.
Frauke
Hi!
Oder verzichte auf iframes.
Wie soll ich sonst eine html-Datei + ein Bild drucken die beide dynamisch erzeugt werden und auch an anderer Stelle (getrennt von einander) benötigt werden?
Das verstehe ich nicht ganz: wie machst Du es denn jetzt 'dynamisch'?
Ich will diese nicht extra für's drucken doppelt anlegen sondern nur zusammenführen.
Das verstehe ich gar nicht!
off:PP
Hi,
Wie soll ich sonst eine html-Datei + ein Bild drucken die beide dynamisch erzeugt werden
wenn Deine legende.html serverseitig erzeugt werden sollte (was ich für wenig wahrscheinlich halte), dann kannst Du dort auch das Bild mit einfügen. Ansonsten kannst Du den Inhalt wie das Bild ja auch über document.write() in das Dokument schreiben.
freundliche Grüße
Ingo