[유용한 javascript] input text에서 특정 format(money,날짜) 형식으로 입력 받기(연재)

아래의 소스코드는 full source로 실제 사용할 수 있는 source code입니다.

$1,234,567

이와 같이 input tag에서 숫자만을 입력 받고, 입력 받는 숫자가 자동으로 money format으로
편집이 됩니다. 이러한 기능을 위해서 이전 글에서 input text tag의 cursor position을 얻어오는
기능을 설명하였습니다.

이번 글에서는 key press에 대하여 자동으로 money format으로 변경하는 기능에 대해서
설명하겠습니다. 아래의 sample에서 편의상 edit control(WCEditCtrl) 이라고 칭하겠습니다.

아래의 소스는 다음과 같이 구성되어 있습니다.

1. style
2. html
3. edit control 초기화 javascript
4. edit control function javascript

function Money_init() 여기에서
WCEditCtrl_setEdit을 호출하여 html tag인 input text tag를 javascript에 전달하여 edit control을 초기화
합니다. edit control은 javascript object로서 input text tag와 기타 필요한 정보를 저장하고 있는
object입니다.
WCEditCtrl_setEdit 에서는 아래와 같이 oCtrl이라는 javascript object에 elEdit라는 input text tag의
key down, key up,key press, focus,blur와 같은 javascript event handler를 등록합니다.

oCtrl.elEdit.onkeydown = new Function("eval(\"WCEditCtrl_keyDown(this.document.frames.window,'"+oCtrl.name+"',this);\")");
oCtrl.elEdit.onkeyup = new Function("eval(\"WCEditCtrl_keyUp(this.document.frames.window,'"+oCtrl.name+"',this);\")");
oCtrl.elEdit.onkeypress = new Function("eval(\"WCEditCtrl_keyPress(this.document.frames.window,'"+oCtrl.name+"',this);\")");
oCtrl.elEdit.onfocus = new Function("eval(\"WCEditCtrl_doFocus(this.document.frames.window,'"+oCtrl.name+"',this);\")");
oCtrl.elEdit.onblur = new Function("eval(\"WCEditCtrl_doBlur(this.document.frames.window,'"+oCtrl.name+"',this);\")");

이렇게하여 사용자가 key를 입력하면 그 key가 숫자인지 혹은 delete key인지 backspace인지를 구분하여
money format으로 처리하기 위함입니다.

WCEditCtrl_setUnit을 호출하여 money의 단위가 $임을 설정합니다.
WCEditCtrl_setFormatType : format이 money type임을 설정
WCEditCtrl_setImeMode : ime mode disable 즉 한글을 입력받지 않고 영문만 입력받도록 설정합니다.
WCEditCtrl_setTextAlign : 오른쪽 text 정렬합니다.
WCEditCtrl_setMaxLength : input tag의 max length를 설정합니다.

이렇게 edit control을 초기화 하였습니다.
이제 사용자가 key down을 하면

WCEditCtrl_keyDown javascript가 자동 실행됩니다.
아래는 key down될때 실행되는 WCEditCtrl_keyDown의 개괄적인 코드입니다.

WCEditCtrl_keyDown
-> WCEditCtrl_keyDownEx
  -> WCEditCtrl_isRange : input text tag 안에서 일부 문자가 선택된 경우를 처리합니다.
  -> 특수 문자 key에 대한 처리
  -> backspace key에 대한 처리
  -> delete key에 대한 처리
  -> 입력된 key값을 input text value와 조합하여 새로운 text를 만들어 input text tag에 설정합니다. cursor position도 설정합니다.

아래의 값은 source에서 사용하는 key code입니다. 참고하세요.
keyCode = 37 // left key
keyCode = 38 // up key
keyCode = 39 // right key
keyCode = 40 // down key
keyCode = 8 // backspace
keyCode = 9 // tab
keyCode = 13 // enter
keyCode = 46 // delete

너무 복잡한 소스인 관계로 일부만 먼저 설명하겠습니다.
delimiter는 ","를 뜻합니다.
money format에서
$123,456,789 이와 같은 format입니다. 즉 ","가 delimiter 역할을 합니다

아래의 코드는 backspace가 key down될때의 처리를 나타냅니다.

var cDelimiter = WCEditCtrl_getDelimiter(wSrcWnd,oCtrl);
var nPos = WCEditCtrl_getCursorPos(wSrcWnd,oCtrl,textbox);
while (nPos > 0 && textbox.value.charAt(nPos-1) == cDelimiter)
{
nPos --;
WCEditCtrl_setCursorPos(wSrcWnd,oCtrl,textbox,nPos);
}

$123,_456 (여기서 "_"는 cursor의 position 입니다.)
이 위치에서 backspace가 down되면 "3"이 지워지면서
$12_,456 이렇게 되어야 합니다.
delimiter를 얻어와서 (cDelimiter=','), 핸재의 cursor position을 얻어와서
cursor가 $123,_456 이와 같은 상황이면
cursor를 한칸 앞으로 이동합니다. 그리고 이후 process를 진행하면
$12_,456 이와 같이 "3"이 지워지게 됩니다.

그 다음은 delete key에 대한 처리를 합니다.

if (wSrcWnd.event.keyCode == 46)
{
var nPos = WCEditCtrl_getCursorPos(wSrcWnd,oCtrl,textbox);
var sSrc = textbox.value;
while (true)
{
  var cChar = sSrc.charAt(nPos);
  if (WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cChar) == true)
   break;
  sSrc = WCString_removeCharAt(sSrc,nPos);
}
oCtrl.elEdit.value = sSrc;

var nNewCursorPos = nPos;
WCEditCtrl_setCursorPos(wSrcWnd,oCtrl,textbox,nNewCursorPos);
}

$123,_456
여기서 delete key를 누르면
$12,_356
이렇게 됩니다.
현재의 cursor position을 얻어와서 그 위치의 char가 valid char 즉 123456과 같이 숫자인경우가 아니면
delete를 하고 이 값을 다시 input text tag에 설정합니다.
그리고 새로운 cursor position도 설정을 합니다.

key down이 되면 특수키(arrow key, backspace, delete)에 대한 처리만을 합니다.
WCEditCtrl_keyDown 이 실행되어도 money format의 정확한 값이 input text tag에 설정이 안될 수 있습니다.
key up이 되면 input text tag에 있는 값을 다시 점검하여 format을 맞춥니다.

function WCEditCtrl_keyUp(wSrcWnd,sName,elEdit)
특수 키에 대한 처리를 한 다음에
여기에서 WCEditCtrl_formatEdit을 호출합니다.

WCEditCtrl_getFilter로 return되는 값은 "1"입니다. 숫자만 입력 받는다는 뜻입니다.
formatType == "money"인 경우
WCEditCtrl_extractChar을 호출하여 valid char code만 추출합니다.

