[Tutorial] Combo-Box Viewer

Grafix · Fri Mar 28, 2014 7:26 am

Management Team

Status :

Im Watching You Spammer :)

Posts :

1596

Posted Sat Feb 22, 2014 11:29 am

Author : Dynamic Drive

Description: Looking for a "contractible" way to display content on your page that's easy to implement as well? The Combo-box Viewer script allows users to selectively view HTML content on your page via the SELECT menu. It comes with the following "convenience" features:

Uses CSS to control the appearance of the viewing area (for easy customization).
Each participating HTML content is added directly onto the page inside special
tags instead of JavaScript variables, making it a breeze to add and remove content.
Script works in IE4+, NS6+, and Opera 7+.
Script degrades well in non supporting browsers such as NS4, where the user will simply see all the content to begin with.

Live Demo :

[You must be registered and logged in to see this link.]

Configuring the script

Configuration of this script takes part mainly in the code of Step 2. Firstly, change the menu OPTIONs inside the form to match the titles of the participating content. Then, all that's left is to embed each piece of content inside the designated

tag. Such a

tag looks like:

For each additional content you add, be sure to increment "dropmsg0", for example, "dropmsg1", "dropmsg2" etc.

Last edited by Joseph on Mon Apr 14, 2014 3:59 am; edited 3 times in total