<!--
/******************************************************************************
* prototype 모음
*****************************************************************************/

//-----------------------------------------------------------------------------
// 문자 앞 뒤 공백을 제거 한다.
//-----------------------------------------------------------------------------
String.prototype.trim = function() {
return this.replace(/(^\s*)|(\s*$)/g, "");
}

//-----------------------------------------------------------------------------
// 내용이 있는지 없는지 확인하다.
//
// @return : true(내용 있음) | false(내용 없음)
//-----------------------------------------------------------------------------
String.prototype.notNull = function() {
return (this == null || this.trim() == "") ? false : true;
}

//-----------------------------------------------------------------------------
// 메일의 유효성을 체크 한다.
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.mail = function() {
var em = this.trim().match(/^[_\-\.0-9a-zA-Z]{3,}@[-.0-9a-zA-z]{2,}\.[a-zA-Z]{2,4}$/);
return (em) ? true : false;
}

//-----------------------------------------------------------------------------
// 주민번호 체크 XXXXXX-XXXXXXX 형태로 체크
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.jumin = function() {
var num = this.trim().onlyNum();
if(num.length == 13) {
num = num.substring(0, 6) + "-" + num.substring(6, 13);
}
else {
return false;
}
num = num.match(/^([0-9]{6})-?([0-9]{7})$/);
if(!num) return false;
var num1 = RegExp.$1;
var num2 = RegExp.$2;
if(!num2.substring(0, 1).match(/^[1-4]{1}$/)) return false;
num = num1 + num2;
var sum = 0;
var last = num.charCodeAt(12) - 0x30;
var bases = "234567892345";
for (i=0; i<12; i++) {
sum += (num.charCodeAt(i) - 0x30) * (bases.charCodeAt(i) - 0x30);
}
var mod = sum % 11;
return ((11 - mod) % 10 == last) ? true : false;
}

//-----------------------------------------------------------------------------
// 사업자번호 체크 XXX-XX-XXXXX 형태로 체크
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.biznum = function() {
var num = this.trim().onlyNum();
if(num.length == 10) {
num = num.substring(0, 3) + "-" + num.substring(3, 5) + "-" + num.substring(5, 10);
}
else {
return false;
}
num = num.match(/([0-9]{3})-?([0-9]{2})-?([0-9]{5})/);
if(!num) return false;
num = RegExp.$1 + RegExp.$2 + RegExp.$3;
var cVal = 0;
for (var i=0; i<8; i++) {
var cKeyNum = parseInt(((_tmp = i % 3) == 0) ? 1 : ( _tmp == 1 ) ? 3 : 7);
cVal += (parseFloat(num.substring(i,i+1)) * cKeyNum) % 10;
}
var li_temp = parseFloat(num.substring(i,i+1)) * 5 + '0';
cVal += parseFloat(li_temp.substring(0,1)) + parseFloat(li_temp.substring(1,2));
return (parseInt(num.substring(9,10)) == 10 - (cVal % 10)%10) ? true : false;
}

//-----------------------------------------------------------------------------
// 전화번호 체크 XXX-XXXX-XXXX 형태로 체크
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.phone = function() {
var num = this.trim().onlyNum();
if(num.substring(1,2) == "2") {
num = num.substring(0, 2) + "-" + num.substring(2, num.length - 4) + "-" + num.substring(num.length - 4, num.length);
}
else {
num = num.substring(0, 3) + "-" + num.substring(3, num.length - 4) + "-" + num.substring(num.length - 4, num.length);
}
num = num.match(/^0[0-9]{1,2}-[1-9]{1}[0-9]{2,3}-[0-9]{4}$/);
return (num) ? true : false;
}

//-----------------------------------------------------------------------------
// 핸드폰 체크 XXX-XXXX-XXXX 형태로 체크
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.mobile = function() {
var num = this.trim().onlyNum();
num = num.substring(0, 3) + "-" + num.substring(3, num.length - 4) + "-" + num.substring(num.length - 4, num.length);
num = num.trim().match(/^01[016789]{1}-[1-9]{1}[0-9]{2,3}-[0-9]{4}$/);
return (num) ? true : false;
}

//-----------------------------------------------------------------------------
// 숫자만 체크
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.num = function() {
return (this.trim().match(/^[0-9]+$/)) ? true : false;
}

//-----------------------------------------------------------------------------
// 영어만 체크
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.eng = function() {
return (this.trim().match(/^[a-zA-Z]+$/)) ? true : false;
}

//-----------------------------------------------------------------------------
// 영어와 숫자만 체크
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.engnum = function() {
return (this.trim().match(/^[0-9a-zA-Z]+$/)) ? true : false;
}

//-----------------------------------------------------------------------------
// 영어와 숫자만 체크
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.numeng = function() {
return this.engnum();
}

//-----------------------------------------------------------------------------
// 아이디 체크 영어와 숫자만 체크 첫글자는 영어로 시작
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.userid = function() {
return (this.trim().match(/[a-zA-z]{1}[0-9a-zA-Z]+$/)) ? true : false;
}

//-----------------------------------------------------------------------------
// 한글만 체크
//
// @return : true(맞는 형식) | false(잘못된 형식)
//-----------------------------------------------------------------------------
String.prototype.kor = function() {
return (this.trim().match(/^[가-힣]+$/)) ? true : false;
}

//-----------------------------------------------------------------------------
// 숫자와 . - 이외의 문자는 다 뺀다. - 통화량을 숫자로 변환
//
// @return : 숫자
//-----------------------------------------------------------------------------
String.prototype.toNum = function() {
var num = this.trim();
return (this.trim().replace(/[^0-9\.-]/g,""));
}

//-----------------------------------------------------------------------------
// 숫자 이외에는 다 뺀다.
//
// @return : 숫자
//-----------------------------------------------------------------------------
String.prototype.onlyNum = function() {
var num = this.trim();
return (this.trim().replace(/[^0-9]/g,""));
}

//-----------------------------------------------------------------------------
// 숫자만 뺀 나머지 전부
//
// @return : 숫자 이외
//-----------------------------------------------------------------------------
String.prototype.noNum = function() {
var num = this.trim();
return (this.trim().replace(/[0-9]/g,""));
}

//-----------------------------------------------------------------------------
// 숫자에 3자리마다 , 를 찍어서 반환
//
// @return : 통화량
//-----------------------------------------------------------------------------
String.prototype.toMoney = function() {
var num = this.toNum();
var pattern = /(-?[0-9]+)([0-9]{3})/;
while(pattern.test(num)) {
num = num.replace(pattern,"$1,$2");
}
return num;
}

//-----------------------------------------------------------------------------
// String length 반환
//
// @return : int
//-----------------------------------------------------------------------------
String.prototype.getLength = function() {
return this.length;
}

//-----------------------------------------------------------------------------
// String length 반환 한글 2글자 영어 1글자
//
// @return : int
//-----------------------------------------------------------------------------
String.prototype.getByteLength = function() {
var tmplen = 0;
for (var i = 0; i < this.length; i++) {
if (this.charCodeAt(i) > 127)
tmplen += 2;
else
tmplen++;
}
return tmplen;
}

