Click here to Skip to main content
12,629,804 members (29,533 online)
Click here to Skip to main content
Add your own
alternative version

Stats

44.9K views
770 downloads
14 bookmarked
Posted

A JavaScript navigation toolbar

, 14 Feb 2004
Rate this:
Please Sign up or sign in to vote.
This navigation toolbar is implemented in JavaScript by DHTML.

Introduction

This is the first time I make a Toolbar control for Internet-Explore-based web applications. This toolbar acts as a menu for the visitor to navigate to the right page, by a user-friendly way.

Sample image

The features are as follows:

  • Two-level navigation toolbar.
  • Customizable title, image and onclick script.
  • Style sheet is used to define presentation.
  • Supports multiple controls on the same page.

Usage

To use the control, simply include webToolbar.js and webToolbar.css in your HTML file. Then, inside the element (body tag, div tag, etc.), place a script tag and build the control via an array. E.g.:

document.all["placeHolder"].innerHTML = 
   new ToolbarControl(myTools, 400, 100, 80, 300);

A demo of how to do this is inside the included zip file.

Implementation issues

  • a ToolbarControlHandler is used to maintain multiple controls.
  • the tag IDs are coded with ControlID (see makeTabID and makeToolsID)

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Share

About the Author

zlei12
Web Developer
China China
No Biography provided

You may also be interested in...

Comments and Discussions

 
GeneralHorizontal Pin
lije1318-May-05 0:43
memberlije1318-May-05 0:43 
GeneralOnly IE Pin
T.Haberkern15-Feb-04 21:12
memberT.Haberkern15-Feb-04 21:12 
GeneralRe: Only IE Pin
Seth Illgard6-Feb-07 16:53
memberSeth Illgard6-Feb-07 16:53 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.161205.3 | Last Updated 15 Feb 2004
Article Copyright 2004 by zlei12
Everything else Copyright © CodeProject, 1999-2016
Layout: fixed | fluid