$1234,56
123456 이렇게 valid char만 추출합니다.
이것을 다시 WCEditCtrl_formatValue 호출하여
$123,456 이렇게 변환합니다. key down이 될때 WCEditCtrl_keyDown 에서 delete key 혹은 backspace key에 대한 처리 즉
문자열의 삭제 처리하고 key up이 될때 format에 대한 처리를 합니다.
$123,4_56 (4와 5사이에 cursor가 있어야 한다면)
WCEditCtrl_keyUp 에서 cursor position의 위치를 정확히 계산하여 다시 cursor position을 설정합니다.

이와 같이 하면 숫자 키가 입력이 될때 money type으로 자동 format되는 기능을 구현할 수 있습니다.

아래의 프로그램 www.webdevlib.net(web development library)에 있는 WCEditCtrl의 기능중에서 일부를 발췌하여
새롭게 구성한 sample입니다. 따라서 www.webdevlib.net에서 java source를 다운로드 받지 않아도
실제 사용할 수 있는 샘플 소스입니다.
보다 더 복잡한 기능의 application을 개발하고자 하는 경우는 www.webdevlib.net에서 소스코드를 다운로드
받아 사용하세요.
간단한 application 혹은 일반적인 web application 개발에서 아래의 sample code는 많은 도움을 드릴 것입니다.

