/*
* From http://www.hedgerwow.com/360/dhtml/ui_select_with_fixed_width/dropdown_menu_hack.js
* See demo at http://www.hedgerwow.com/360/dhtml/ui_select_with_fixed_width/demo.php
* Many modifications by Sam... still needs some cleanup/refactoring.
*/
function dropdown_menu_hack(el)
{
var option_values = new Array();
var option_texts = new Array();
for(i=0; i");
var f = document.frames[fid];
f.document.open();
f.document.write("");
f.document.close();
f.fid = fid;
var fwin = document.getElementById(fid);
fwin.style.cssText="position:absolute;top:0;left:0;display:none;z-index:99999;";
f.show = function(px,py,pw,ph,baseElement)
{
py = py + baseElement.getBoundingClientRect().top + Math.max( document.body.scrollTop, document.documentElement.scrollTop) ;
px = px + baseElement.getBoundingClientRect().left + Math.max( document.body.scrollLeft, document.documentElement.scrollLeft) ;
fwin.style.width = pw + "px";
fwin.style.height = ph + "px";
fwin.style.posLeft =px ;
fwin.style.posTop = py ;
fwin.style.display="block";
}
f_hide = function(e)
{
if(window.event && window.event.srcElement && window.event.srcElement.tagName && window.event.srcElement.tagName.toLowerCase()=="select"){return true;}
fwin.style.display="none";
}
f.hide = f_hide;
document.attachEvent("onclick",f_hide);
document.attachEvent("onkeydown",f_hide);
}
return f;
//return popup;
}
}
function showMenu()
{
function selectMenu(obj)
{
var oldValue = null;
if(el.selectedIndex != -1) {
oldValue = el.options[el.selectedIndex].value;
}
var o = document.createElement("option");
//o.value = obj.value;
o.value = option_values[obj.selectedIndex];
//alert("In selectMenu... value="+o.value);
o.innerHTML = obj.innerHTML;
while(el.options.length>0){el.options[0].removeNode(true);}
el.appendChild(o);
el.title = o.innerHTML;
el.contentIndex = obj.selectedIndex;
el.menu.hide();
if(el.onchange && oldValue != o.value) { el.onchange(); }
}
el.menu.show(0, el.offsetHeight , 10, 10, el);
//el.menu.document.createStyleSheet("dropdown_menu_hack.css");
var mb = el.menu.document.body;
mb.className = "dropdown_menu_hack";
//mb.style.cssText ="overflow-y:auto;overflow-x:auto;";
//mb.style.cssText ="overflow-y:scroll;overflow-x:auto;";
//mb.style.cssText ="border:solid 1px black;margin:0;padding:0;overflow-y:auto;overflow-x:auto;background:white;font-family:Verdana;font-size:12px;";
var mb_html = '\n';
for(i=0; i";
mb.options[i].onmouseover = function()
{
if( mb.options.selected ) {
//mb.options.selected.style.background="white";mb.options.selected.style.color="black";
mb.options.selected.className = "dropdown_menu_hack dropdown_menu_hack_unselected";
}
mb.options.selected = this;
//this.style.background="#333366";this.style.color="white";
//this.style.background="#bbbbbb";this.style.color="black";
this.className = "dropdown_menu_hack dropdown_menu_hack_selected";
}
mb.options[i].onmouseout = function(){
//this.style.background="white";this.style.color="black";
this.className = "dropdown_menu_hack dropdown_menu_hack_unselected";
}
mb.options[i].onmousedown = function(){selectMenu(this); }
mb.options[i].onkeydown = function(){selectMenu(this); }
if(i == el.contentIndex)
{
//mb.options[i].style.background="#333366";
//mb.options[i].style.color="white";
mb.options[i].className = "dropdown_menu_hack dropdown_menu_hack_selected";
mb.options.selected = mb.options[i];
}
}
var mw = Math.max( el.select.offsetWidth, el.offsetWidth );
mw = Math.max( mw, mb.scrollWidth );
mw += 22;
//var mh = mb.options.length * 15 + 8 ;
var mh = mb.options.length * (el.offsetHeight - 3);
var mx = (ie5)?-3:0;
var my = el.offsetHeight -2;
var docH = document.documentElement.offsetHeight ;
var bottomH = docH - el.getBoundingClientRect().bottom ;
mh = Math.min(mh, Math.max(( docH - el.getBoundingClientRect().top - 50),100) );
if(( bottomH < mh) )
{
mh = Math.max( (bottomH - 12),10);
if( mh <100 )
{
my = -100 ;
}
mh = Math.max(mh,100);
}
self.focus();
el.menu.show( mx, my, mw, mh, el);
sync=null;
if(mb.options.selected)
{
mb.scrollTop = mb.options.selected.offsetTop;
}
window.onresize = function(){el.menu.hide()};
}
function switchMenu()
{
if(event.keyCode)
{
if(event.keyCode==40){ el.contentIndex++ ;}
else if(event.keyCode==38){ el.contentIndex--; }
}
else if(event.wheelDelta )
{
if (event.wheelDelta >= 120)
el.contentIndex++ ;
else if (event.wheelDelta <= -120)
el.contentIndex-- ;
}else{return true;}
//if( el.contentIndex > (el.contentOptions.length-1) ){ el.contentIndex =0;}
//else if (el.contentIndex<0){el.contentIndex = el.contentOptions.length-1 ;}
if( el.contentIndex > (el.contentOptions.length-1) ){ el.contentIndex = el.contentOptions.length-1;}
else if (el.contentIndex<0){el.contentIndex = 0;}
var o = document.createElement("option");
o.value = el.contentOptions[el.contentIndex].value;
o.innerHTML = el.contentOptions[el.contentIndex].text;
while(el.options.length>0){el.options[0].removeNode(true);}
el.appendChild(o);
el.title = o.innerHTML;
}
if(dropdown_menu_hack.menu ==null)
{
dropdown_menu_hack.menu = window.createPopup();
document.attachEvent("onkeydown",dropdown_menu_hack.menu.hide);
}
el.menu = dropdown_menu_hack.menu ;
el.menu.document.createStyleSheet("dropdown_menu_hack.css");
el.menu.document.body.style.cssText ="overflow-y:auto;overflow-x:auto;";
el.contentOptions = new Array();
el.contentIndex = el.selectedIndex;
el.contentHTML = el.outerHTML;
for(var i=0;i