인터넷정보

인풋 박스 숫자 입력시 툴팁으로 표시

알 수 없는 사용자 2007. 10. 18. 14:03
<Script language=javascript>
function numberCheck(target) {        // 숫자만 입력받도록
        if (target.value.length == 0) {
                return true;
        }
        var digit = "1234567890";
        var i;
        var t = target.value;
        for(i=0; i<t.length; i++) {
                if(digit.indexOf(t.substring(i,i+1)) < 0) {
                        alert("숫자로만 입력해 주세요.");
                        var temp = "";
                        for(i=0; i<t.length; i++) {
                                if(digit.indexOf(t.substring(i,i+1)) >= 0) {
                                        temp = temp + t.substring(i,i+1);
                                }
                        }
                        target.value = temp;
                        return false;
                }
        }
        return true;
}

function onTooltip(target,tooltip) {
        var E = window.event;
        var temp = target.value;
        var tag = "원십백천만십백천억십백천조십백천경";
        var result = "";
        var i,j;
        var tempSub;
        for(i=0; i<temp.length; i++) {
                tempSub = temp.substring(temp.length - 1 - i, temp.length - i);
                if (tempSub != "0") result = tempSub + tag.substring(i,i+1) + result;
                else if (i == 0) {
                        result = tag.substring(i,i+1) + result;
                }
                else if ( ((i%4) == "0") && ((i+1) != temp.length) ) {
                        for (j=1;j<4;j++) {
                                if (temp.length - 1 - i - j >= 0) {
                                        if ( temp.substring(temp.length - 1 - i - j, temp.length - i - j) != "0" ) {
                                                result = tag.substring(i,i+1) + result;
                                                j = 4;
                                        }
                                }
                        }
                }
        }
        tooltip.style.width = result.length * 9 + 20;
        tooltip.style.visibility = "visible";  // 툴팁 보이기
        tooltip.innerHTML = result;
}

function offTooltip(tooltip) {
        tooltip.style.visibility = "hidden";  // 툴팁 감추기
}

</Script>

<input onkeyup='numberCheck(this);onTooltip(this,tooltip1);' onblur='offTooltip(tooltip1);'>

<div id='tooltip1' class='tipDiv' style='position:absolute;top:19px;left:20px;padding:3px;visibility:hidden;z-index:20;font-family:Verdana;font-size:8pt;background:#333333;border:1px solid #000000;color:#FFcc00;'>툴팁표시</div>
반응형