var nowOpenedSelectBox = "";
var mousePosition = "";
function selectThisValue(thisId,thisIndex,thisValue,thisString) {
var objId = thisId;
var nowIndex = thisIndex;
var valueString = thisString;
var sourceObj = document.getElementById(objId);
var nowSelectedValue = document.getElementById(objId+"SelectBoxOptionValue"+nowIndex).value;
hideOptionLayer(objId);
if (sourceObj) sourceObj.value = nowSelectedValue;
settingValue(objId,valueString);
selectBoxFocus(objId);
if (sourceObj.onchange) sourceObj.onchange();
}
function settingValue(thisId,thisString) {
var objId = thisId;
var valueString = thisString;
var selectedArea = document.getElementById(objId+"selectBoxSelectedValue");
if (selectedArea) selectedArea.innerHTML = valueString;
}
function viewOptionLayer(thisId) {
var objId = thisId;
var optionLayer = document.getElementById(objId+"selectBoxOptionLayer");
if (optionLayer) optionLayer.style.display = "";
nowOpenedSelectBox = objId;
setMousePosition("inBox");
}
function hideOptionLayer(thisId) {
var objId = thisId;
var optionLayer = document.getElementById(objId+"selectBoxOptionLayer");
if (optionLayer) optionLayer.style.display = "none";
}
function setMousePosition(thisValue) {
var positionValue = thisValue;
mousePosition = positionValue;
}
function clickMouse() {
if (mousePosition == "out") hideOptionLayer(nowOpenedSelectBox);
}
function selectBoxFocus(thisId) {
var objId = thisId;
var obj = document.getElementById(objId + "selectBoxSelectedValue");
obj.className = "selectBoxSelectedAreaFocus";
obj.focus();
}
function selectBoxBlur(thisId) {
var objId = thisId;
var obj = document.getElementById(objId + "selectBoxSelectedValue");
obj.className = "selectBoxSelectedArea";
}
function makeSelectBox01(thisId) {
var downArrowSrc = "../b_mimg/selectbox_bu02.gif"; //오른쪽 화살표이미지
var downArrowSrcWidth = 13; //오른쪽 화살표이미지 width
var optionHeight = 17; // option 하나의 높이
var optionMaxNum = 11; // 한번에 보여지는 option의 갯수
var optionInnerLayerHeight = "";
var objId = thisId;
var obj = document.getElementById(objId);
var selectBoxWidth = parseInt(obj.style.width);
var selectBoxHeight = parseInt(obj.style.height);
if (obj.options.length > optionMaxNum) optionInnerLayerHeight = "height:"+ (optionHeight * optionMaxNum) + "px";
newSelect = "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
for (var i=0 ; i < obj.options.length ; i++) {
var nowValue = obj.options[i].value;
var nowText = obj.options[i].text;
newSelect += "
";
newSelect += "
" + nowText + "
";
newSelect += " ";
newSelect += "
";
}
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
document.write(newSelect);
var haveSelectedValue = false;
for (var i=0 ; i < obj.options.length ; i++) {
if (obj.options[i].selected == true) {
haveSelectedValue = true;
settingValue(objId,obj.options[i].text);
}
}
if (!haveSelectedValue) settingValue(objId,obj.options[0].text);
}
function makeSelectBox02(thisId) {
var downArrowSrc = "../b_mimg/selectbox_bu02.gif"; //오른쪽 화살표이미지
var downArrowSrcWidth = 15; //오른쪽 화살표이미지 width
var optionHeight = 19; // option 하나의 높이
var optionMaxNum = 11; // 한번에 보여지는 option의 갯수
var optionInnerLayerHeight = "";
var objId = thisId;
var obj = document.getElementById(objId);
var selectBoxWidth = parseInt(obj.style.width);
var selectBoxHeight = parseInt(obj.style.height);
if (obj.options.length > optionMaxNum) optionInnerLayerHeight = "height:"+ (optionHeight * optionMaxNum) + "px";
newSelect = "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
for (var i=0 ; i < obj.options.length ; i++) {
var nowValue = obj.options[i].value;
var nowText = obj.options[i].text;
if (typeof(obj.options[i].separator) == "undefined") {
newSelect += "
";
newSelect += "
";
newSelect += "
" + nowText + "
";
newSelect += " ";
newSelect += "
";
} else {
/*
newSelect += "
";
newSelect += "
" + nowText + "
";
newSelect += " ";
newSelect += "
";
*/
}
}
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
newSelect += "
";
document.write(newSelect);
var haveSelectedValue = false;
for (var i=0 ; i < obj.options.length ; i++) {
if (obj.options[i].selected == true) {
haveSelectedValue = true;
settingValue(objId,obj.options[i].text);
}
}
if (!haveSelectedValue) settingValue(objId,obj.options[0].text);
}
document.onmousedown = clickMouse;
/***********************************************************************************
**** Select Box Design Script ******************************************************
**** End ***************************************************************************
************************************************************************************/
// Global network
function goLeftSelectBoxMenu(thisURL,thisTarget) {
if (thisURL == "" || thisURL == null) return;
var nowTarget = "_blank";
if (thisTarget != null && thisTarget != "" && thisTarget != "separator" ) nowTarget = thisTarget;
window.open(thisURL, nowTarget, "");
}
