Refactor
:my
=>
'code'
Codes
Refactorings
Popular
Best
Submit
Spam
Account
Logout
Login
JavaScript doesn't seem to be activated, expect things to be ugly and sloppy!
More Jobs
Recent
Cheap ruby block templating
Bindings on caller
Initial script execution very slow and skewing results
suppress ERB newlines
Keeping the database clean
Arrays, loops, strings...
Similar virtual attributes and their getters/setter
Check type is XML Serializable
Serena Collage slideshow
Shortest regular expression for matching a subdomain.
Popular
Caching Methods
How to find max, min of three numbers?
Similar virtual attributes and their getters/setter
Shortest regular expression for matching a subdomain.
Arrays, loops, strings...
Cheap ruby block templating
Check type is XML Serializable
Bindings on caller
Apache log file sorting
Tab-Switching in jQuery
Pastable version of
print an image
<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8"> <div class="section"> <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64</pre> <pre class="sunburst"><span style="color:#E28964;"><</span>html<span style="color:#E28964;">></span> <span style="color:#E28964;"><</span>head<span style="color:#E28964;">></span> <span style="color:#E28964;"><</span>title<span style="color:#E28964;">></span>Print <span style="color:#9B859D;">Image</span> Only<span style="color:#E28964;"><</span>/title<span style="color:#E28964;">></span> <span style="color:#E28964;"><</span>script<span style="color:#E28964;">></span> <span style="color:#99CF50;">function</span> <span style="color:#89BDFF;">makepage</span>(<span style="color:#3E87E3;">src</span>) { <span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">//</span> We break the closing script tag in half to prevent</span> <span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">//</span> the HTML parser from seeing it as a part of</span> <span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">//</span> the *main* page.</span> <span style="color:#E28964;">return</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span><html><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span><head><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span><title>Temporary Printing Window</title><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span><script><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span>function step1() {<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span> setTimeout('step2()', 10);<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span>}<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span>function step2() {<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span> window.print();<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span> window.close();<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span>}<span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span></scr<span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span>ipt><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span></head><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span><body onLoad='step1()'><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span><img src='<span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> src <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span>'/><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span></body><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span> <span style="color:#E28964;">+</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span></html><span style="color:#DDF2A4;">\n</span><span style="color:#65B042;">"</span></span>; } <span style="color:#99CF50;">function</span> <span style="color:#89BDFF;">printme</span>(<span style="color:#3E87E3;">evt</span>) { <span style="color:#E28964;">if</span> (<span style="color:#E28964;">!</span>evt) { <span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">//</span> Old IE</span> evt <span style="color:#E28964;">=</span> <span style="color:#9B859D;">window</span>.<span style="color:#9B859D;">event</span>; } <span style="color:#99CF50;">var</span> image <span style="color:#E28964;">=</span> evt.<span style="color:#CF6A4C;">target</span>; <span style="color:#E28964;">if</span> (<span style="color:#E28964;">!</span>image) { <span style="color:#AEAEAE;font-style:italic;"><span style="color:#AEAEAE;font-style:italic;">//</span> Old IE</span> image <span style="color:#E28964;">=</span> <span style="color:#9B859D;">window</span>.<span style="color:#9B859D;">event</span>.srcElement; } src <span style="color:#E28964;">=</span> image.<span style="color:#CF6A4C;">src</span>; link <span style="color:#E28964;">=</span> <span style="color:#65B042;"><span style="color:#65B042;">"</span>about:blank<span style="color:#65B042;">"</span></span>; <span style="color:#99CF50;">var</span> pw <span style="color:#E28964;">=</span> <span style="color:#9B859D;">window</span>.<span style="color:#DAD085;">open</span>(link, <span style="color:#65B042;"><span style="color:#65B042;">"</span>_new<span style="color:#65B042;">"</span></span>); pw.<span style="color:#9B859D;">document</span>.<span style="color:#DAD085;">open</span>(); pw.<span style="color:#9B859D;">document</span>.<span style="color:#DAD085;">write</span>(makepage(src)); pw.<span style="color:#9B859D;">document</span>.<span style="color:#DAD085;">close</span>(); } <span style="color:#E28964;"><</span>/script<span style="color:#E28964;">></span> <span style="color:#E28964;"><</span>/head<span style="color:#E28964;">></span> <span style="color:#E28964;"><</span>body<span style="color:#E28964;">></span> <span style="color:#E28964;"><</span>h1<span style="color:#E28964;">></span>Print <span style="color:#9B859D;">Image</span> Only<span style="color:#E28964;"><</span>/h1<span style="color:#E28964;">></span> When you click on the image below, just the image should print. And the temporary <span style="color:#9B859D;">window</span> used <span style="color:#E28964;">in</span> the process should go away afterwards, whether you allow the print operation to go ahead or not. <span style="color:#E28964;"><</span>p<span style="color:#E28964;">></span> <span style="color:#E28964;"><</span>noscript<span style="color:#E28964;">></span> <span style="color:#E28964;"><</span>b<span style="color:#E28964;">></span>You have JavaScript turned off.<span style="color:#E28964;"><</span>/b<span style="color:#E28964;">></span> So <span style="color:#3E87E3;">this</span> won<span style="color:#65B042;"><span style="color:#65B042;">'</span>t work.</span> <span style="color:#65B042;">That is to be expected.</span> <span style="color:#65B042;"></noscript></span> <span style="color:#65B042;"><p></span> <span style="color:#65B042;"><img src="http://www.boutell.com/boutell/images/fortune.jpg" onClick="printme(event)"/></span> <span style="color:#65B042;"></body></span> <span style="color:#65B042;"></html></span> </pre> </div> </div> <a href="http://refactormycode.com/codes/197-print-an-image" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://refactormycode.com/images/small_logo.gif" style="border:0" /></a>