Dynamic Drive DHTML Script- Drop-down Document Viewer II

New Revised CSS Library Forums Web Tools

Drop-down Document Viewer II

Author: Dynamic Drive

Description: Version II of the original drop down document viewer, this script uses text links to allow your visitors to select/ view external documents from your site. Specify whether the selected page is loaded in an inline frame or new window.

Demo: In demo, selected pages are configured to load in an inline frame (for IE4+ and NS6+). Note that in NS4-, the pages are simply launched in a new window, since the browser does not support <iframe>.

CNN.com | MSNBC | ABC News | BBC UK News

Directions

Step 1: Simply add the following to the BODY section of your page

Select All
 <a href="javascript:jumpto('http://www.cnn.com')">CNN.com</a> | <a href="javascript:jumpto('http://www.msnbc.com')">MSNBC</a> | <a href="javascript:jumpto('http://www.abcnews.com')">ABC News</a> | <a href="javascript:jumpto('http://news.bbc.co.uk')">BBC UK News</a> <script language="javascript">  </script>

As shown inside the code above, links for the script should be set up using the syntax:

<a href="javascript:jumpto('http://www.cnn.com')">CNN.com</a>