/***********************************************************************************
**** Select Box Design Script *********************************************************
**** Start ***************************************************************************
************************************************************************************/
var nowOpenedSelectBox = "";
var mousePosition = "";
var img_url = "";
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.replace("&","&");
}
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 selectBoxOptionRefresh(thisId) {
var optionHeight = 20; // option 하나의 높이
var optionMaxNum = 6; // 한번에 보여지는 option의 갯수
var objId = thisId;
var obj = document.getElementById(objId);
var trgObj = document.getElementById(objId+"SelectBoxOptionArea");
var newOption = "";
newOption += "
";
for (var i=0 ; i < obj.options.length ; i++) {
var nowValue = obj.options[i].value;
var nowText = obj.options[i].text;
newOption += "
";
newOption += "
" + nowText + "
";
newOption += " ";
newOption += "
";
}
newOption += "
";
if(trgObj) {
if (obj.options.length > optionMaxNum) trgObj.style.height = (optionHeight * optionMaxNum) + "px";
else trgObj.style.height = (optionHeight * obj.options.length) + "px";
trgObj.innerHTML = newOption;
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 makeSelectBox_pink(thisId) {
var downArrowSrc = img_url + "../../images/common/icon_arrow01.gif"; //오른쪽 화살표이미지
var downArrowSrcWidth = 5; //오른쪽 화살표이미지 width
var optionHeight = 20; // option 하나의 높이
var optionMaxNum = 3; // 한번에 보여지는 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 += "
";
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 += "
" + 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 += "
";
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 ***************************************************************************
************************************************************************************/