Dynamic Drive DHTML code library!

spacer.gif (807 bytes)


Search DD
Recommend DD
Help Forums New
DHTML books

Featured Script
Rollover buttons 

Turn regular form buttons into rollover menus with this script!


Free JavaScripts

Link to DD

Do you use scripts from Dynamic Drive? Please give something back by linking to us...
spacer.gif (807 bytes)

Home Small4.gif (1046 bytes) User and System Preference Small4.gif (1046 bytes) Here

Add to NS6 Sidebar Script NS6

Credits: dynamicdrive.com

Description: NS6 comes with a unique component called the Sidebar, which is essentially a looming left frame that can contain content from various web sites- including yours- that the surfer chooses to subscribe to. Use the below script to enable this feature on your site, whererby the visitor can add a webpage from your site (and of your selection) to his/her SideBar. A great way to maintain constant connection with your visitors, not to mention drive traffic, as the Sidebar is accessible as long as the browser is open.

Demo: Click the below button (NS6 users) to add our custom sidebar page to your browser:

Directions: Developer's View

Simply add the below code to the <body> section of your page:

You'll also want to copy the below image (right click and select "Save As"):

Configuring the script

The sidebar script simply adds a webpage- any webpage- residing on your site to the SideBar of NS6. The browser then requests this webpage from your server everytime the visitor asks to view it from the bar. There is nothing fancy or complicated about the concept, unlike perhaps Channels of IE.

Configuration of this script to suit your site, then, comes in two parts:

1) Create the webpage to be used for the sidebar
2) Specify the URL to this page inside the script above (see documentation inside)

For example, the webpage we used for this purpose is ns6side.htm Study it, dissect it, and realize it's just a regular page. One thing to take note is that all links contained inside have target set to "_content", such as:

<a href="index.html" target="_content">Dynamic Drive</a>

Repeat this for your links so they load in the main browser window.

Think simple, for that's all there is to it :)

Recommend Us!
-If you like Dynamic Drive, please recommend us to a friend...

All- Script works with Netscape 4 AND Internet Explorer 4+
NS- Indicates script works with Netscape 4 (NOT NS 6 yet)
IE- Indicates script works with Internet Explorer 4 and above
NS6!- Temporary index set up on script category pages to indicate script works in NS6

Copyright 1998-2004 Dynamic Drive. Please read Terms Of Use here before using any of the scripts.
Partners: JavaScript Tutorials | JavaScript Reference