-- 소스 시작
<%@ page language="java" import="java.util.*,java.sql.*,java.lang.*,java.io.*,java.io.File " contentType="text/html; charset=EUC-KR"%>
<style>
td { line-height: 13px; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif, 굴림; }
input { line-height: 13px; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif, 굴림; }
</style>
<table border="0" cellspacing="0" cellpadding="0" >
<tr>
<td valign=top>
Money :
<INPUT type=text id="elEditCtrl_Money" name="Money"
value="$1,234,567"
style="background-color:#ffffff; border: 1 solid #000000;color:#000000;
font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif, 굴림; height:17px;
text-align:right;
" class="inputstyle01" type="text" style="width:200px;" />
</td>
</tr>
</table>
<script>
var Money_init_call = 0;
function Money_init()
{
try
{
  Money_init_call ++;
  if (Money_init_call > 10)
   return;
  var sElmtid = "elEditCtrl_Money";
  var oCtrl = WCEditCtrl_new(window,null,"Money");
  oCtrl.idx = 3;
  var elEdit = window.document.getElementById(sElmtid);
  WCEditCtrl_setEdit(window,oCtrl,elEdit);
  WCEditCtrl_setUnit(window,oCtrl,"$");
  WCEditCtrl_setFormatType(window,oCtrl,"money");
  WCEditCtrl_setImeMode(window,oCtrl,"disabled");
  WCEditCtrl_setTextAlign(window,oCtrl,"right");
  WCEditCtrl_setMaxLength(window,oCtrl,13);
}
catch (ex)
{
  setTimeout("Money_init()",50);
}
}
Money_init();
</script>
<script>
function WCEditCtrl_setUnit(wSrcWnd,oCtrl,sUnit)
{
oCtrl.unit = sUnit;
}
function WCEditCtrl_new(wSrcWnd,oParentCtrl,sName)
{
try
{
  var oCtrl = null;
  if (wSrcWnd != null)
   oCtrl = WCCtrl_new(wSrcWnd);
  else
   oCtrl = new Object();
  if (sName == null && oParentCtrl != null)
   sName = oParentCtrl.name+"_edit";
  if (sName != null)
   oCtrl.name = sName;
  if (oParentCtrl != null)
   oCtrl.parent = oParentCtrl;
  return oCtrl;
}
catch (ex)
{
}
}
function WCEditCtrl_resetCtrl(wSrcWnd,oCtrl)
{
var oNew = new Object();
oNew.name = oCtrl.name;
oNew.pageObj = oCtrl.pageObj;
oNew.objIndex = oCtrl.objIndex;
oNew.parentName = oCtrl.parentName;
oNew.idx = oCtrl.idx;
oNew.pageObj.aCtrl[oNew.objIndex] = oNew;
WCEditCtrl_setEdit(wSrcWnd,oNew,oCtrl.elEdit);
oNew.elEdit.style.textAlign = "left";
oCtrl = oNew;
return oNew;
}
function WCEditCtrl_setMaxLength(wSrcWnd,oCtrl,nMaxLen)
{
oCtrl.maxLength = nMaxLen;
}
function WCEditCtrl_getMaxLength(wSrcWnd,oCtrl)
{
var nVal = WCString_parseInt(oCtrl.maxLength);
return nVal;
}
function WCEditCtrl_setTextAlign(wSrcWnd,oCtrl,sAlign)
{
try
{
  oCtrl.textAlign = sAlign;
  if (oCtrl.elEdit != null)
  {
   oCtrl.elEdit.style.textAlign = sAlign;
  }
}
catch (ex)
{
}
}
function WCEditCtrl_setDecimalPoint(wSrcWnd,oCtrl,nPoint)
{
oCtrl.decimalPoint = nPoint;
}
function WCEditCtrl_setImeMode(wSrcWnd,oCtrl,sMode)
{
try
{
  oCtrl.imeMode = sMode;
  if (oCtrl.elEdit != null)
  {
   oCtrl.elEdit.style.imeMode = sMode;
  }
}
catch (ex)
{
}
}
function WCEditCtrl_setFormatType(wSrcWnd,oCtrl,sFormatType)
{
try
{
  oCtrl.formatType = sFormatType;
  if (oCtrl.formatType == "integer"
   || oCtrl.formatType == "number"
   || oCtrl.formatType == "float")
  {
   WCEditCtrl_setFilter(wSrcWnd,oCtrl,"1");
   var cDlm = '.';
   WCEditCtrl_setDelimiter(wSrcWnd,oCtrl,cDlm);
   WCEditCtrl_setImeMode("disabled");
  }
  else if (oCtrl.formatType == "money")
  {
   WCEditCtrl_setFilter(wSrcWnd,oCtrl,"1");
   var cDlm = ',';
   WCEditCtrl_setDelimiter(wSrcWnd,oCtrl,cDlm);
   WCEditCtrl_setImeMode("disabled");
  }
}
catch (ex)
{
}
}
function WCEditCtrl_getFormatType(wSrcWnd,oCtrl)
{
return oCtrl.formatType;
}
function WCEditCtrl_setFormatUnit(wSrcWnd,oCtrl,sUnit)
{
oCtrl.sUnit = sUnit;
}
function WCEditCtrl_setFormatUnitAlign(wSrcWnd,oCtrl,sAlign)
{
oCtrl.unitAlign = sAlign;
}
function WCEditCtrl_setFormatPrecision(wSrcWnd,oCtrl,nPrecision)
{
oCtrl.nPrecision = nPrecision;
}
function WCEditCtrl_setFormat(wSrcWnd,oCtrl,sFormat)
{
oCtrl.format = sFormat;
}
function WCEditCtrl_getFormat(wSrcWnd,oCtrl)
{
var sRet = oCtrl.format;
return sRet;
}
function WCEditCtrl_setFilter(wSrcWnd,oCtrl,sFilter)
{
oCtrl.filter = sFilter;
}
function WCEditCtrl_getFilter(wSrcWnd,oCtrl)
{
var sRet = oCtrl.filter;
return sRet;
}
function WCEditCtrl_setAny(wSrcWnd,oCtrl,cAny)
{
oCtrl.any = cAny;
}
function WCEditCtrl_getAny(wSrcWnd,oCtrl)
{
return oCtrl.any;
}
function WCEditCtrl_setDelimiter(wSrcWnd,oCtrl,cDlm)
{
oCtrl.delimiter = cDlm;
}
function WCEditCtrl_getDelimiter(wSrcWnd,oCtrl)
{
return oCtrl.delimiter;
}
function WCEditCtrl_isValidCharCode(wSrcWnd,oCtrl,evEvent)
{
var nKeyCode = evEvent.keyCode;
if (nKeyCode == 9)
  return true;
if (evEvent.keyCode >= 96 && evEvent.keyCode <= 105)
{
  nKeyCode -= 48;
}
var cChar = String.fromCharCode(nKeyCode);
return WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cChar);
}
function WCEditCtrl_keyPress(wSrcWnd,sName,elEdit)
{
if (wSrcWnd.event.keyCode == 13)
  return false;
}
function WCEditCtrl_doFocus(wSrcWnd,sName)
{
try
{
  var oCtrl = WCObj_getObj(wSrcWnd,sName);
  var sVal = oCtrl.elEdit.value;
  var nPos = sVal.length;
  if (!WCString_isEmpty(WCEditCtrl_getFormat(wSrcWnd,oCtrl)))
  {
   var nFirstPos = WCEditCtrl_getFirstAnyPos(wSrcWnd,oCtrl,sVal);
   if (nPos > nFirstPos)
    nPos = nFirstPos;
  }
  WCEditCtrl_setCursorPos(wSrcWnd,oCtrl,oCtrl.elEdit,nPos);
  if (!WCString_isEmpty(oCtrl.parentName))
  {
   var oParentCtrl = WCObj_getObj(wSrcWnd,oCtrl.parentName);
   WCListCtrl_doFocusEdit(wSrcWnd,oParentCtrl.name,oCtrl.elEdit,oCtrl);
  }
}
catch (ex)
{
}
}
function WCEditCtrl_doBlur(wSrcWnd,sName,elInput)
{
try
{
  var oCtrl = WCObj_getObj(wSrcWnd,sName);
  if (!WCString_isEmpty(oCtrl.parentName))
  {
   var oParentCtrl = WCObj_getObj(wSrcWnd,oCtrl.parentName);
   if (oParentCtrl != null && oParentCtrl.editRow == oCtrl.row && oParentCtrl.editCol == oCtrl.col && oParentCtrl.editCtrlArrayIdx == oCtrl.editCtrlArrayIdx)
   {
    WCListCtrl_blurEditEx(wSrcWnd,oParentCtrl,oCtrl.row,oCtrl.col,oCtrl);
   }
  }
}
catch (ex)
{
}
}
function WCEditCtrl_keyDown(wSrcWnd,sName,elEdit)
{
try
{
  WCEditCtrl_keyDownEx(wSrcWnd,sName,elEdit);
  if (wSrcWnd.event.keyCode == 13)
   return false;
}
catch (ex)
{
}
}
function WCEditCtrl_keyDownEx(wSrcWnd,sName,elEdit)
{
try
{
  var oCtrl = WCObj_getObj(wSrcWnd,sName);
  if (WCEditCtrl_isRange(wSrcWnd,oCtrl) == true)
  {
   return;
  }
  if (oCtrl != null)
  {
   if (elEdit != null)
    oCtrl.elEdit = elEdit;
   elEdit = oCtrl.elEdit;
  }
  var str = elEdit.value;
  var textbox = elEdit;
  if (wSrcWnd.event.keyCode == 46)
  {
  }
  if (wSrcWnd.WCEditCtrl_onKeyDown != null)
  {
   var bRet = wSrcWnd.WCEditCtrl_onKeyDown(wSrcWnd,oCtrl,elEdit);
   if (bRet != false)
    return;
  }
  if ((wSrcWnd.event.keyCode == 37
   || wSrcWnd.event.keyCode == 38
   || wSrcWnd.event.keyCode == 39
   || wSrcWnd.event.keyCode == 40)
   && wSrcWnd.event.shiftKey == false)
  {
   return;
  }
  if ((wSrcWnd.event.keyCode == 37
   || wSrcWnd.event.keyCode == 39)
   && wSrcWnd.event.shiftKey == true)
  {
   return;
  }
  if (wSrcWnd.event.keyCode == 9)
  {
   return;
  }
  if (wSrcWnd.event.keyCode == 13)
  {
   return;
  }
  if (wSrcWnd.event.keyCode == 8)
  {
   var cDelimiter = WCEditCtrl_getDelimiter(wSrcWnd,oCtrl);
   var nPos = WCEditCtrl_getCursorPos(wSrcWnd,oCtrl,textbox);
   while (nPos > 0 && textbox.value.charAt(nPos-1) == cDelimiter)
   {
    nPos --;
    WCEditCtrl_setCursorPos(wSrcWnd,oCtrl,textbox,nPos);
   }
  }
  if (wSrcWnd.event.keyCode == 46)
  {
   {
    var nPos = WCEditCtrl_getCursorPos(wSrcWnd,oCtrl,textbox);
    var sSrc = textbox.value;
    while (true)
    {
     var cChar = sSrc.charAt(nPos);
     if (WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cChar) == true)
      break;
     sSrc = WCString_removeCharAt(sSrc,nPos);
    }
    oCtrl.elEdit.value = sSrc;
    var nNewCursorPos = nPos;
    WCEditCtrl_setCursorPos(wSrcWnd,oCtrl,textbox,nNewCursorPos);
   }
  }
  if (wSrcWnd.event.keyCode == 8
   || wSrcWnd.event.keyCode == 45
   || wSrcWnd.event.keyCode == 46)
  {
   return;
  }
  if (wSrcWnd.event.keyCode < 48 && wSrcWnd.event.keyCode != 9)
   return;
  if (WCEditCtrl_isValidCharCode(wSrcWnd,oCtrl,wSrcWnd.event) != true
   && wSrcWnd.event.ctrlKey == false
   && wSrcWnd.event.altKey == false)
  {
   wSrcWnd.event.returnValue=false;
   return;
  }
  if (WCEditCtrl_getFormat(wSrcWnd,oCtrl) != null)
  {
   if (WCEditCtrl_getFormat(wSrcWnd,oCtrl).length > 0)
   {
    var sExtract = WCEditCtrl_extractChar(wSrcWnd,oCtrl,str,-1);
    var sExtractFormat = WCEditCtrl_extractFormatChar(wSrcWnd,oCtrl,-1);
    if (sExtract.length >= sExtractFormat.length)
    {
     wSrcWnd.event.returnValue=false;
     return false;
    }
   }
  }
  var cChar = String.fromCharCode(wSrcWnd.event.keyCode);
  if (WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cChar) != true)
  {
   wSrcWnd.event.returnValue=false;
   return false;
  }
  {
   var sFilter = WCEditCtrl_getFilter(wSrcWnd,oCtrl);
   if (oCtrl.formatType == "float" || oCtrl.formatType == "integer"
    || oCtrl.formatType == "money" || oCtrl.formatType == "number"
    || sFilter == "1")
   {
    var sText = WCString_extractNumber(oCtrl.elEdit.value);
    var nMaxLen = WCEditCtrl_getMaxLength(wSrcWnd,oCtrl);
    if (nMaxLen > 0 && nMaxLen <= sText.length)
    {
     wSrcWnd.event.returnValue=false;
     return false;
    }
   }
  }
}
catch (ex)
{
}
}
function WCEditCtrl_isRange(wSrcWnd,oCtrl)
{
try
{
  var objRange = wSrcWnd.document.selection.createRange();
  if (objRange != null)
  {
   if (!WCString_isEmpty(objRange.text))
   {
    if (wSrcWnd.event.keyCode == 37
     || wSrcWnd.event.keyCode == 38
     || wSrcWnd.event.keyCode == 39
     || wSrcWnd.event.keyCode == 40
     || wSrcWnd.event.keyCode == 8
     || wSrcWnd.event.keyCode == 46
     )
    {
     return true;
    }
    if (WCEditCtrl_isValidCharCode(wSrcWnd,oCtrl,wSrcWnd.event) != true
     && wSrcWnd.event.ctrlKey == false
     && wSrcWnd.event.altKey == false)
    {
     wSrcWnd.event.returnValue=false;
     return true;
    }
    return true;
   }
  }
  return false;
}
catch (ex)
{
}
}
function WCEditCtrl_keyUp(wSrcWnd,sName,elEdit)
{
try
{
  var oCtrl = WCObj_getObj(wSrcWnd,sName);
  if (WCEditCtrl_isRange(wSrcWnd,oCtrl) == true)
  {
   return;
  }
  if (wSrcWnd.event.keyCode == 9)
   return;
  if (elEdit != null)
   oCtrl.elEdit = elEdit;
  elEdit = oCtrl.elEdit;
  var str = elEdit.value;
  var textbox = elEdit;
  if (wSrcWnd.event.keyCode == 8)
  {
   WCEditCtrl_formatEdit(wSrcWnd,oCtrl);
   return;
  }
  else if (wSrcWnd.event.keyCode == 45)
  {
   WCEditCtrl_formatEdit(wSrcWnd,oCtrl);
   return;
  }
  else if (wSrcWnd.event.keyCode == 46)
  {
   WCEditCtrl_formatEdit(wSrcWnd,oCtrl);
   return;
  }
  if ((wSrcWnd.event.keyCode == 37
   || wSrcWnd.event.keyCode == 38
   || wSrcWnd.event.keyCode == 39
   || wSrcWnd.event.keyCode == 40)
   && wSrcWnd.event.shiftKey == false)
  {
   return;
  }
  if ((wSrcWnd.event.keyCode == 37
   || wSrcWnd.event.keyCode == 39)
   && wSrcWnd.event.shiftKey == true)
  {
   return;
  }
  if ((wSrcWnd.event.keyCode == 255
   )
   && wSrcWnd.event.shiftKey == true)
  {
   return;
  }
  if (wSrcWnd.event.keyCode < 48 && wSrcWnd.event.keyCode != 9)
  {
   return;
  }
  if ((wSrcWnd.event.keyCode >= 48 && wSrcWnd.event.keyCode <= 57
   && wSrcWnd.event.ctrlKey == false
   && wSrcWnd.event.altKey == false
   && wSrcWnd.event.shiftKey == false)
   || (wSrcWnd.event.keyCode >= 96 && wSrcWnd.event.keyCode <= 105
   && wSrcWnd.event.ctrlKey == false
   && wSrcWnd.event.altKey == false
   && wSrcWnd.event.shiftKey == false)
   )
  {
  }
  if (wSrcWnd.WCEditCtrl_onKeyUp != null)
  {
   var bRet = wSrcWnd.WCEditCtrl_onKeyUp(wSrcWnd,oCtrl,elEdit);
   if (bRet != false)
    return;
  }
  WCEditCtrl_formatEdit(wSrcWnd,oCtrl);
  if (WCEditCtrl_getMaxLength(wSrcWnd,oCtrl) >= 0)
  {
   if (oCtrl.formatType == "float" || oCtrl.formatType == "integer" || oCtrl.formatType == "money" || oCtrl.formatType == "number")
   {
    var sText = WCString_extractNumber(oCtrl.elEdit.value);
    if (WCEditCtrl_getMaxLength(wSrcWnd,oCtrl) <= sText.length)
    {
     wSrcWnd.event.returnValue=false;
     var sNext = oCtrl.nextElementId;
     if (!WCString_isEmpty(sNext))
     {
      var oNextElmt = wSrcWnd.document.getElementById(sNext);
      if (oNextElmt != null)
       oNextElmt.focus();
     }
     return false;
    }
   }
  }
}
catch (ex)
{
}
}
function WCEditCtrl_getCharCount(wSrcWnd,oCtrl,sSrc,cChar,nEnd)
{
try
{
  var sDest = "";
  var nLen = sSrc.length;
  for (var i=0;i<nLen;i++)
  {
   if (nEnd >= 0 && nEnd <= i)
   {
    break;
   }
   var cSrc = sSrc.charAt(i);
   if (cChar.indexOf(cSrc) < 0)
   {
    continue;
   }
   sDest += cSrc;
  }
  return sDest.length;
}
catch (ex)
{
}
return 0;
}
function WCEditCtrl_getValue(wSrcWnd,oCtrl)
{
try
{
  var cAny = WCEditCtrl_getAny(wSrcWnd,oCtrl);
  var sDest = "";
  var sSrc = oCtrl.elEdit.value;
  var nLen = sSrc.length;
  for (var i=0;i<nLen;i++)
  {
   var cSrc = sSrc.charAt(i);
   if (cSrc == cAny)
    continue;
   sDest += cSrc;
  }
  return sDest;
}
catch (ex)
{
}
}
function WCEditCtrl_getToken(wSrcWnd,oCtrl,sSrc,nTokenIdx)
{
try
{
  var oLex = new Object();
  oLex.objIndex = 0;
  oLex.srcUrl = sSrc;
  var sTok = "";
  for (var i=0;i<=nTokenIdx;i++)
  {
   sTok = WCEditCtrl_getTokenByObj(wSrcWnd,oCtrl,oLex);
  }
  return sTok;
}
catch (ex)
{
}
}
function WCEditCtrl_getTokenByObj(wSrcWnd,oCtrl,oLex)
{
try
{
  var sTok = "";
  var sSrc = oLex.srcUrl;
  var nLen = sSrc.length;
  while (oLex.objIndex < nLen)
  {
   var cSrc = sSrc.charAt(oLex.objIndex);
   oLex.objIndex ++;
   if (WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cSrc) == true)
    sTok += cSrc;
   else
    break;
  }
  return sTok;
}
catch (ex)
{
}
}
function WCEditCtrl_extractChar(wSrcWnd,oCtrl,sSrc,nEnd)
{
try
{
  var cDelimiter = WCEditCtrl_getDelimiter(wSrcWnd,oCtrl);
  var cAny = WCEditCtrl_getAny(wSrcWnd,oCtrl);
  var sDest = "";
  var nLen = sSrc.length;
  for (var i=0;i<nLen;i++)
  {
   if (nEnd >= 0 && nEnd <= i)
   {
    break;
   }
   var cSrc = sSrc.charAt(i);
   if (cSrc == cAny || cSrc == cDelimiter || cSrc == oCtrl.unit || WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cSrc) != true)
   {
    continue;
   }
   sDest += cSrc;
  }
  return sDest;
}
catch (ex)
{
}
}
function WCEditCtrl_getFirstAnyPos(wSrcWnd,oCtrl,sSrc)
{
try
{
  var cAny = WCEditCtrl_getAny(wSrcWnd,oCtrl);
  var nLen = sSrc.length;
  for (var i=0;i<nLen;i++)
  {
   var cSrc = sSrc.charAt(i);
   if (cSrc == cAny)
   {
    return i;
   }
  }
  return nLen;
}
catch (ex)
{
}
}
function WCEditCtrl_extractCharToPosition(wSrcWnd,oCtrl,sSrc,nEnd)
{
var sDest = "";
var nLen = sSrc.length;
for (var i=0;i<nLen;i++)
{
  if (nEnd >= 0 && nEnd <= i)
   break;
  var cSrc = sSrc.charAt(i);
  if (WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cSrc) != true)
   continue;
  sDest += cSrc;
}
return sDest;
}
function WCEditCtrl_getFirstInvalidCharPosition(wSrcWnd,oCtrl)
{
var cAny = WCEditCtrl_getAny(wSrcWnd,oCtrl);
var sSrc = oCtrl.elEdit.value;
var nLen = sSrc.length;
for (var i=0;i<nLen;i++)
{
  var cSrc = sSrc.charAt(i);
  if (cAny == cSrc)
  {
   return i;
  }
}
return nLen;
}
function WCEditCtrl_extractInvalidCharToPosition(wSrcWnd,oCtrl,sSrc,nEnd)
{
var sDest = "";
var nLen = sSrc.length;
for (var i=0;i<nLen;i++)
{
  if (nEnd >= 0 && nEnd <= i)
   break;
  var cSrc = sSrc.charAt(i);
  if (WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cSrc) == true)
   continue;
  sDest += cSrc;
}
return sDest;
}
function WCEditCtrl_extractFormatChar(wSrcWnd,oCtrl,nEnd)
{
try
{
  var cDelimiter = WCEditCtrl_getDelimiter(wSrcWnd,oCtrl);
  var cAny = WCEditCtrl_getAny(wSrcWnd,oCtrl);
  var sDest = "";
  var sSrc = WCEditCtrl_getFormat(wSrcWnd,oCtrl);
  var nLen = sSrc.length;
  for (var i=0;i<nLen;i++)
  {
   if (nEnd >= 0 && nEnd <= i)
   {
    break;
   }
   var cSrc = sSrc.charAt(i);
   if (cSrc == cAny)
   {
    sDest += cSrc;
    continue;
   }
   if (cSrc == cDelimiter || WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cSrc) != true)
   {
    continue;
   }
   sDest += cSrc;
  }
  return sDest;
}
catch (ex)
{
}
return "";
}
function WCEditCtrl_isDigit(wSrcWnd,oCtrl,sValue)
{
inputStr = sValue;
for( var i = 0 ; i < inputStr.length ; i++ )
{
  var oneChar = inputStr.charAt(i)
  if (oneChar < '0' || oneChar > '9')
  {
   return false;
  }
}
return true;
}
function WCEditCtrl_isValid(wSrcWnd,oCtrl,sValue)
{
try
{
  var cDelimiter = WCEditCtrl_getDelimiter(wSrcWnd,oCtrl);
  var cAny = WCEditCtrl_getAny(wSrcWnd,oCtrl);
  var sSrc = new String(sValue);
  var nSrcLen = sSrc.length;
  var sDest = "";
  var nFormatIdx = 0;
  var nSrcIdx = 0;
  if (WCEditCtrl_getFormat(wSrcWnd,oCtrl) == null)
   return true;
  var nFormatLen = WCEditCtrl_getFormat(wSrcWnd,oCtrl).length;
  while (nFormatIdx < nFormatLen && nSrcIdx < nSrcLen)
  {
   var cSrc = sSrc.charAt(nSrcIdx);
   var cFormat = WCEditCtrl_getFormat(wSrcWnd,oCtrl).charAt(nFormatIdx);
   if (cFormat == cAny)
   {
    if (!WCEditCtrl_isDigit(wSrcWnd,oCtrl,cSrc))
     return false;
   }
   else if (cFormat == cDelimiter)
   {
    if (cSrc != cDelimiter)
     return false;
   }
  }
  return true;
}
catch (ex)
{
}
}
function WCEditCtrl_formatValue(wSrcWnd,oCtrl,sValue)
{
try
{
  if (oCtrl.formatType != null)
  {
   if (oCtrl.formatType == "float")
   {
    var sSrc = WCString_extractNumber(sValue);
    var nLeft = 0;
    var nLen = sSrc.length;
    var nRight = nLen;
    if (nLen > oCtrl.decimalPoint)
    {
     nLeft = nLen - oCtrl.decimalPoint;
     nRight = nLen - nLeft;
    }
    var sLeft = sSrc.substring(0,nLeft);
    var sRight = sSrc.substring(nLeft,nLeft+nRight);
    var sDest = sLeft+"."+sRight;
    return sDest;
   }
   else if (oCtrl.formatType == "integer"
    || oCtrl.formatType == "number")
   {
    var sDest = WCString_extractNumber(sValue);
    return sDest;
   }
   else if (oCtrl.formatType == "money")
   {
    var sSrc = WCString_extractNumber(sValue);
    var sDest = WCString_insertDelimiterReverseOrder(wSrcWnd,oCtrl,sSrc,",",3);
    if (oCtrl.unit != null)
    {
     var unit = oCtrl.unit;
     var unitAlign = oCtrl.unitAlign;
     if (unitAlign == "right")
     {
      sDest = sDest+unit;
     }
     else
     {
      sDest = unit + sDest;
     }
    }
    return sDest;
   }
   else
   {
   }
  }
  var cDelimiter = WCEditCtrl_getDelimiter(wSrcWnd,oCtrl);
  var cAny = WCEditCtrl_getAny(wSrcWnd,oCtrl);
  var str = WCEditCtrl_extractChar(wSrcWnd,oCtrl,sValue,-1);
  var sSrc = new String(str);
  var nSrcLen = sSrc.length;
  var sDest = "";
  var nFormatIdx = 0;
  var nSrcIdx = 0;
  if (WCEditCtrl_getFormat(wSrcWnd,oCtrl) == null)
   return sSrc;
  var nFormatLen = WCString_getLength(WCEditCtrl_getFormat(wSrcWnd,oCtrl));
  while (nFormatIdx < nFormatLen && nSrcIdx < nSrcLen)
  {
   var cSrc = sSrc.charAt(nSrcIdx);
   if (cSrc == cDelimiter || cSrc == cAny)
   {
    nSrcIdx ++;
    continue;
   }
   var cFormat = WCEditCtrl_getFormat(wSrcWnd,oCtrl).charAt(nFormatIdx);
   if (cFormat == cAny)
   {
    sDest += cSrc;
    nSrcIdx ++;
    nFormatIdx ++;
   }
   else
   {
    sDest += cFormat;
    nFormatIdx ++;
   }
  }
  if (nFormatIdx < nFormatLen)
  {
   while (nFormatIdx < nFormatLen)
   {
    var cFormat = WCEditCtrl_getFormat(wSrcWnd,oCtrl).charAt(nFormatIdx);
    sDest += cFormat;
    nFormatIdx ++;
   }
  }
  if (nFormatLen <= 0)
  {
   sDest = sSrc;
  }
  return sDest;
}
catch (ex)
{
}
}
function WCEditCtrl_formatText(wSrcWnd,oCtrl)
{
try
{
  var sValue = oCtrl.elEdit.value;
  var sDest = WCEditCtrl_formatValue(wSrcWnd,oCtrl,sValue);
  oCtrl.elEdit.value = sDest;
}
catch (ex)
{
}
}
function WCEditCtrl_formatEdit(wSrcWnd,oCtrl)
{
try
{
  var sFilter = WCEditCtrl_getFilter(wSrcWnd,oCtrl);
  if (WCString_isEmpty(oCtrl.formatType) && WCString_isEmpty(sFilter))
  {
   return;
  }
  var textbox = oCtrl.elEdit;
  var nPos = WCEditCtrl_getCursorPos(wSrcWnd,oCtrl,textbox);
  if (nPos == null)
   nPos = 0;
  var sValue = textbox.value;
  if (oCtrl.formatType == "float")
  {
   var sBefore = WCEditCtrl_extractCharToPosition(wSrcWnd,oCtrl,textbox.value,nPos);
   var sDest = WCEditCtrl_formatValue(wSrcWnd,oCtrl,sValue);
   var cChar = ".";
   var nBefore = WCEditCtrl_getCharCount(wSrcWnd,oCtrl,sValue,cChar,nPos);
   var nAfter = WCEditCtrl_getCharCount(wSrcWnd,oCtrl,sDest,cChar,nPos);
   if (nAfter > nBefore)
    nPos += (nAfter - nBefore);
   else if (nAfter < nBefore)
    nPos -= (nBefore - nAfter);
   textbox.value = sDest;
   WCEditCtrl_setCursorPos(wSrcWnd,oCtrl,textbox,nPos);
  }
  else if (oCtrl.formatType == "integer"
   || oCtrl.formatType == "number")
  {
   return;
  }
  else if (oCtrl.formatType == "money")
  {
   var sSrc = WCEditCtrl_extractChar(wSrcWnd,oCtrl,sValue,-1);
   var sDest = WCEditCtrl_formatValue(wSrcWnd,oCtrl,sSrc);
   var cChar = ","+oCtrl.unit;
   var nBefore = WCEditCtrl_getCharCount(wSrcWnd,oCtrl,sValue,cChar,nPos);
   var nAfter = WCEditCtrl_getCharCount(wSrcWnd,oCtrl,sDest,cChar,nPos);
   if (nAfter > nBefore)
    nPos += (nAfter - nBefore);
   else if (nAfter < nBefore)
    nPos -= (nBefore - nAfter);
   textbox.value = sDest;
   WCEditCtrl_setCursorPos(wSrcWnd,oCtrl,textbox,nPos);
   return;
  }
  else
  {
   var sDest = WCEditCtrl_formatValue(wSrcWnd,oCtrl,sValue);
   var nAfterCursorPos = WCEditCtrl_getFirstAnyPos(wSrcWnd,oCtrl,sDest);
   var sSrc = textbox.value;
   var sBefore = WCEditCtrl_extractCharToPosition(wSrcWnd,oCtrl,sSrc,nPos);
   var sInvalidBefore = WCEditCtrl_extractInvalidCharToPosition(wSrcWnd,oCtrl,sSrc,nPos);
   var sInvalidAfter = WCEditCtrl_extractInvalidCharToPosition(wSrcWnd,oCtrl,sDest,nPos);
   if (sBefore.length > 0 && sBefore.length < nPos)
    nPos = sBefore.length + sInvalidBefore.length;
   if (sInvalidAfter.length - sInvalidBefore.length > 0)
    nPos += sInvalidAfter.length - sInvalidBefore.length;
   if (nPos > nAfterCursorPos)
    nPos = nAfterCursorPos;
   textbox.value = sDest;
   WCEditCtrl_setCursorPos(wSrcWnd,oCtrl,textbox,nPos);
  }
}
catch (ex)
{
}
}
function WCEditCtrl_getCursorPos(wSrcWnd,oCtrl,elElmt)
{
try
{
  if (elElmt == null)
   elElmt = oCtrl.elEdit;
  var sOldText = elElmt.value;
  var objRange = wSrcWnd.document.selection.createRange();
  var sOldRange = objRange.text;
  var sWeirdString = '#%~';
  objRange.text = sOldRange + sWeirdString;
  objRange.moveStart('character', (0 - sOldRange.length - sWeirdString.length));
  var sNewText = elElmt.value;
  objRange.text = sOldRange;
  for (var i=0; i <= sNewText.length; i++)
  {
   var sTemp = sNewText.substring(i, i + sWeirdString.length);
   if (sTemp == sWeirdString)
   {
    var cursorPos = (i - sOldRange.length);
    return cursorPos;
   }
  }
  return null;
}
catch (ex)
{
}
return null;
}
function WCEditCtrl_insertAtCursor(wSrcWnd,oCtrl,myField, myValue)
{
if (wSrcWnd.document.selection)
{
  myField.focus();
  sel = wSrcWnd.document.selection.createRange();
  sel.text = myValue;
  sel.moveStart("character", -myValue.length);
  sel.select();
}
else if (myField.selectionStart || myField.selectionStart == '0')
{
  var startPos = myField.selectionStart;
  var endPos = myField.selectionEnd;
  myField.value =  myField.value.substring(0, startPos)
  + myValue
  + myField.value.substring(endPos, myField.value.length);
  myField.selectionStart = startPos;
  myField.selectionEnd = startPos + myValue.length;
}
else
{
  myField.value += myValue;
}
}
function WCEditCtrl_backAtCursor(wSrcWnd,oCtrl,myField)
{
if (wSrcWnd.document.selection)
{
  myField.focus();
  sel = wSrcWnd.document.selection.createRange();
  if(sel.text.length > 0)
  {
   sel.text="";
  }
  else
  {
   sel.moveStart("character",-1);
   sel.text="";
  }
  sel.select();
}
else if (myField.selectionStart || myField.selectionStart == '0')
{
  var startPos = myField.selectionStart;
  var endPos = myField.selectionEnd;
  myField.value = myField.value.substring(0, startPos-1) + myField.value.substring(endPos, myField.value.length);
  myField.selectionStart = startPos-1;
  myField.selectionEnd = startPos-1;
  myField.focus();
}
else
{
  myField.value=myField.value.substr(0,(myField.value.length-1));
  myField.focus();
}
}
function WCEditCtrl_edInsertContent(wSrcWnd,oCtrl,myField, myValue)
{
if (wSrcWnd.document.selection)
{
  myField.focus();
  var sel = wSrcWnd.document.selection.createRange();
  sel.text = myValue;
  myField.focus();
}
else if (myField.selectionStart || myField.selectionStart == '0')
{
  var startPos = myField.selectionStart;
  var endPos = myField.selectionEnd;
  myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
  myField.focus();
  myField.selectionStart = startPos + myValue.length;
  myField.selectionEnd = startPos + myValue.length;
}
else
{
  myField.value += myValue;
  myField.focus();
}
}
function WCEditCtrl_setCursorPos(wSrcWnd,oCtrl,elEdit,nPos)
{
try
{
  var txtRange = elEdit.createTextRange();
  txtRange.moveStart( "character", nPos);
  txtRange.moveEnd( "character", -1*(elEdit.value.length-nPos));
  txtRange.select();
}
catch (ex)
{
}
}
function WCEditCtrl_setEdit(wSrcWnd,oCtrl,elEdit)
{
try
{
  var sName = "";
  if (oCtrl != null)
  {
   oCtrl.elEdit = elEdit;
   sName = oCtrl.name;
  }
  {
  }
  oCtrl.elEdit.onkeydown = new Function("eval(\"WCEditCtrl_keyDown(this.document.frames.window,'"+oCtrl.name+"',this);\")");
  oCtrl.elEdit.onkeyup = new Function("eval(\"WCEditCtrl_keyUp(this.document.frames.window,'"+oCtrl.name+"',this);\")");
  oCtrl.elEdit.onkeypress = new Function("eval(\"WCEditCtrl_keyPress(this.document.frames.window,'"+oCtrl.name+"',this);\")");
  oCtrl.elEdit.onfocus = new Function("eval(\"WCEditCtrl_doFocus(this.document.frames.window,'"+oCtrl.name+"',this);\")");
  oCtrl.elEdit.onblur = new Function("eval(\"WCEditCtrl_doBlur(this.document.frames.window,'"+oCtrl.name+"',this);\")");
}
catch (ex)
{
}
}
function WCEditCtrl_isAny(wSrcWnd,oCtrl,cChar)
{
}
function WCEditCtrl_isValidChar(wSrcWnd,oCtrl,cChar)
{
var sFilter = WCEditCtrl_getFilter(wSrcWnd,oCtrl);
if (sFilter == null)
  return true;
var nLen = sFilter.length;
for (var i=0;i<nLen;i++)
{
  var cTest = sFilter.charAt(i);
  if (cTest == '1')
  {
   if ('0' <= cChar && cChar <= '9')
    return true;
  }
  if (cTest == 'a')
  {
   if ('a' <= cChar && cChar <= 'z')
    return true;
  }
  if (cTest == 'A')
  {
   if ('A' <= cChar && cChar <= 'Z')
    return true;
  }
}
return false;
}
function WCEditCtrl_setElementFormat(wSrcWnd,sElmtid,sFormat,nMaxLen,sAlign)
{
try
{
  if (sFormat == "number")
  {
   if (sAlign == null)
    sAlign = "left";
   if (nMaxLen == null)
    nMaxLen = -1;
   var oParentCtrl = null;
   var sName = sElmtid;
   var oCtrl = WCEditCtrl_new(wSrcWnd,oParentCtrl,sName);
   var elEdit = wSrcWnd.document.getElementById(sElmtid);
   if (nMaxLen > 0)
   {
    elEdit.size = nMaxLen+3;
   }
   WCEditCtrl_setEdit(wSrcWnd,oCtrl,elEdit);
   WCEditCtrl_setImeMode(wSrcWnd,oCtrl,"disabled");
   WCEditCtrl_setFormatType(wSrcWnd,oCtrl,"integer");
   WCEditCtrl_setTextAlign(wSrcWnd,oCtrl,sAlign);
   WCEditCtrl_setMaxLength(wSrcWnd,oCtrl,nMaxLen);
   WCEditCtrl_formatText(wSrcWnd,oCtrl);
   return oCtrl;
  }
  else if (sFormat == "datetime")
  {
   var oParentCtrl = null;
   var sName = sElmtid;
   var oCtrl = WCEditCtrl_new(wSrcWnd,oParentCtrl,sName);
   var elEdit = wSrcWnd.document.getElementById(sElmtid);
   WCEditCtrl_setEdit(wSrcWnd,oCtrl,elEdit);
   WCEditCtrl_setImeMode(wSrcWnd,oCtrl,"disabled");
   WCEditCtrl_setTextAlign(wSrcWnd,oCtrl,"left");
   WCEditCtrl_setAny(wSrcWnd,oCtrl,".");
   WCEditCtrl_setFilter(wSrcWnd,oCtrl,"1");
   WCEditCtrl_setFormat(wSrcWnd,oCtrl,"....-..-.. ..:..:..");
   WCEditCtrl_formatText(wSrcWnd,oCtrl);
   return oCtrl;
  }
  else if (sFormat == "date")
  {
   var oParentCtrl = null;
   var sName = sElmtid;
   var oCtrl = WCEditCtrl_new(wSrcWnd,oParentCtrl,sName);
   var elEdit = wSrcWnd.document.getElementById(sElmtid);
   WCEditCtrl_setEdit(wSrcWnd,oCtrl,elEdit);
   WCEditCtrl_setImeMode(wSrcWnd,oCtrl,"disabled");
   WCEditCtrl_setTextAlign(wSrcWnd,oCtrl,"left");
   WCEditCtrl_setAny(wSrcWnd,oCtrl,".");
   WCEditCtrl_setFilter(wSrcWnd,oCtrl,"1");
   WCEditCtrl_setFormat(wSrcWnd,oCtrl,"....-..-..");
   WCEditCtrl_formatText(wSrcWnd,oCtrl);
   return oCtrl;
  }
}
catch (ex)
{
}
}
</script>
<script>
var g_oPage = new Object();
g_oPage.aCtrl = new Array();
function WCObj_getObj(wSrcWnd,sName)
{
try
{
  if (sName == null)
   return;
  var oWnd = wSrcWnd;
  while (true)
  {
   if (oWnd == null)
    break;
   var nSize = oWnd.g_oPage.aCtrl.length;
   if (nSize >= 30)
   {
    WCPage_debugTrace(wSrcWnd,"warning,WCObj.js,oWnd.g_oPage.aCtrl.length="+nSize);
   }
   for (var i=0;i<nSize;i++)
   {
    if (oWnd.g_oPage.aCtrl[i] == null)
     continue;
    if (oWnd.g_oPage.aCtrl[i].name == sName)
    {
     return oWnd.g_oPage.aCtrl[i];
    }
   }
   if (oWnd == oWnd.parent)
    break;
   oWnd = oWnd.parent;
  }
}
catch (e)
{
}
return null;
}
function WCObj_init(wSrcWnd,oCtrl)
{
oCtrl.name = null;
oCtrl.pageObj = wSrcWnd.g_oPage;
}
function WCCtrl_getEmptySlot(wSrcWnd)
{
try
{
  for (var i=0;true;i++)
  {
   if (wSrcWnd.g_oPage.aCtrl[i] == null)
    return i;
  }
}
catch (ex)
{
}
}
function WCCtrl_newIdx(wSrcWnd)
{
try
{
  var oCtrl = new Object();
  var nIdx = WCCtrl_getEmptySlot(wSrcWnd);
  wSrcWnd.g_oPage.aCtrl[nIdx] = oCtrl;
  oCtrl.objIndex = nIdx;
  oCtrl.containerWindow = wSrcWnd;
  WCObj_init(wSrcWnd,oCtrl);
  return oCtrl;
}
catch (e)
{
}
return null;
}
function WCCtrl_new(wSrcWnd)
{
try
{
  var nIdx = wSrcWnd.g_oPage.aCtrl.length;
  var nSize = wSrcWnd.g_oPage.aCtrl.length;
  for (var i=0;i<nSize;i++)
  {
   if (wSrcWnd.g_oPage.aCtrl[i] == null)
   {
    nIdx = i;
    break;
   }
  }
  return WCCtrl_newIdx(wSrcWnd,nIdx);
}
catch (e)
{
}
return null;
}
function WCString_extractNumber(sSrc)
{
try
{
  var sDest = "";
  var nLen = sSrc.length;
  for (var i=0;i<nLen;i++)
  {
   var cSrc = sSrc.charAt(i);
   if (cSrc >= '0'
    && cSrc <= '9')
   {
    sDest += cSrc;
   }
  }
  return sDest;
}
catch (ex)
{
}
}
function WCString_isEmpty(sSrc)
{
try
{
  if (sSrc == null)
   return true;
  var sTmp = WCString_trim(sSrc);
  if (sTmp.length == 0)
  {
   return true;
  }
  if (sSrc.length == 0)
   return true;
  return false;
}
catch (ex)
{
}
return true;
}
function WCString_trim(sSrc)
{
try
{
  if (sSrc == null)
   return null;
  var sTemp = "";
  sTemp = WCString_trimRight(sSrc);
  sDest = WCString_trimLeft(sTemp);
  return sDest;
}
catch (ex)
{
}
}
function WCString_trimRight(sSrc)
{
try
{
  if (sSrc == null)
   return null;
  var nLen = sSrc.length;
  var nIdx = -1;
  var sDest = "";
  var i = 0;
  for (i=nLen-1;i>=0;i--)
  {
   var cChar = sSrc.charAt(i);
   if (cChar != ' '
    && cChar != '\r'
    && cChar != '\n'
    && cChar != '\t')
   {
    nIdx = i;
    break;
   }
   nIdx = i;
  }
  if (i < 0)
  {
   return "";
  }
  sDest = sSrc.substring(0,nIdx+1);
  return sDest;
}
catch (ex)
{
}
}
function WCString_trimLeft(sSrc)
{
try
{
  if (sSrc == null)
   return null;
  var nLen = sSrc.length;
  var nIdx = -1;
  var sDest = "";
  var i = 0;
  for (i=0;i<nLen;i++)
  {
   var cChar = sSrc.charAt(i);
   if (cChar != ' '
    && cChar != '\r'
    && cChar != '\n'
    && cChar != '\t')
   {
    nIdx = i;
    break;
   }
   nIdx = i;
  }
  if (i == nLen)
  {
   return "";
  }
  sDest = sSrc.substring(nIdx,nLen);
  return sDest;
}
catch (ex)
{
}
}
function WCString_parseInt(sVal)
{
var nVal = Number(sVal);
if (nVal == NaN)
  nVal = 0;
var sStrVal = ""+sVal;
var nDecimal = sStrVal.indexOf(".");
if (nDecimal > 0)
{
  var sLeft = WCString_left(sStrVal,nDecimal);
  nVal = Number(sLeft);
}
return nVal;
}
function WCString_left(sSrc,nIdx)
{
if (sSrc == null)
  return sSrc;
var sRet = sSrc.substring(0,nIdx);
return sRet;
}
function WCString_removeCharAt(sSrc,nPos)
{
var sDest = "";
var nIdx = 0;
var nLen = sSrc.length;
if (nPos >= nLen)
  return;
for (var i=0;i<nPos;i++)
{
  var cChar = sSrc.charAt(i);
  sDest += cChar;
}
for (var i=nPos+1;i<nLen;i++)
{
  var cChar = sSrc.charAt(i);
  sDest += cChar;
}
return sDest;
}
function WCString_insertDelimiterReverseOrder(wSrcWnd,oCtrl,sSrc,sDlm,nInterval)
{
var sDest = "";
var nIdx = 0;
var nLen = sSrc.length;
for (var i=1;i<=nLen;i++)
{
  var cChar = sSrc.charAt(nLen-i);
  sDest = cChar+sDest;
  nIdx ++;
  if (nIdx >= nInterval && i+1<=nLen)
  {
   sDest = sDlm+sDest;
   nIdx = 0;
  }
}
return sDest;
}
function WCString_getLength(sSrc)
{
var nLen = sSrc.length;
return nLen;
}
</script>
-- 소스 끝

출처 : 고급 웹 UI 개발 라이브러리 Web Development Library 소스공개 : http://www.webdevlib.net