Printe bestemt billede
HejJeg har fundet følgende .js-fil som gør at jeg kan printe lige præcis det billede jeg ønsker ved klik på en knap. Men er der nogen som kan se hvorfor at jeg får billedet 2 gange ved brug af denne funktion.
Funktion åbner altså et pop-up vindue hvor billedet er to gange og så kan man printe.
PRINT BILLEDE FUNKTION (.js-fil)
function PrintDocument(id) {
var pr = window.print?true:false;
var printAreas = new Array();
var count = 0;
var pagedivs = document.getElementsByTagName("div");
for(i=0;i<pagedivs.length;i++) {
if (pagedivs[i].getAttribute("printID") != null) {
if (!id) { // print all
printAreas[count] = pagedivs[i];
count++
} else if (pagedivs[i].getAttribute("printID")==id && pagedivs[i].style.display != "none") { // print only specified id
printAreas[count] = pagedivs[i];
count++;
}
} else {
}
}
if (printAreas.length == 0) { // Did not find anything to print.
alert("Nothing to print!");
return;
}
// printdocument header
var sStart = "<html><head></head><body class='Print'><br><br>";
// printdocument footer
var sEnd = "</body></html>";
// set printwindow size;
var wWidth = 720;
var wHeight = (screen.height > 0) ? screen.height-200 : 500;
var wTop = 50;
var wLeft = (screen.width > 0) ? (screen.width-wWidth)/2 : 100;
var browser = window.open('','printWin','top='+wTop+',left='+wLeft+',width='+wWidth+',height='+wHeight+',menubar=yes,scrollbars=yes,toolbar=yes');
browser.document.writeln(sStart);
for (i=0;i<printAreas.length;i++) {
browser.document.writeln(printAreas[i].innerHTML ) ;
}
browser.document.writeln(sEnd);
browser.document.close();
if (pr) {
browser.print();
browser.close();
}
}
HER ER KODEN TIL MIT PRINT-KNAP
<img src="print_button.gif" width="19" height="18" align="bottom" alt="Klik for at printe billedet" onclick="java script:PrintDocument('billede');">
BILLEDE SOM SKAL PRINTES
<div printID="billede">
<img src="billede.gif" width="390" height="245" align="bottom" alt="Klik for fuld størrelse">
</div>
