Free JavaScript utility: Print all images at once

» home
» contact
» terms of use

FREE SCRIPTS

» new
» text
» image
» utility
» background
» animation
» date/time

FREE ONLINE TOOLS

» code generators
» text animator
» drawing animator
» color animator
» slideshow factory
» javascript speed test

FREE BASIC SNIPLETS

» alert box
» image: multi-rollover
» pop-up: centering
» more

FREE'N'CRAZY

» realtime death counter
» eyeQ
» fun ticker

RECOMMENDED LINKS

» www.dynamicdrive.com
» www.hotscripts.com

JavaScript utility: Print all images at once
his tiny JavaScript displays all images of a webpage and prints them all without anything else. Very easy installation and configuration. Internet Explorer 5x/6x/7x/8x, Firefox 2x/3x/4x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x.

Test the script
Print all the images of this page

Configuration
Step 1: Paste the following code between the <head> and </head> section of your webpage:

<SCRIPT>
// CREDITS:
// Print all messages 
// by Peter Gehrig 
// Copyright (c) 2010 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.fabulant.com

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.fabulant.com on the webpage 
// where this script Script will be running.

// Set the message above the images
var myheadline="My Pictures"

// width of popup-window
var popupwidth=300

// height of popup-window
var popupheight=600

// Do not edit below this line
var imagestag
var thistext
var imagenr
var newtext

function openprintwindow(){
	imagestag=document.getElementsByTagName('img');
	imagenr=imagestag.length;
	var printwindow=window.open("","emptypage","width="+popupwidth+",height="+popupheight+",scrollbars=yes")
	printwindow.document.write("<html>")
	printwindow.document.write("<head>")
	printwindow.document.write("<title>Print all images</title>")
	printwindow.document.write("<body onload='window.print()'>")
	printwindow.document.write("<font face=Arial size=1>"+myheadline+"<b><br><br>")
	printwindow.document.write("<table>")
	for (var i=0;i<imagenr;i++){
		printwindow.document.write("<tr><td>")
		printwindow.document.write("<img src='"+imagestag[i].src+"'>")
		printwindow.document.write("</td></tr>")
	}	
	printwindow.document.write("</table>")
	printwindow.document.write("</body>")
	printwindow.document.write("</html>")	
	printwindow.document.close()
	printwindow.focus()
}
</SCRIPT>

Step 2: Open your webpage and add a link like this:

<A HREF="javascript:openprintwindow()">Print all the images of this page</A>