//-----------------------------------------------------------------------------
// 파일 확장자 반환
//
// @return : String
//-----------------------------------------------------------------------------
String.prototype.getExt = function() {
var ext = this.substring(this.lastIndexOf(".") + 1, this.length);
return ext;
}

//-----------------------------------------------------------------------------
// String에 따라서 받침이 있으면 은|이|을 을
// 받침이 없으면 는|가|를 등을 리턴 한다.
// str.josa("을/를") : 구분자는 항상 "/"로
//
//
// @return : 은/는, 이/가 ...
//-----------------------------------------------------------------------------
String.prototype.josa = function(nm) {
var nm1 = nm.trim().substring(0, nm.trim().indexOf("/"));
var nm2 = nm.trim().substring(nm.trim().indexOf("/") + 1, nm.trim().length);
var a = this.substring(this.length - 1, this.length).charCodeAt();
a = a - 44032;
var jongsung = a % 28;
return (jongsung) ? nm1 : nm2;
}

/******************************************************************************
* Form에 관련된 메서드
*
* 1. text, textarea
* required : 값이 없으면 경고
* num : 값에 숫자만 가능
* eng : 값에 영어만 가능
* han : 값에 한글만 가능
* numeng : 값에 숫자와 영어만 가능
* min=value : 최소 value자 이상
* max=value : 최대 value자 이하
* len=value : 정확하게 value자만 가능
* len=start~end : start자에서 end자까지 가능
* userid : 영어 숫자만 가능하고 첫문자는 영어로
* phone=value : value가 ""면 이 필드만 아니면 value가 같은 phone에 관련된 모든 필드 조사
* mobile=value : value가 ""면 이 필드만 아니면 value가 같은 mobile에 관련된 모든 필드 조사
* email=value : value가 ""면 이 필드만 아니면 value가 같은 email에 관련된 모든 필드 조사
* jumin=value : value가 ""면 이 필드만 아니면 value가 같은 jumin에 관련된 모든 필드 조사
* biznum=value : value가 ""면 이 필드만 아니면 value가 같은 biznum에 관련된 모든 필드 조사
* 2. select
* required : 값이 없으면 경고
* 3. radio
* required : 아무것도 선택되지 않으면 경고
* 4. checkbox
* required : 아무것도 선택되지 않으면 경고
* min=value : 최소 value개 이상 가능
* max=value : 최대 value개 이하 가능
* len=value : 정확하게 value개 가능
* len=start~end : start개에서 end개 까지 가능
* 5. file
* required : 아무것도 선택되지 않으면 경고
* allow=value : 확장자가 value 인 파일만 업로드 가능 (allow="gif jpg jpeg png")
* deny=value : 확장자가 value 인 파일은 업로드 불가능
*****************************************************************************/
//-----------------------------------------------------------------------------
// FormUtil Class 생성
//-----------------------------------------------------------------------------
FormUtil = function(obj) {
this.obj = obj;
}

//-----------------------------------------------------------------------------
// 폼 유효성 체크
//
// @return : true | false
//-----------------------------------------------------------------------------
FormUtil.prototype.success = function() {

for(var i = 0; i < this.obj.elements.length; i++) {
var f = this.obj[i];

var fname = (f.getAttribute("FNAME") == null) ? f.name.toUpperCase() : fname = f.getAttribute("FNAME");

// checkbox
if(f.type == "checkbox") {
if(!this.checkbox(f, fname)) {
return false;
}
}
// radio
else if(f.type == "radio") {
if(!this.radio(f, fname)) {
return false;
}
}
else { // text, textarea, password, select
// <input required>
if(f.getAttribute("REQUIRED") != null) {
var ftype = f.type;
var msg = " 입력 하세요";
if(ftype.indexOf("select") >= 0 || ftype == "file") {
msg = " 선택하세요";
}

if(!f.value.notNull()) {
alert(fname + fname.josa("을/를") + msg);
f.focus();
return false;
}
}
// <input num>
if(f.getAttribute("NUM") != null && f.value != "") {
if(!f.value.num()) {
alert(fname + fname.josa("은/는") + " 숫자로만 구성되어야 합니다.");
f.value = "";
f.focus();
return false;
}
}
// <input eng>
if(f.getAttribute("ENG") != null && f.value != "") {
if(!f.value.eng()) {
alert(fname + fname.josa("은/는") + " 영어로만 구성되어야 합니다.");
f.value = "";
f.focus();
return false;
}
}
// <input numeng>
if(f.getAttribute("NUMENG") != null && f.value != "") {
if(!f.value.numeng()) {
alert(fname + fname.josa("은/는") + " 숫자와 영어로만 구성되어야 합니다.");
f.value = "";
f.focus();
return false;
}
}
// <input han>
if(f.getAttribute("HAN") != null && f.value != "") {
if(!f.value.kor()) {
alert(fname + fname.josa("은/는") + " 한글로만 구성되어야 합니다.");
f.value = "";
f.focus();
return false;
}
}
// <input userid>
if(f.getAttribute("USERID") != null && f.value != "") {
if(!f.value.userid()) {
alert(fname + fname.josa("은/는") + " 숫자와 영어로만 구성되어야 하며\n\n첫문자는 반드시 영어로 시작해야 합니다.");
f.value = "";
f.focus();
return false;
}
}
// <input type="file" deny="value">
if(f.getAttribute("DENY") != null && f.type == "file" && f.value != "") {
var ext = f.value.getExt().toLowerCase();
var ext2 = f.getAttribute("DENY").toLowerCase();
if(ext2.indexOf(ext) >= 0) {
alert("확장자가 " + f.getAttribute("DENY").toUpperCase() + " 인 파일은 업로드 하실 수 없습니다.");
return false;
}
}
// <input type="file" deny="value">
if(f.getAttribute("ALLOW") != null && f.type == "file" && f.value != "") {
var ext = f.value.getExt().toLowerCase();
var ext2 = f.getAttribute("ALLOW").toLowerCase();
if(ext2.indexOf(ext) < 0) {
alert("확장자가 " + f.getAttribute("ALLOW").toUpperCase() + " 인 파일만 업로드 가능 합니다.");
return false;
}
}
// <input max="10">
if(f.getAttribute("MAX") != null) {
var tmpLen = f.value.getLength();
if(tmpLen > parseInt(f.getAttribute("MAX"))) {
alert(fname + fname.josa("은/는") + " " + f.getAttribute("MAX") + "자 이하로 입력 하세요.");
f.value = "";
f.focus();
return false;
}
}
// <input min="10">
if(f.getAttribute("MIN") != null) {
var tmpLen = f.value.getLength();
if(tmpLen < parseInt(f.getAttribute("MIN"))) {
alert(fname + fname.josa("은/는") + " " + f.getAttribute("MIN") + "자 이상으로 입력 하세요.");
f.focus();
return false;
}
}
// <input len="10">
if(f.getAttribute("LEN") != null) {
var tmpLen = f.value.getLength();
var val = f.getAttribute("LEN");
if(val.indexOf(val.noNum()) > 0) {
var num1 = val.substring(0, val.indexOf(val.noNum()));
var num2 = val.substring(val.lastIndexOf(val.noNum()) + 1, val.length);
if(tmpLen < parseInt(num1) || tmpLen > parseInt(num2)) {
alert(fname + fname.josa("은/는") + " " + num1 + "자 이상 " + num2 + "자 이하로 입력하세요");
f.focus();
return false;
}
}
else {
if(tmpLen != parseInt(val)) {
alert(fname + fname.josa("은/는") + " " + val + "자리 입니다.");
f.focus();
return false;
}
}
}
}
}

for(var i = 0; i < this.obj.elements.length; i++) {
var f = this.obj[i];
// <input phone="name">
if(f.getAttribute("PHONE") != null) {
var val = "";
if(f.getAttribute("PHONE") == "") {
val = f.value
}
else {
val = this.getValue("PHONE", f.getAttribute("PHONE"));
}
if(!val.phone()) {
alert("올바른 전화번호가 아닙니다.\n\n다시 확인하여 주세요");
f.focus();
return false;
}
}
// <input mobile="name">
if(f.getAttribute("MOBILE") != null) {
var val = "";
if(f.getAttribute("MOBILE") == "") {
val = f.value
}
else {
val = this.getValue("MOBILE", f.getAttribute("MOBILE"));
}
if(!val.mobile()) {
alert("올바른 핸드폰번호가 아닙니다.\n\n다시 확인하여 주세요");
f.focus();
return false;
}
}
// <input jumin="name">
if(f.getAttribute("JUMIN") != null) {
var val = "";
if(f.getAttribute("JUMIN") == "") {
val = f.value
}
else {
val = this.getValue("JUMIN", f.getAttribute("JUMIN"));
}
if(!val.jumin()) {
alert("올바른 주민등록 번호가 아닙니다.\n\n다시 확인하여 주세요");
f.focus();
return false;
}
}
// <input email="name">
if(f.getAttribute("EMAIL") != null) {
var val = "";
if(f.getAttribute("EMAIL") == "") {
val = f.value
}
else {
val = this.getValue("EMAIL", f.getAttribute("EMAIL"));
}
if(!val.mail()) {
alert("유효한 이메일이 아닙니다.\n\n다시 확인하여 주세요");
f.focus();
return false;
}
}
// <input biznum="name">
if(f.getAttribute("BIZNUM") != null) {
var val = "";
if(f.getAttribute("BIZNUM") == "") {
val = f.value
}
else {
val = this.getValue("BIZNUM", f.getAttribute("BIZNUM"));
}
if(!val.bizname()) {
alert("유효한 사업자 등록 번호가 아닙니다.\n\n다시 확인하여 주세요");
f.focus();
return false;
}
}

}

return true;
}

