Selective printing

Separate CSS rules assigned to print media type, helps printing designated parts.


<style type="text/css" media="print">
body *, a.no-print { display: none; }
.print, .print * { display: block; }
</style>
  
<script type="text/javascript">
function print_parent(element)
{
  element.parentNode.className = 'print';
  window.print();
  element.parentNode.className = '';
  return false;
}
</script>

<div>
	<p>The quick brown fox jumps over the lazy dog</p>
	<a class="no-print" href="#" onclick="return print_parent(this)">Print</a>
</div>

<div>
	<p>Съешь ещё этих мягких французских булок, да выпей же чаю</p>
	<a class="no-print" href="#" onclick="return print_parent(this)">Print</a>
</div>

<div>
	<p>Pijamalı hasta, yağız şoföre çabucak güvendi</p>
	<a class="no-print" href="#" onclick="return print_parent(this)">Print</a>
</div>

photo is a part of the Alpha Orionis and does freelance too.

I recommend

Freakonomics Getting Things Done Getting Real Steve Krug: Don't make me think

I'm using

Mac Coda RoR

Hosting is kindly provided by