/***********************************************************************************
**** Select Box Design Script *********************************************************
**** Start ***************************************************************************
************************************************************************************/
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.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 = 17; // 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_board01(thisId) {
var downArrowSrc = "../images/main/btn_select_01.gif"; //오른쪽 화살표이미지
var downArrowSrcWidth = 18; //오른쪽 화살표이미지 width
var optionHeight = 18; // option 하나의 높이
var optionMaxNum = 5; // 한번에 보여지는 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);
}
/** 게시판_셀렉트바02 시작 **/
function makeSelectBox_board02(thisId) {
var downArrowSrc = "../images/customer/btn_select3.gif"; //오른쪽 화살표이미지
var downArrowSrcWidth = 16; //오른쪽 화살표이미지 width
var optionHeight = 14; // option 하나의 높이
var optionMaxNum = 5; // 한번에 보여지는 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 += "
";
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 += "
";
newSelect += "";
if (document.getElementById(objId+"selectBoxOptionLayer")) {
var span = document.getElementById("span"+objId+"selectBoxOptionLayer");
span.innerHTML = newSelect;
} else
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);
}
/** 기본_게시판_셀렉트바02 끝 **/
/** 게시판_셀렉트바03 시작 **/
function makeSelectBox_board03(thisId) {
var downArrowSrc = "../images/customer/btn_select3.gif"; //오른쪽 화살표이미지
var downArrowSrcWidth = 16; //오른쪽 화살표이미지 width
var optionHeight = 14; // option 하나의 높이
var optionMaxNum = 2; // 한번에 보여지는 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);
}
/** 기본_게시판_셀렉트바03 끝 **/
/** 기본_게시판_셀렉트바04 시작 **/
function makeSelectBox_board04(thisId) {
var downArrowSrc = "../images/customer/btn_select4.gif"; //오른쪽 화살표이미지
var downArrowSrcWidth = 15; //오른쪽 화살표이미지 width
var optionHeight = 14; // option 하나의 높이
var optionMaxNum = 5; // 한번에 보여지는 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);
}
/** 기본_게시판_셀렉트바04 끝 **/
/** 게시판_셀렉트바05 시작 **/
function makeSelectBox_board05(thisId) {
var downArrowSrc = "../images/customer/btn_select3.gif"; //오른쪽 화살표이미지
var downArrowSrcWidth = 16; //오른쪽 화살표이미지 width
var optionHeight = 14; // option 하나의 높이
var optionMaxNum = 5; // 한번에 보여지는 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 += "
";
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 += "
";
newSelect += "";
if (document.getElementById(objId+"selectBoxOptionLayer")) {
var span = document.getElementById("span"+objId+"selectBoxOptionLayer");
span.innerHTML = newSelect;
} else
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);
}
/** 기본_게시판_셀렉트바05 끝 **/
/** 폼 셀렉트바_고객센터_01_시작 **/
function makeSelectBox_board_customer01(thisId) {
var downArrowSrc = "/kor/images/customer/board/btn_select_verdant1.gif"; //오른쪽 화살표이미지
var downArrowSrcWidth = 14; //오른쪽 화살표이미지 width
var optionHeight = 14; // option 하나의 높이
var optionMaxNum = 5; // 한번에 보여지는 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);
}
/** 폼 셀렉트바_고객센터_01_끝 **/
document.onmousedown = clickMouse;
/***********************************************************************************
**** Select Box Design Script ********************************************************
**** End ***************************************************************************
************************************************************************************/