//-----------------------------------------------------------------------------
// Checkbox 일때 유효성 체크
//
// @return : true | false
//-----------------------------------------------------------------------------
FormUtil.prototype.checkbox = function(f, fname) {
var chkObj = eval("this.obj." + f.name);
// 체크박스를 선택하여야 할 때
var c = 0;
var len = chkObj.length;
if(len) {
for(var j = 0; j < len; j++) {
if(chkObj[j].checked) c++;
}
}
else {
if(chkObj.checked) c = 1;
}

if(f.getAttribute("REQUIRED") != null) {
if(c == 0) {
alert(fname + fname.josa("을/를") + " 선택하여 주세요");
return false;
}
}
if(f.getAttribute("MAX") != null) {
var val = f.getAttribute("MAX");
if(c > parseInt(val)) {
alert(fname + fname.josa("은/는") + " 최대 " + val + "개 이하로 선택 하셔야 합니다.");
return false;
}
}
if(f.getAttribute("MIN") != null) {
var val = f.getAttribute("MIN");
if(c < parseInt(val)) {
alert(fname + fname.josa("은/는") + " 최소 " + val + "개 이상 선택 하셔야 합니다.");
return false;
}
}
if(f.getAttribute("LEN") != null) {
var val = f.getAttribute("LEN");
if(val.indexOf(val.noNum()) > 0) {
var num1 = val.substring(0, val.indexOf(val.noNum()));
var num2 = val.substring(val.lastIndexOf(val.noNum()) + 1, val.length);
if(c < parseInt(num1) || c > parseInt(num2)) {
alert(fname + fname.josa("은/는") + " " + num1 + "개 이상 " + num2 + "개 이하로 선택 하셔야 합니다.");
return false;
}
}
else {
if(c != parseInt(val)) {
alert(fname + fname.josa("은/는") + " " + val + "개 선택 하셔야 합니다.");
f.focus();
return false;
}
}
}
return true;
}

//-----------------------------------------------------------------------------
// Radio 유효성 체크
//
// @return : true | false
//-----------------------------------------------------------------------------
FormUtil.prototype.radio = function(f, fname) {
var chkObj = eval("this.obj." + f.name);
if(f.getAttribute("REQUIRED") != null) {
var c = 0;
var len = chkObj.length;
if(len) {
for(var j = 0; j < len; j++) {
if(chkObj[j].checked) c++;
}
}
else {
if(chkObj.checked) c = 1;
}
if(c == 0) {
alert(fname + fname.josa("을/를") + " 선택하여 주세요");
return false;
}
}
return true;
}

//-----------------------------------------------------------------------------
// 체크되어 있는 갯수를 리턴해 준다.
//
// @return : int
//-----------------------------------------------------------------------------
FormUtil.prototype.checked = function(btn) {
var len = btn.length;
var c = 0;
if(len) {
for(var j = 0; j < len; j++) {
if(btn[j].checked) c++;
}
}
else {
if(btn.checked) c = 1;
}
return c;
}

//-----------------------------------------------------------------------------
// 해당 name의 값이 같은 filed를 구한다.
//
// @return : String
//-----------------------------------------------------------------------------
FormUtil.prototype.getValue = function(name, value) {
var val = "";
for(var j = 0; j < this.obj.elements.length; j++) {
if(eval("this.obj[j].getAttribute(\"" + name + "\")") != null && eval("this.obj[j].getAttribute(\"" + name + "\")") == value) {
if(val == "") {
val += this.obj[j].value;
}
else {
val += "@" + this.obj[j].value;
}
}
}
return val;
}
//-->

1. <script type="text/javascript" src="http://widget.wzd.com/scripts/myjit.js">  
2. </script>  
3. <script type="text/javascript">  
4. var myjit = new WZD.Myjit({   
5.     myjitid: 'f472492259e3736f'   
6. });   
7. myjit.setConfiguration({   
8.     skin: 21,   
9.     width: 640,   
10.     height: 480,   
11.     title: '지하철 노선도'   
12. });   
13. myjit.load();   
14. </script>  
    
    
    
    
    <script type="text/javascript" src="http://widget.wzd.com/scripts/myjit.js"> 
    </script> 
    <script type="text/javascript"> 
    var myjit = new WZD.Myjit({  
        myjitid: 'f472492259e3736f'  
    });  
    myjit.setConfiguration({  
        skin: 21,  
        width: 640,  
        height: 480,  
        title: '지하철 노선도'  
    });  
    myjit.load();  
    </script> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<meta http-equiv="imagetoolbar" content="no">
