JAVASCRIPT EXAMPLES: Static Scrolling Combo Box

COPY - Insert Between Head Tags: <HEAD></HEAD>

windowwidth=window.innerWidth? window.innerWidth-30 : document.body.clientWidth-20
windowheight=window.innerHeight? window.innerHeight : document.body.clientHeight

if (!comboobj)
return

if (document.all || document.getElementById){
combowidth=comboobj.offsetWidth
comboheight=comboobj.offsetHeight
setInterval("staticit_dom()",50)
comboobj.style.visibility="visible"
}
else if (document.layers){
combowidth=comboobj.document.width
comboheight=comboobj.document.height
setInterval("staticit_ns()",50)
comboobj.visibility="show"
}
}

function staticit_dom(){
var pageoffsetx=document.all? document.body.scrollLeft : window.pageXOffset
var pageoffsety=document.all? document.body.scrollTop : window.pageYOffset

comboobj.style.left=pageoffsetx+windowwidth-combowidth
comboobj.style.top=pageoffsety+windowheight-comboheight
}

function staticit_ns(){
comboobj.left=pageXOffset+windowwidth-combowidth
comboobj.top=pageYOffset+windowheight-comboheight
}

window.onload=initialize
</script>

COPY - Insert Inside Body: <BODY></BODY>

<span id="staticcombo" style="position:absolute;left:0;top:0;visibility:hidden">
<form name="jump">
<p><select name="example" size="1" onChange="gone()">
<option value="http://www.jdstiles.com/javamain.html">Javascript Categories</option>
<option value="http://www.jdstiles.com/java/allnew.html">Newest Scripts</option>
<option value="http://www.jdstiles.com/java/popular.html">Most Popular</option>
<option value="http://www.jdstiles.com/java/snippets.html">Code Snippets</option>
</select>
<script language="javascript">
<!--
/*
 _____________________________________
/ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ\
| Another JavaScript from Uncle Jim   |
| Feel free to copy, use and change   |
| this script as long as this part    |
| remains unchanged. You can visit    |
| my website at http://jdstiles.com   |
| for more scripts like this one.     |
| Created: 1996 Updated: 2006         |
\_____________________________________/
 ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ
*/
//enter "" for current window, "_new" for new window", or "framename" for name of frame
var linktarget="_new"

function gone(){
if (linktarget=="")
location=document.jump.example.options[document.jump.example.selectedIndex].value
else if (linktarget=="_new")
window.open(document.jump.example.options[document.jump.example.selectedIndex].value)
else{
targetobj=eval("window.parent."+linktarget)
targetobj.location=document.jump.example.options[document.jump.example.selectedIndex].value
}
}
//-->
</script>
<input type="button" name="test" value="Go!" onClick="gone()"></p></form></span>

Uncle Jim's JavaScript Examples

Static Floating Combo Box

Author: Jim Stiles