»
EnglishFrenchVietnamese

Print - Print Selected Fields Only - JavaScriptBank.com

Full version: jsB@nk » Utility » Print Selected Fields Only
URL: http://www.javascriptbank.com/print-selected-fields-only.html

Print Selected Fields Only © JavaScriptBank.comSelect only the data you want to print. This JavaScript will then print it, along with a header. The rest of the page will be ignored.

Full version: jsB@nk » Utility » Print Selected Fields Only
URL: http://www.javascriptbank.com/print-selected-fields-only.html



CSS
<style type=text/css><!--@media print {  .DONTPrint{ display:none }  .DOCheck        { display:table}}--></style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script type="text/javascript">// Created by: Thony den Braber :: http://www.orangespirits.nlfunction select_row(row, color) {  if(row.parentNode.parentNode.style.backgroundColor != color) {    row.parentNode.parentNode.style.backgroundColor = color;    row.parentNode.parentNode.className = 'DOPrint'  } else {  row.parentNode.parentNode.style.backgroundColor = '';  row.parentNode.parentNode.className = 'DONTprint'  }}function mouseover(row, font_color, checkedcolor) {  if(row.style.color != checkedcolor) {    row.style.color = font_color;  }}function mouseout(row, font_color, checkedcolor) {  if(row.style.color != checkedcolor) {    row.style.color = font_color;  }}// --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<form>  <table width="219" border="0" cellpadding="0" cellspacing="0">    <tr>      <td width="24" align="center"> </td>      <td width="79" align="center"><strong>Name</strong></td>      <td width="68" align="center"><strong>Gender</strong></td>      <td width="38" align="center"><strong>Age</strong></td>    </tr>    <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'>      <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td>      <td>Arnold </td>      <td><div align="center">M</div></td>      <td><div align="center">45</div></td>    </tr>    <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'>      <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td>      <td>Garth</td>      <td><div align="center">M</div></td>      <td><div align="center">22</div></td>    </tr>    <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'>      <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td>      <td>Delia</td>      <td><div align="center">F</div></td>      <td><div align="center">24</div></td>    </tr>    <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'>      <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td>      <td>Johnny</td>      <td><div align="center">M</div></td>      <td><div align="center">65</div></td>    </tr>    <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'>      <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td>      <td>Mary</td>      <td><div align="center">F</div></td>      <td><div align="center">34</div></td>    </tr>    <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'>      <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td>      <td>Louise</td>      <td><div align="center">F</div></td>      <td><div align="center">18</div></td>    </tr>    <tr onmouseover="mouseover(this,'#cc6600','#cc6600');" onmouseout="mouseout(this,'#000000','#000000')" class='DONTPrint'>      <td><input type="checkbox" name="checkbox1" onclick="select_row(this, '#cccccc');"></td>      <td>Wayne</td>      <td><div align="center">M</div></td>      <td><div align="center">22</div></td>    </tr>  </table></form><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->