<link rel="stylesheet" href="/css/admin.css" type="text/css">
<script language="javascript">
<!--
function Category(value, name, parent, depth) {
  this.value = value;
  this.name = name;
  this.parent = parent;
  this.depth = depth;
  this.length = 0;
}

function addCategory(category, value, name, parent, depth) {
  category[category.length] = new Category(value, name, parent, depth);
  category.length++;
}

var category = new Category();
var category1 = new Category();

addCategory(category, '00', '자동차계약', '01', '1');
addCategory(category, '01', '개인용', '01', '2');
addCategory(category, '02', '업무용', '01', '2');
addCategory(category, '03', '영업용', '01', '2');
addCategory(category, '04', '플러스 개인용', '01', '2');
addCategory(category, '05', '플러스 업무용', '01', '2');
addCategory(category, '06', '참좋은 개인용', '01', '2');
addCategory(category, '99', '기타', '01', '2');
addCategory(category, '00', '자동차보상', '02', '1');
addCategory(category, '01', '대인Ⅰ', '02', '2');
addCategory(category, '02', '대인Ⅱ', '02', '2');
addCategory(category, '03', '대물', '02', '2');
addCategory(category, '04', '자손', '02', '2');
addCategory(category, '05', '자차', '02', '2');
addCategory(category, '06', '무보험', '02', '2');
addCategory(category, '07', '상해', '02', '2');
addCategory(category, '08', '타차', '02', '2');
addCategory(category, '99', '기타', '02', '2');
addCategory(category, '00', '보장사업', '03', '1');
addCategory(category, '00', '장기계약', '04', '1');
addCategory(category, '01', '재물', '04', '2');
addCategory(category, '02', '운전자', '04', '2');
addCategory(category, '03', '저축성', '04', '2');
addCategory(category, '04', '상해', '04', '2');
addCategory(category, '05', '연금', '04', '2');
addCategory(category, '06', '질병', '04', '2');
addCategory(category, '99', '기타', '04', '2');
addCategory(category, '00', '장기보상', '05', '1');
addCategory(category, '01', '재물', '05', '2');
addCategory(category, '02', '상해', '05', '2');
addCategory(category, '03', '질병', '05', '2');
addCategory(category, '04', '연금', '05', '2');
addCategory(category, '05', '저축성', '05', '2');
addCategory(category, '06', '운전자', '05', '2');
addCategory(category, '99', '기타', '05', '2');
addCategory(category, '00', '일반보상', '06', '1');
addCategory(category, '01', '화재', '06', '2');
addCategory(category, '02', '기술', '06', '2');
addCategory(category, '03', '근재', '06', '2');
addCategory(category, '04', '배상', '06', '2');
addCategory(category, '05', '종합', '06', '2');
addCategory(category, '06', '상해', '06', '2');
addCategory(category, '07', '기타특종', '06', '2');
addCategory(category, '08', '종합(物)', '06', '2');
addCategory(category, '09', '기타특종(物)', '06', '2');
addCategory(category, '99', '기타', '06', '2');
addCategory(category, '00', '융자', '07', '1');
addCategory(category, '00', '영업', '08', '1');
addCategory(category, '00', '기타', '09', '1');
addCategory(category, '00', '일반계약', '10', '1');
addCategory(category, '01', '상해', '10', '2');
addCategory(category, '02', '재물', '10', '2');
addCategory(category, '99', '기타', '10', '2');

