Home arrow JavaScript arrow Controllable Navigation Bars with JavaScript, Part II
JAVASCRIPT

Controllable Navigation Bars with JavaScript, Part II


In the first article, we developed a simple JavaScript function that performs the task of hiding and showing a side bar within a Web document. In this article, we will clean up our code to deal with potential browser incompatibilities.

Author Info:
By: Alejandro Gervasio
Rating: 4 stars4 stars4 stars4 stars4 stars / 12
March 28, 2005
TABLE OF CONTENTS:
  1. · Controllable Navigation Bars with JavaScript, Part II
  2. · Dealing with those details
  3. · Cleaning up the CSS styles
  4. · JavaScript to the rescue: the improved "switchBar()" function

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Controllable Navigation Bars with JavaScript, Part II
(Page 1 of 4 )

Introduction

Welcome to the second part of the series "Controllable navigation bars with JavaScript." In first article in this series, we briefly referred to the wide gamut of techniques often present in websites aimed primarily at boosting interactivity with users, while trying to expand capabilities beyond the limits of conventional HTML. In particular, we focused our attention to side navigation bars, giving users the possibility of hiding or displaying them in turn, and making the page's main content area much larger, and thus viewed more easily.

If you feel that mysterious "deja vu" sensation when you're reading  these lines, it's probably because you've seen this technique used hundreds of times in several popular software applications. The first example that comes quickly to my mind is Macromedia's Flash and Dreamweaver programs, featuring stretching panels. Also worth noting is the file-browsing tab of Adobe Photoshop. Undoubtedly you'll want to add your own examples to the list.

Having said that, all of these little details, when utilized properly, contribute to improving the usability of Web pages. If we think of it that way, it's great when we can do something to make our sites more usable without putting in hours of effort. I firmly believe that it's worth looking at these techniques. Just keep reading.


blog comments powered by Disqus
JAVASCRIPT ARTICLES

- More Top jQuery Plugins for Menus
- Top jQuery Tutorials for Beginners
- New UI Framework and SDK for JavaScript Rele...
- JavaScript OpenPGP Tool, Node.js 0.6.3 Avail...
- Yahoo Releases Cocktails Language and Develo...
- Customizing jQuery Slideshows: Dynamic Contr...
- Customizing jQuery Slideshows: the animate()...
- Customizing jQuery Slideshows: slideUp() and...
- Customizing jQuery Slideshows: hide() and sh...
- Web Workers: Performing Calculations in Para...
- More Top JavaScript Frameworks and Libraries
- More Dynamic jQuery Styling Techniques
- The Top JavaScript Libraries
- The Top JavaScript Frameworks
- Dynamic jQuery Styling

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 8 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials