Version 1 (opens up in the parent window):
Version 2 (opens up in pop-up window):
Source code:
Between the <head> </head> tags:
<script language="JavaScript">
<!--
function openWindow1() {
popupWin = window.open('remote1.htm', 'remote', 'width=300,height=200')
}
// done hiding -->
</script>
<script language="JavaScript">
<!--
function openWindow2() {
popupWin = window.open('remote2.htm', 'remote', 'width=300,height=200')
}
// done hiding -->
</script>
<script language="JavaScript">
<!--
function openWindow3() {
popupWin = window.open('remote3.htm', 'remote', 'width=300,height=200')
}
// done hiding -->
</script>
Between the <body> </body> tags:
<FORM>
<select onChange="if
((w=this.options[this.selectedIndex].value)!='') window.location=w">
<option>Show Me The Pages:
<option value="javascript:openWindow1();">News Of The World
<option value="javascript:openWindow2();">HTML Tips n' Tricks
<option value="javascript:openWindow3();">Today's News
</select>
</form>>
Version 3 (opens up in resizable pop-up window):
|