addCategory(category1, '10000', '자동차계약', '00000', '1');
addCategory(category1, '20000', '장기계약', '00000', '1');
addCategory(category1, '30000', '고객서비스', '00000', '1');
addCategory(category1, '10100', '계약인수', '10000', '2');
addCategory(category1, '10200', '계약관리', '10000', '2');
addCategory(category1, '10300', '계약해지', '10000', '2');
addCategory(category1, '20100', '계약인수', '20000', '2');
addCategory(category1, '20200', '계약관리', '20000', '2');
addCategory(category1, '20300', '계약해지', '20000', '2');
addCategory(category1, '30100', '임직원', '30000', '2');
addCategory(category1, '30200', 'PA', '30000', '2');
addCategory(category1, '30300', 'PA 제기 불만', '30000', '2');
addCategory(category1, '30400', '대출', '30000', '2');
addCategory(category1, '30500', '콜센터', '30000', '2');
addCategory(category1, '30600', 'SOS서비스', '30000', '2');
addCategory(category1, '30700', '현장출동', '30000', '2');
addCategory(category1, '30800', '시스템', '30000', '2');
addCategory(category1, '10101', '증권, 약관, 영수증 미수령', '10100', '3');
addCategory(category1, '10102', '인수기준 불만', '10100', '3');
addCategory(category1, '10103', '계약정보 착오입력', '10100', '3');
addCategory(category1, '10104', '자동이체 갱신특약 안내미흡', '10100', '3');
addCategory(category1, '10105', '특약/보상범위등 상품안내 미흡', '10100', '3');
addCategory(category1, '10106', '계약자 동의없이 임의 계약체결', '10100', '3');
addCategory(category1, '10107', '기타', '10100', '3');
addCategory(category1, '10201', '수납방법 배서누락', '10200', '3');
addCategory(category1, '10202', '자동이체일/갱신/연체/실효안내 미흡', '10200', '3');
addCategory(category1, '10203', '특약/담보변경사항 안내 미흡', '10200', '3');
addCategory(category1, '10204', '기타 요청 배서 지연 및 누락', '10200', '3');
addCategory(category1, '10205', '자동이체 해지/수납방법 변경 후 계좌에서 자동이체됨', '10200', '3');
addCategory(category1, '10206', '차량대체착오', '10200', '3');
addCategory(category1, '10207', '신용정보 유출 여부', '10200', '3');
addCategory(category1, '10208', '기타', '10200', '3');
addCategory(category1, '10301', '해지환급금 불만', '10300', '3');
addCategory(category1, '10302', '관련서류안내착오', '10300', '3');
addCategory(category1, '10303', '해지후 보험료 이체', '10300', '3');
addCategory(category1, '10304', '기타', '10300', '3');
addCategory(category1, '20101', '증권(영수증) 미수령', '20100', '3');
addCategory(category1, '20102', '인수기준 불만', '20100', '3');
addCategory(category1, '20103', '계약정보 착오입력', '20100', '3');
addCategory(category1, '20104', '피보험자 선정 착오', '20100', '3');
addCategory(category1, '20105', '특약/보상범위등 상품안내 미흡', '20100', '3');
addCategory(category1, '20106', '계약자 동의없이 임의 계약체결', '20100', '3');
addCategory(category1, '20107', '기타', '20100', '3');
addCategory(category1, '20201', '자동이체 약정일 임의 변경', '20200', '3');
addCategory(category1, '20202', '영업조직 임의로 실시간 출금', '20200', '3');
addCategory(category1, '20203', '특약/담보변경사항 안내 미흡', '20200', '3');
addCategory(category1, '20204', '수납방법 배서누락', '20200', '3');
addCategory(category1, '20205', '자동이체일/갱신/연체안내/실효안내 미흡', '20200', '3');
addCategory(category1, '20206', '기타 요청 배서 누락', '20200', '3');
addCategory(category1, '20207', '자동이체 해지/수납방법 변경 후 계좌에서 자동이체됨', '20200', '3');
addCategory(category1, '20208', '신용정보 유출 여부', '20200', '3');
addCategory(category1, '20209', '기타', '20200', '3');
addCategory(category1, '20301', '환급금 불만', '20300', '3');
addCategory(category1, '20302', '관련서류 안내착오', '20300', '3');
addCategory(category1, '20303', '해지후 보험료 이체', '20300', '3');
addCategory(category1, '20304', '기타', '20300', '3');
addCategory(category1, '30101', '업무처리 미흡', '30100', '3');
addCategory(category1, '30102', '응대 불친절', '30100', '3');
addCategory(category1, '30103', '약속 불이행', '30100', '3');
addCategory(category1, '30104', '직업윤리 위반', '30100', '3');
addCategory(category1, '30105', '기타', '30100', '3');
addCategory(category1, '30201', '업무처리 미흡', '30200', '3');
addCategory(category1, '30202', '계약후 별도의 관리없음', '30200', '3');
addCategory(category1, '30203', '응대 불친절', '30200', '3');
addCategory(category1, '30204', '약속 불이행', '30200', '3');
addCategory(category1, '30205', '보험료 유용', '30200', '3');
addCategory(category1, '30206', '직업윤리 위반', '30200', '3');
addCategory(category1, '30207', '기타', '30200', '3');
addCategory(category1, '30301', '수당,수수료 관련', '30300', '3');
addCategory(category1, '30302', '조직이관,해촉', '30300', '3');
addCategory(category1, '30303', '영업관리상 불만', '30300', '3');
addCategory(category1, '30304', '기타', '30300', '3');
addCategory(category1, '30401', '대출이자 관련', '30400', '3');
addCategory(category1, '30402', '신용정보 유출 여부', '30400', '3');
addCategory(category1, '30403', '소득정산관련', '30400', '3');
addCategory(category1, '30404', '대출이자연체 안내미흡', '30400', '3');
addCategory(category1, '30405', '기타', '30400', '3');
addCategory(category1, '30501', '응대 불친절', '30500', '3');
addCategory(category1, '30502', '상품/보상/배서 관련 착오안내', '30500', '3');
addCategory(category1, '30503', '변경업무 처리 미흡', '30500', '3');
addCategory(category1, '30504', '기타', '30500', '3');
addCategory(category1, '30601', '정비서비스 불만', '30600', '3');
addCategory(category1, '30602', '부당요금 청구', '30600', '3');
addCategory(category1, '30603', '출동지연', '30600', '3');
addCategory(category1, '30604', '현장조치 미흡', '30600', '3');
addCategory(category1, '30605', '업체 불친절', '30600', '3');
addCategory(category1, '30606', '업체 횡포 (부당한 요구)', '30600', '3');
addCategory(category1, '30607', '직원 복장/태도 불량', '30600', '3');
addCategory(category1, '30608', '기타', '30600', '3');
addCategory(category1, '30701', '현장출동 미실시(지연)', '30700', '3');
addCategory(category1, '30702', '현장조치 미흡', '30700', '3');
addCategory(category1, '30703', '직원 불친절', '30700', '3');
addCategory(category1, '30704', '직원 복장/태도 불량', '30700', '3');
addCategory(category1, '30705', '기타', '30700', '3');
addCategory(category1, '30801', '이메일 및 핸드폰으로 불필요한 안내', '30800', '3');
addCategory(category1, '30802', '전산 등 시스템으로 야기되는 불만', '30800', '3');
addCategory(category1, '30803', '홈페이지 관련 불만', '30800', '3');
addCategory(category1, '30804', '기타', '30800', '3');
 

function initForm() {
    var frm = document.form1;
    var j = 1;
    var k = 1;
    for (i = 0; i < category.length; i++) {
        if (category[i].depth == "1") {
            frm.ins_type.options[0] = new Option(":: 보험종목 ::", "");
            frm.ins_type.options[j] = new Option(category[i].name, category[i].parent);
            j++;
        }
    }
    for (i = 0; i < category1.length; i++) {
        if (category1[i].depth == "1") {
            frm.codeA.options[0] = new Option(":: 대분류 ::", "");
            frm.codeA.options[k] = new Option(category1[i].name, category1[i].value);
            k++;
        }
    }
    frm.ins_type.selectedIndex = 0;
    frm.codeA.selectedIndex = 0;
    changeMiddle(frm.ins_type, frm.ins_s_type, "1");
    changeMiddle(frm.codeA, frm.codeB, "1");
}

function changeMiddle(obj, changeObj, depth) {
    var j = 1;
    var i = obj.selectedIndex;
    if (i < 0) i = 0;
    var value = obj[i].value;
   
    if (obj == document.form1.ins_type) {
        changeObj.options[0] = new Option(":: 보험종목세부 ::", "");
        for (i = 0; i < category.length; i++) {
            var parent = category[i].parent;
            if (parent == value && category[i].depth == "2") {
                changeObj.options[j] = new Option(category[i].name, category[i].value);
                j++;
            }
        }
    } else {
        if (depth == "3") {
            changeObj.options[0] = new Option(":: 소분류 ::", "");
        } else {
            document.form1.codeB.options[0] = new Option(":: 중분류 ::", "");
            document.form1.codeC.options[0] = new Option(":: 소분류 ::", "");
        }
        for (i = 0; i < category1.length; i++) {
            var parent = category1[i].parent;
            if (parent == value) {
                changeObj.options[j] = new Option(category1[i].name, category1[i].value);
                j++;
            }
        }
    }

    changeObj.selectedIndex = 0;
}

function submitForm(){
    alert(document.form1.ins_type.value);
    alert(document.form1.ins_s_type.value);
    alert(document.form1.codeA.value);
    alert(document.form1.codeB.value);
    alert(document.form1.codeC.value);
}

// -->
</SCRIPT>
</head>

<body onLoad="initForm();">

<h1>3단 동적 셀렉트 박스 예제</h1>

<form name="form1" method="get" action="#">
<select name="ins_type" onchange="changeMiddle(this, document.form1.ins_s_type, '2')"></select>
<select name="ins_s_type"></select><br>

<select name="codeA" onchange="changeMiddle(this, document.form1.codeB, '2')"></select>
<select name="codeB" onchange="changeMiddle(this, document.form1.codeC, '3')"></select>
<select name="codeC"></select>
</form>
<input type="button" value="submit" onclick="submitForm();">
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Vertically and Horizontally Centering a DIV</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript" src="/mint/mint.js.php"></script>

<style type="text/css">
body {
 font-size: 12px;
 font-family: arial, helvetica, sans-serif;
 color: #333;
}
p {
 margin: 1em;
}
.comments {
 background-color: #e3e3e3;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding: 2px;
}

#mydiv {
 position:absolute;
 top: 50%;
 left: 50%;
 width:30em;
 height:18em;
 margin-top: -9em; /*set to a negative number 1/2 of your height*/
 margin-left: -15em; /*set to a negative number 1/2 of your width*/
 border: 1px solid #ccc;
 background-color: #f3f3f3;
}

</style>

</head>
<body>
<div id="mydiv">
 <p>This is a vertically and horizontally centered &lt;div&gt; tag. Try resizing your browser.</p>
 
 <div class="comments">
  <p><strong>Comments:</strong></p>
  <p>Tested in: <span style="color: darkblue">Firefox, IE6, Opera 7, NN4.7, NN7, and Mozilla 1.2.</span><br />
  Works in: <span style="color: darkblue">Firefox, IE6, Opera 7, NN7, and Mozilla 1.2.</span><br />
  Doesn't work in: <span style="color: darkblue">NN4.7</span></p>
  <p>&copy; Copyright 2003, <a href="/">Infinity Web Design</a></p>
 </div>
</div>
</body>
</html>

Table 줄바꿈

1. 강제로 줄바꿈(특수문자제외) style="word-break:break-all"
2. 강제로 줄바꿈(특수문자포함) style="word-wrap:break-word"
3. 줄바꿈 못하도록 nowrap

1. 소스

<html>
<head>
<title>Bizest 체험관 - KIS</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<link rel="alternate" type="application/rss+xml" href="/rss/" title="RSS feed for Bizest KIS"/>
<link rel="stylesheet" type="text/css" href="/skin/x4/css/blue.css" />
<link rel="stylesheet" type="text/css" href="/skin/x4/css/layout.css" />
<link rel="stylesheet" type="text/css" href="/skin/x4/css/form.css" />
<link rel="stylesheet" type="text/css" href="/skin/x4/css/form.css" />
<link rel="stylesheet" media="print" type="text/css" href="/skin/x4/css/print.css" />

print.css

• JS Minifier
• JSMin
• JSLint : JavaScript Verifier
• Javascript compressor : JavaScript 압축 도구
• CSS & JavaScript Compressor : CSS & JavaScript 압축 도구
• ShrinkSafe : JavaScript 압축 도구
• Huffman JavaScript Compression
• SOC (Safe Obfuscator/Compressor)
• ANT 프로젝트 구축으로 로컬에서 자유자제로 JavaScript 압축 : 여기

• CSS OPTIMIZER : CSS파일의 사이즈를 압출해주는 툴
• CSS compressor : CSS 압축기
• ROBSON CSS COMPRESSOR : CSS 압축도구
• CSS DRIVE CSS COMPRESSOR : CSS 압축도구
• CSS Compressor from Lottery Post : CSS 압축기
• FLUMPCAKES CSS OPTIMIZER : CSS파일을 최적화 도구
• CSS ANALYZER : URL방식으로 CSS를 Validation
• CSS TIDY : open source 기반의 CSS parser와 optimizer
• 온라인으로도 최적화 사이트
• CLEAN CSS : CSS를 formatting하고 optimizing하는 온라인 도구
• CSSCHECK : URL기반으로 CSS파일을 기입하면 코드에 대한 피드백을 리포팅합니다. Warning과 에러 정보를 제공합니다.
• Code Beautifier (Based on CSS Tidy)
• CSS Optimizer : 다운로드 클라이언트를 사용하여 CSS를 최적화함

• CSS Sprite Generator
• 웹 성능 개발 방안

출처 : http://www.mimul.com/pebble/default/2008/01/29/1201616760000.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> obxGetColor, obxStickGraph</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr" />
 <script>
 IE=(window.showModalDialog) ? true : false;

 function obxGetColor(color,gap) {

  var rtn='',col,tmp;

  for(var x=0;x <6; x+=2) {
   col=parseInt(color.substr(x,2),16)+gap;
   if (col > 255) col = 255;
   else if (col < 0) col=0;

   if(col < 10) rtn+='0'+col.toString(16);
   else rtn+=col.toString(16);
  }

  return rtn;
 }

 function obxStickGraph(dsize) {

  this.step=3;
  this.speed=10;
  this.total=0;
  this.max=0;
  this.dsize=dsize;
  this.statictext=false;

  this.item= new Object();

  this.add = function (id,size,color,text) {
   this.total += size;
   this.max=Math.max(this.max,size);
   this.item[id]= {'size' : size, 'color' : color.replace('#',''), 'text' : text}
  }

  this.draw = function (id,action) {

   var dColor=obxGetColor(this.item[id].color,-20);

   document.write("<div></div>");
   //this.item[id].div=document.body.appendChild(document.createElement('div'));
   var divs=document.getElementsByTagName('div');
   this.item[id].div=divs[divs.length-1];

   this.item[id].div.style.borderLeft="1px solid #"+dColor;
   this.item[id].div.style.overflow="hidden";
   this.item[id].div.style.height="11px";

   if(!action) this.actDraw(id);
   else this.actDraw(id,5);

  }

  this.getCss= function(width,height,color,bwidth,bcolor) {
   if(width<1)width=1;
   return "overflow:hidden;width:"+width+";height:"+height+";background-color:"+color+";border-right:"+bwidth+"px #"+bcolor+" solid";

  }

  this.actDraw= function(id,limit) {

   var pp = this.item[id].size / this.total;
   var sizep = this.item[id].size / this.max;

   if(!limit) var size=this.dsize * sizep;
   else size=limit;

   var hit = Math.round(this.max/this.dsize*size);
   var percent =(Math.round(this.max/this.dsize*size)/this.total*100).toString().match(/[0-9]*(?:\.[0-9][0-9])?/);

   var text = (this.item[id].text) ? this.item[id].text.replace('#',hit).replace('$',percent) : percent + " %"

   var Color=this.item[id].color;
   var hColor=obxGetColor(Color,20);
   var hhColor=obxGetColor(Color,30);
   var dColor=obxGetColor(this.item[id].color,-20);
   var add='',d;

   if(IE || opera) d=new Array(3,2,1);
   else d=new Array(3,4,5);

   this.item[id].div.innerHTML= ''
    +'<div style="'+this.getCss(size-d[0],1,hColor,1,hhColor)+'"></div>'
    +'<div style="'+this.getCss(size-d[1],2,hColor,3,hhColor)+'"></div>'
    +'<div style="'+this.getCss(size-d[2],2,hColor,5,hhColor)+'"></div>'
    +'<div style="'+this.getCss(size-d[2],1,hhColor,5,hhColor)+'"></div>'
    +'<div style="'+this.getCss(size-d[2],2,Color,5,hhColor)+'"></div>'
    +'<div style="'+this.getCss(size-d[1],2,Color,3,hhColor)+'"></div>'
    +'<div style="'+this.getCss(size-d[0],1,dColor,1,hhColor)+'"></div>'
    +'<span style="position:relative;top:'+(-11-IE)+'px;left:'+(((this.statictext)?this.dsize*sizep:size)+5)+'px;font:7pt verdana">'+text+'</span>'

   if(limit)
   if(this.dsize * sizep > limit) {
    obxStickGraphRunObject=this;
    setTimeout('obxStickGraphRunObject.actDraw("'+id+'",'+(limit+this.step)+');',this.speed);
   }else{
    setTimeout('obxStickGraphRunObject.actDraw("'+id+'");',this.speed);
   }

  }

 }

 grp=new obxStickGraph(200) ;
  grp.add('id1',100,'F8CF7B');
  grp.add('id2',200,'#D1D3D3');

  grp.add('id3',500,'FDB480','# hit ($ %)');
  grp.add('id4',300,'3399ff','# hit');
 </script>
 <style>
  td {font: 11px gulim}
 </style>

