Dynamic Drive DHTML Script- Drop-down Document Viewer

New Revised CSS Library Forums Web Tools

Drop-down Document Viewer

Author: Dynamic Drive

Description: Use this versatile DHTML script 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>.

Directions

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

Select All
<form name="jumpy"> <select name="example" size="1" onChange="gone()">  <option value="http://www.yahoo.com" selected>Yahoo.com</option> <option value="http://www.google.com">Google</option> <option value="http://www.lycos.com">Lycos</option> <option value="http://www.AltaVista.com">AltaVista</option> </select> <input type="button" name="test" value="Go!" onClick="gone()"> </form> <script language="javascript">  </script>

Please refer to comments inside script to configure it. As mentioned, you can easily specify whether the external documents are loaded in an inline frame, or new window (aren't we nice?).