The JavaScript Source: Miscellaneous : Hide Items from View

Internet.commerce

Be a Commerce Partner

Great Sites

DocJavaScript.com
dhtml.com
The Freebie Directory
TheFreeSite.com

Browse Doc JS's Tips!

Promotions

Free Announcements

General

Do you need to hide items in a list? This script could be used for printing out a list of selected items. It can also be adapted for many other uses.

Select the ones you don't want to print:

Fender Stratocaster

Fender Telecaster

Fender Squier

Gibson Les Paul

Gibson SG

Martin D-28

Dean Dimebag Tribute

Ovation MOB47

Notes

Created by: Mr J
Web Site: http://www.huntingground.net/
Posted: December 18, 2006

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: hideList.js

// Taken from: http://www.webdeveloper.com/forum/showthread.php?t=131935

function hide(obj) {
  obj.style.display="none"
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="hideList.js"></script>

Body

Paste this code into the BODY section of your HTML document


<p>
Select the ones you <strong>don't</strong> want to print:</p>
<ol style="line-height: 1.3em;">
  <span style="color: blue; font-size: .8em;" onclick="hide(this)"><li>Fender Stratocaster</li></span>
  <span style="color: blue; font-size: .8em;" onclick="hide(this)"><li>Fender Telecaster</li></span>
  <span style="color: blue; font-size: .8em;" onclick="hide(this)"><li>Fender Squier</li></span>
  <span style="color: blue; font-size: .8em;" onclick="hide(this)"><li>Gibson Les Paul</li></span>
  <span style="color: blue; font-size: .8em;" onclick="hide(this)"><li>Gibson SG</li></span>
  <span style="color: blue; font-size: .8em;" onclick="hide(this)"><li>Martin D-28</li></span>
  <span style="color: blue; font-size: .8em;" onclick="hide(this)"><li>	Dean Dimebag Tribute</li></span>
  <span style="color: blue; font-size: .8em;" onclick="hide(this)"><li>Ovation MOB47</li></span>
</ol>