</head>

<body>

<table>
<tr>
 <td>
  항목 1
 </td>
 <td width="300">
  <script>grp.draw('id1',true);</script>
 </td>
 <td>
  동적 드로우, 기본출력
 </td>
</tr>

<tr>
 <td>
  항목 2
 </td>
 <td>
  <script>grp.draw('id2');</script>
 </td>
 <td>
  정적 드로우, 기본출력
 </td>
</tr>

<tr>
 <td>
  항목 3
 </td>
 <td>
  <script>grp.draw('id3',true);</script>
 </td>
 <td>
  동적 드로우, "# hit" 출력
 </td>
</tr>

<tr>
 <td>
  항목 4
 </td>
 <td>
  <script>grp.draw('id4');</script>
 </td>
 <td>
  정적 드로우, "# hit" 출력
 </td>
</tr>

</table>

<xmp>

생성 :

 <script>

  grp=new obxStickGraph(200) ;
  //젤 긴게 200px 만하게 grp란걸 만든다 (그래프 길이"만" 입니다, 글자 때문에 더 깁니다.)

  grp.add('id1',100,'F8CF7B');
  //그 grp로 명령을 내립니다.
  // "id1" 아이디로 100이란 값을 넣어준다 이때 색은 F8CF7B로
  //색은 조금 어두운 부분(그래프 밑부분)색입니다

  grp.add('id2',200,'#D1D3D3');

  grp.add('id3',500,'FDB480','# hit ($ %)');
  // 4번째 인자는 출력 문잡니다. #은 값으로 $는 퍼센트값으로 바뀝니다

  grp.add('id4',300,'3399ff','# hit');

 </script>

출력 :

 <script>

  grp.draw('id1',true);
  //아이디에 해당되는 그래프를 출력합니다,
  //이때 두번째 인자는 옵션이고 true로 해주면 동적으로 그립니다.(비추-_-;)

 </script>

동적옵션코드 :

 <script>
  grp.step = 3;
  grp.speed = 10;
  //그려주기(grp.draw()) 전에 이런 코드를 넣어주셔도 됩니다.
  //동적으로 그릴때 쓰는 옵션인데
  //스텝은 한번에 늘어나는 길이(픽셀)고, 스피드는 한번 돌아가는;; 속도입니다. 적을수록 빠르고 0이 최소값입니다.

 +yser님의 조언

  grp.statictext=true
  //텍스트 표시를 정적으로 합니다.
 </script>

</xmp>

</body>
</html>

<HTML>

       <HEAD>

              <TITLE>TextArea </TITLE>

              <SCRIPT LANGUAGE="JavaScript">

<!--

function CheckStrLength()

{

 var temp;

 var f = document.form.write_text.value.length;

 var msglen = 256; //최대 길이

 var tmpstr = "";

 var enter = 0;

 var strlen;

 // 초기 최대길이를 텍스트 박스에 뿌려준다.

 if(f == 0)

  document.form.remain.value = msglen;

 else

 {

  for(k=0;k<f;k++)

  {

   temp = document.form.write_text.value.charAt(k);

   if(temp == '\n')// 입력 라인 제한을 위해 엔터키 횟수 증가

   {

    enter++;

   }

   if(escape(temp).length > 4)

    msglen -= 2;

   else

    msglen--;

   if(msglen < 0)

   {

    alert("총 영문 512자 한글 256자 까지 쓰실 수 있습니다.");

    document.form.write_text.value = tmpstr;

    break;

   }

   else if(enter > 3)

   {

    alert("라인수 4라인을 넘을수 없습니다.");

    enter = 0;

    strlen = tmpstr.length - 1;

    //alert(strlen);

    document.form.write_text.value = tmpstr.substring(0,strlen);

    break;

   }

   else

   {

    document.form.remain.value = msglen;

    tmpstr += temp;

   }

  }

 }

}

//-->

              </SCRIPT>

       </HEAD>

       <BODY>

              아는 후배 한테 받은건데 잘써먹고 있어요

              <FORM name="form" METHOD="POST" ACTION="" ID="Form1">

                     <table border="0" cellspacing="0" cellpadding="0" ID="Table1">

                            <tr>

                                   <td width="200" style="FONT-FAMILY: 굴림; FONT-SIZE: 12pt">⊙ 내용입력 남은 글자수 :

                                   </td>

                                   <td align="left" width="50"><input type="text" name="remain" size="3" value="" style="background-color:#ffffff;border:1 solid #33333; FONT-FAMILY: 굴림; FONT-SIZE: 10pt"

                                                 readonly ID="Text1">

                                   </td>

                                   <td align="" valign="bottom" width="360">(4줄까지만 작성 가능합니다.)

                                   </td>

                            </tr>

                            <tr>

                                   <td colspan="3" height="1"></td>

                            </tr>

                            <tr>

                                   <td colspan="3"><img src="http://okjsp.pe.kr/images/okjsp_top.gif" width="1" height="3" border="0"><br>

                                          <textarea name="write_text" cols="75" rows="10" WRAP="SOFT" onChange="CheckStrLength()" onKeyUp="CheckStrLength()"

                                                 ID="Textarea1"></textarea>

                                   </td>

                            </tr>

                     </table>

              </FORM>

       </BODY>

</HTML>

<!--

// 최상위 체크 로직(chars로 넘긴 값이 있다면 true)

    function containsCharsOnly(input,chars) {

        for (var inx = 0; inx < input.value.length; inx++) {

            if (chars.indexOf(input.value.charAt(inx)) == -1)

                return false;

        }

        return true;

    }

// 최상위 체크 로직(chars로 넘긴 값이 있다면 false)

 function containsChars(input,chars) {

     for (var inx = 0; inx < input.value.length; inx++) {

        if (chars.indexOf(input.value.charAt(inx)) != -1)

            return true;

     }

     return false;

 }

// 숫자 체크

    function isNum(input) {

        var chars = "0123456789";

        return containsCharsOnly(input,chars);

    }

// 이름체크

 function nameCheck(input){

  var chars = '0123456789~!@#$%^&*()_-+=|{}[]<>,./?';

        return containsChars(input,chars);

 }

