Main Menu

© 2007  WebStudioHelp.net & SunsetFX.com          All Rights Reserved Worldwide     
No images, graphics or text on this site may be reproduced without the written permission of WebStudioHelp.net
'Back to the Beach',  'Web Studio' and all content accessed through the Web Studio Forums are Copyright Back to the Beach Software and Web Studio.
Examples listed are with permission.

Design Aspects

DynamicDrive Drop-Down Document Viewer II 

This script:
-  Uses text links to allow your visitors to select/ view external documents from your site.
-  You can specify whether the selected page is loaded in an inline frame or new window. The example shown below is in an inline frame.

WebStudioForum.com | SunsetFX.com | ABC News | BBC UK News

*Available at DynamicDrive.com*

How to Prepare:
-  Insert an HTML Object on your page.
-  Paste this code into it:

Code:
<!--CHANGE LINKS BELOW TO YOUR OWN-->
<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">
<!--

//Drop-down Document Viewer II- Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com

//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=0
//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown
var iframecode='<iframe id="external" style="width:95%;height:400px" src="http://www.yahoo.com"></iframe>'

/////NO NEED TO EDIT BELOW HERE////////////

if (displaymode==0)
document.write(iframecode)

function jumpto(inputurl){
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=inputurl
else if (document.all&&displaymode==0)
document.all.external.src=inputurl
else{
if (!window.win2||win2.closed)
win2=window.open(inputurl)
//else if win2 already exists
else{
win2.location=inputurl
win2.focus()
}
}
}
//-->
</script>

Example:

Changes You Can Make:
-  The links displayed - use the same format as listed in the code for displaying links. You can add more as needed.
-  The height of the window - the example below is set at 400 pixels.
-  The width of the HTML Object - the example below uses an HTML Object at 850 pixels wide to help reduce the horizontal scrollbar on most sites.
NOTE: Using this method (the HTML Object), some sites display a scrollbar even when the width is set well beyond what should be needed (1000+ pixels). This seems to happen primarily in IE, but not in Firefox, Mozilla, etc.

aaaaaaaaaaaaiii