<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
var srcFrame;
//External content into a layer
function loadOuter(doc) {
srcFrame = document.getElementById("hiddenContent");
srcFrame.src = doc;
// workaround for missing onLoad event in IFRAME for NN6
if (!srcFrame.onload) {
setTimeout("transferHTML()", 1000)
}
}
function transferHTML(){
srcContent='';
if (srcFrame.contentDocument){
srcContent=srcFrame.contentDocument.getElementsByTagName("BODY")[0].innerHTML;
}
else if (srcFrame.contentWindow){
srcContent=srcFrame.contentWindow.document.body.innerHTML;
}
document.getElementById("outerDisplay").innerHTML = srcContent
}
var DocAry=new Array('Test.txt','Test2.txt');
function SelectList(v){
if (v>0){
loadOuter(DocAry[v-1]);
}
}
//-->
</script>
<INPUT TYPE="button" VALUE="Test.txt" onClick="loadOuter('Test.txt')" >
<INPUT TYPE="button" VALUE="Test2.txt" onClick="loadOuter('Test2.txt')" >
<br>
<select name="fred" size="1" onchange="SelectList(this.selectedIndex);">
<option >Select a List</option>
<option >List 1</option>
<option >List 2</option>
</select>
<div id="outerDisplay"></div>
<iframe id="hiddenContent" width="200" height="200" style="position:absolute;visibility:hidden;" ></iframe>
</body>
</html>
Test.txt
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Test2.txt
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