// 전화 번호 Check

    function isPhoneCheck(input) {

     var chars = "0123456789( ).-,<>{}[]_~";

        return containsCharsOnly(input,chars);

    }

// 영문 판별

    function isPhoneCheck(input) {

     var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";

        return containsCharsOnly(input,chars);

    }

// 영숫자 판별

    function isPhoneCheck(input) {

     var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";

        return containsCharsOnly(input,chars);

    }

 // 입력값이 숫자,대시(-)로 되어있는지 체크

 function isNumDash(input) {

     var chars = "-0123456789";

     return containsCharsOnly(input,chars);

 }

 // 입력값이 숫자,콤마(,)로 되어있는지 체크

 function isNumComma(input) {

     var chars = ",0123456789";

     return containsCharsOnly(input,chars);

 }

 // 입력값이 사용자가 정의한 포맷 형식인지 체크

 // 자세한 format 형식은 자바스크립트의 ''regular expression''을 참조

 function isValidFormat(input,format) {

     if (input.value.search(format) != -1) {

         return true; file://올바른 포맷 형식

     }

     return false;

 }

 /**

  * 입력값이 이메일 형식인지 체크

  * ex) if (!isValidEmail(form.email)) {

  *         alert("올바른 이메일 주소가 아닙니다.");

  *     }

  */

 function isValidEmail(input) {

 //    var format = /^(\S+)@(\S+)\.([A-Za-z]+)$/;

     var format = /^((\w|[\-\.])+)@((\w|[\-\.])+)\.([A-Za-z]+)$/;

     return isValidFormat(input,format);

 }

 /**

  * 입력값이 전화번호 형식(숫자-숫자-숫자)인지 체크

  */

 function isValidPhone(input) {

     var format = /^(\d+)-(\d+)-(\d+)$/;

     return isValidFormat(input,format);

 }

 // 콤마 없애기

 function removeComma(input) {

     return input.value.replace(/,/gi,"");

 }

 // 문자 변환 함수

    function alterString(str,before,after) {

     var returnStr = "";

     for(i = 0; i < str.length; i++) {

      value = str.charAt(i);

      index = before.indexOf(value);

      if(index >= 0) value = after.charAt(index);

      returnStr += value;

     }

     return returnStr;

    }

// 소 --> 대문자 변환 함수

    function ToUpper(arg) {

     var str1 = "abcdefghijklmnopqrstuvwxyz";

     var str2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

     return alterString(arg,str1,str2);

    }

// 대 --> 소문자 변환 함수

    function ToLower(arg){

     var str1 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

     var str2 = "abcdefghijklmnopqrstuvwxyz";

     return alterString(arg,str1,str2);

    }

// 반각 문자를 전각문자로

    function convert2ByteChar(x_char) {

        var x_2byteChar = ""; //컨버트된 문자

        var c = x_char.charCodeAt(0);

        if(32 <= c && c <= 126) { //전각으로 변환될수 있는 문자의 범위

            if(c == 32) { //스페이스인경우 ascii 코드 32

                x_2byteChar = unescape("%uFFFC");

            } else {

                x_2byteChar = unescape("%u"+gf_DecToHex(c+65248));

            }

        }

        return  x_2byteChar;

    }

// 10진수를 16진수로

    function gf_DecToHex(x_dec) {

        var x_Hex = new Array();

        var x_serial = 0;

        var x_over16 = x_dec;

        var x_tempNum = 0;

        while(x_dec > 15) {

            var x_h = x_dec % 16;          //나머지

            x_dec = parseInt(x_dec/16); //몫

            x_Hex[x_serial++] = (x_h > 9 ? String.fromCharCode(x_h + 55) : x_h); //16진수코드변환

        }

    //마지막은 몫의 값을 가짐

        x_Hex[x_serial++] = (x_dec > 9 ? String.fromCharCode(x_dec + 55) : x_dec); //16진수코드변환

    //몫,나머지,나머지,.....

        var retValue = "";

        for(var i=x_Hex.length ; i>0 ;i--) {

            retValue += x_Hex[i-1];

        }

        return retValue;

    }

// input box에 space, &nbsp;등 만으로 넣고 장난 칠때 이들 문자 뺀 길이를 통해 유효성 체크한다...

    function CheckStr(strOriginal, strFind, strChange){

        var position, strOri_Length;

        position = strOriginal.indexOf(strFind); 

        while (position != -1){

            strOriginal = strOriginal.replace(strFind, strChange);

            position = strOriginal.indexOf(strFind);

        }

        strOri_Length = strOriginal.length;

        return strOri_Length;

    }

// 체크 박스에 체크가 되어 있으면 true

 function checkValidator(str) {

  if(str.checked) return true;

  else return false;

 }

 // 비밀번호는 4자 등 최대 최소 길이를 파람으로 주고 처리...

    function checkLength(str,minLng,maxLng){

        var ckstr = str.value.length;

        if (parseInt(ckstr) < parseInt(minLng) || parseInt(ckstr) > parseInt(maxLng)) return false;

        return true;

    }

// 숫자만 받아서 아니면 메세지 보여 주는

    function onlyNumber(objEv) {

        if(!isNum(objEv)){

            alert("숫자만 입력가능합니다.");

            objEv.value = "";

            objEv.focus();

            return;

        }

    }

// 숫자를 체크하다가 6자 등 원하는 만큼 이동후 다음 input 박스로 이동 시키는...

    function goJump(fname, len, goname){

        onlyNumber(fname);

        if (document.all[fname].value.length == len) document.all[goname].focus();

    }

// 주민등록번호 체크 로직

    function check_ResidentNO(str_f_num,str_l_num){ 

        var i3=0

        for (var i=0;i<str_f_num.length;i++){

         var ch1 = str_f_num.substring(i,i+1);

            if (ch1<'0' || ch1>'9') i3=i3+1;

        }

        if ((str_f_num == '') || ( i3 != 0 )) return false;

        var i4=0;

        for (var i=0;i<str_l_num.length;i++){

            var ch1 = str_l_num.substring(i,i+1);

            if (ch1<'0' || ch1>'9') i4=i4+1;

        }

        if ((str_l_num == '') || ( i4 != 0 )) return false;

        if(str_f_num.substring(0,1) < 4) return false;

        if(str_l_num.substring(0,1) > 2) return false;

        if((str_f_num.length > 7) || (str_l_num.length > 8)) return false;

        if ((str_f_num == '72') || ( str_l_num == '18'))  return false;

        var f1=str_f_num.substring(0,1)

        var f2=str_f_num.substring(1,2)

        var f3=str_f_num.substring(2,3)

        var f4=str_f_num.substring(3,4)

        var f5=str_f_num.substring(4,5)

        var f6=str_f_num.substring(5,6)

        var hap=f1*2+f2*3+f3*4+f4*5+f5*6+f6*7

        var l1=str_l_num.substring(0,1)

        var l2=str_l_num.substring(1,2)

        var l3=str_l_num.substring(2,3)

        var l4=str_l_num.substring(3,4)