Print-Button onDoubleClick - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Print-Button onDoubleClick

Lots of your visitors don't know how to print your great pages. This script will help them. They just have to doubleclick anywhere on your webpage and a printbutton will appear. After printing they just have to doubleclick again and the printbutton will disappear.


Insert into <HEAD>
<script> <!-- Beginning of JavaScript - // CREDITS: // Print-Button onDoubleClick by Urs Dudli and Peter Gehrig // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.ch. // info@24fun.ch // 1/31/2000 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a link to http://www.24fun.ch on the webpage // where this script will be running. // INSTRUCTIONS: // Copy the script and paste it into your website. // Copy the <div>-block called "printpic" and paste it at the end // of the body tag. // Copy the printer311.gif and put it in the same directory as the script. var showmenu=1 if (document.layers) { document.captureEvents(Event.ONDBLCLICK); } document.ondblclick=dblclick; if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY } function dblclick() { if (document.all && showmenu==1) { document.all.printpic.style.posLeft=x document.all.printpic.style.posLeft=x document.all.printpic.style.posTop=y } if (document.layers && showmenu==1) { document.printpic.left=x document.printpic.left=x document.printpic.top=y } if (document.all && showmenu!=1) { document.all.printpic.style.posLeft=x-10000 } if (document.layers && showmenu!=1) { document.printpic.left=x-10000 } showmenu=showmenu*-1 } // - End of JavaScript - --> </script>

Insert into <BODY>
<div id="printpic" style="position:absolute;top:20px;left:-10000px;visibility:visible;"><a href="#" onClick="window.print()"><img src="printer311.gif" border=0 alt="print this page"></a><br></div>

Other Options