글자크기 조정

2008/12/08 13:58 / Html / JavaScript
<html>
    <head>
        <script>
            var currentFontSize = 2;

            function zoomUtil(state)
            {
                var idx = currentFontSize;
                var arrFontSize = new Array();

                arrFontSize[0] = "9px";
                arrFontSize[1] = "10px";
                arrFontSize[2] = "12px";
                arrFontSize[3] = "14px";
                arrFontSize[4] = "16px";
                arrFontSize[5] = "18px";
                arrFontSize[6] = "20px";

                if (state == "plus")
                {
                    if (currentFontSize < 6 )
                    {
                        idx = currentFontSize + 1;
                        currentFontSize = idx;
                    }
                }
                else if (state == "default")
                {
                    idx = 2;
                    currentFontSize = idx;
                }
                else if (state == "minus")
                {
                    if ( currentFontSize >= 1)
                    {
                        idx = currentFontSize - 1;
                        currentFontSize = idx;
                    }
                }

               // 특정 태그가 아니라 전체 페이지의 글자 크기를 모두 조절하고 싶을때..
               for (i = 0; i < document.all.length; i++)
                {
                    document.all[i].style.fontSize = arrFontSize [idx];
                }
               // Body태그 아래의 글자 크기만 조절하고 싶을때..
               // document.body.style.fontSize= arrFontSize[idx];
            }

        </script>
    </head>

    <body onLoad = "javascript:zoomUtil('default');">
            asdfasdfasdfasfadsdfasfdsasfdfasdfas<br>
            asdfasfdsadfasdfasdfsaf<br>
            <a onClick = "javascript:zoomUtil('plus');" href = "#">[++]</a>
            <a onClick = "javascript:zoomUtil('minus');" href = "#">[--]</a>
    </body>
</html>

2008/12/08 13:58 2008/12/08 13:58
보이수(유동주) 이 작성.
TAGS , ,
트랙백이 없습니다 , 댓글이 없습니다

Trackback URL : http://www.ishappy.net/tc/trackback/27

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

클립보드에 복사, 붙여넣기

2008/12/08 13:05 / Html / JavaScript
<html>
        <head>
                <script>
                        function fnc_copy ()
                        {
                                var idxs = document.getElementById ("txt1");
                                idxs.select ();
                                var clip = idxs.createTextRange ();
                                clip.execCommand ('copy');
                        }

                        function fnc_paste ()
                        {
                                /*var idxs = document.getElementById ("txt2");
                                idxs.select ();
                                var clip = idxs.createTextRange ();
                                clip.execCommand ('paste');*/
                                var txt = window.clipboardData.getData ('Text');
                                document.frm.txt2.value = txt;
                        }
                </script>
        </head>
        <body>
                <form name = "frm">
                        <input type = "text" id = "txt1" name = "txt1"><a href = "javascript:fnc_copy ();">[복사]</a>
                        <input type = "text" id = "txt2" name = "txt2"><a href = "javascript:fnc_paste ();">[붙여넣기]</a>
                </form>
        </body>
</html>
2008/12/08 13:05 2008/12/08 13:05
보이수(유동주) 이 작성.
TAGS , , ,
트랙백이 없습니다 , 댓글이 없습니다

Trackback URL : http://www.ishappy.net/tc/trackback/26

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

javascript에서의 try-catch statement

2007/08/28 11:24 / Html / JavaScript

javascript에서도 try-catch문을 사용할 수 있다.

try
{
      .....
}
catch (err)
{
     alert (err.number + ", " + err.description);
}

try 문에서 발생하는 오류에 대해서 Error타입으로 오류를 리턴하게 되는데..
catch에서 그 Error타입의 객체를 받아서 처리하게 된다.
이때 속성으로 number와 description을 제공한다.
number는 에러 코드를, description은 에러의 설명을 제공한다.

2007/08/28 11:24 2007/08/28 11:24
보이수(유동주) 이 작성.
TAGS ,
트랙백이 없습니다 , 댓글이 없습니다

Trackback URL : http://www.ishappy.net/tc/trackback/18

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

내용 숨기기 / 보이기

2006/12/08 22:28 / Html / JavaScript
아래의 내용은
처음 로드하면 화면에 목록만 보여지고 목록을 클릭하면 그 목록에 해당하는 내용이 보여지는 스크립트이다.
div 태그를 사용하여 숨길 내용을 감싸고
div태그의 속성 중 "display"속성을 수정하여 숨김 처리 또는 보임처리한다.
내용을 숨기기 위해서는 table태그로 묶여져 있는 내용만 가능하다.

<html>
       <head>
               <script>
                       function init_div ()
                       {
                               var list1 =  document.getElementById("list1");
                               var list2 =  document.getElementById("list2");
                               var list3 =  document.getElementById("list3");
                               var list4 =  document.getElementById("list4");

                               list1.style.display = "none";
                               list2.style.display = "none";
                               list3.style.display = "none";
                               list4.style.display = "none";
                       }

                       function ch_disp (id)
                       {
                               var ch_obj = document.getElementById (id);

                               if (ch_obj.style.display == "none")
                                       ch_obj.style.display = "";
                               else
                                       ch_obj.style.display = "none";
                       }
               </script>
       </head>

       <body onLoad = "init_div ()">
               <table width = 800>
                       <tr>
                               <td>
                                       <a href = "#" onClick = "ch_disp ('list1');">1. 목록 1입니다...</a>
                               </td>
                       </tr>
                       <tr>
                               <td>
                                       <div id = "list1">
                                       <table width = 100%>
                                               <tr>
                                                       <td>
                                                               목록1에 대한 내용<br>
                                                               목록1에 대한 내용<br>
                                                               목록1에 대한 내용<br>
                                                               목록1에 대한 내용<br>
                                                               목록1에 대한 내용<br>
                                                               목록1에 대한 내용<br>
                                                       </td>
                                               </tr>
                                       </table>
                                       </div>
                               </td>
                       </tr>
                       <tr>
                               <td>
                                       <a href = "javascript:ch_disp ('list2');">2. 목록 2입니다...</a>
                               </td>
                       </tr>
                       <tr>
                               <td>
                                       <div id = "list2">
                                       <table width = 100%>
                                               <tr>
                                                       <td>
                                                               목록2에 대한 내용<br>
                                                               목록2에 대한 내용<br>
                                                               목록2에 대한 내용<br>
                                                               목록2에 대한 내용<br>
                                                               목록2에 대한 내용<br>
                                                               목록2에 대한 내용<br>
                                                       </td>
                                               </tr>
                                       </table>
                                       </div>
                               </td>
                       </tr>
                       <tr>
                               <td>
                                       <a href = "#" onClick = "ch_disp ('list3');">3. 목록 3입니다...</a>
                               </td>
                       </tr>
                       <tr>
                               <td>
                                       <div id = "list3">
                                       <table width = 100%>
                                               <tr>
                                                       <td>
                                                               목록3에 대한 내용<br>
                                                               목록3에 대한 내용<br>
                                                               목록3에 대한 내용<br>
                                                               목록3에 대한 내용<br>
                                                               목록3에 대한 내용<br>
                                                               목록3에 대한 내용<br>
                                                       </td>
                                               </tr>
                                       </table>
                                       </div>
                               </td>
                       </tr>
                       <tr>
                               <td>
                                       <a href = "javascript:ch_disp ('list4');">4. 목록 4입니다...</a>
                               </td>
                       </tr>
                       <tr>
                               <td>
                                       <div id = "list4">
                                       <table width = 100%>
                                               <tr>
                                                       <td>
                                                               목록4에 대한 내용<br>
                                                               목록4에 대한 내용<br>
                                                               목록4에 대한 내용<br>
                                                               목록4에 대한 내용<br>
                                                               목록4에 대한 내용<br>
                                                               목록4에 대한 내용<br>
                                                       </td>
                                               </tr>
                                       </table>
                                       </div>
                               </td>
                       </tr>
               </table>
       </body>
</html>
2006/12/08 22:28 2006/12/08 22:28
보이수(유동주) 이 작성.
TAGS ,
1 개의 트랙백 , 댓글이 없습니다

Trackback URL : http://www.ishappy.net/tc/trackback/10

  1. Mike

    Tracked from Mike 2007/07/20 07:47 Löschung

    OMG! I cant beleive it.

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

외국인 등록번호 체크하는 스크립트

2006/12/03 23:12 / Html / JavaScript
function fgn_no_chksum(reg_no) {
   var sum = 0;
   var odd = 0;
   
   buf = new Array(13);
   for (i = 0; i < 13; i++) buf[i] = parseInt(reg_no.charAt(i));

   odd = buf[7]*10 + buf[8];
   
   if (odd%2 != 0) {
     return false;
   }

   if ((buf[11] != 6)&&(buf[11] != 7)&&(buf[11] != 8)&&(buf[11] != 9)) {
     return false;
   }
   
   multipliers = [2,3,4,5,6,7,8,9,2,3,4,5];
   for (i = 0, sum = 0; i < 12; i++) sum += (buf[i] *= multipliers[i]);


   sum=11-(sum%11);
   
   if (sum>=10) sum-=10;

   sum += 2;

   if (sum>=10) sum-=10;

   if ( sum != buf[12]) {
       return false;
   }
   else {
       return true;
   }
}



<script language='javaScript'>
function check_no(form){
       var fgn_reg_no = form.fgn_reg_no1.value
                        + form.fgn_reg_no2.value;

if (fgn_reg_no == ''){
alert('외국인등록번호를 입력하십시오.');
return false;
}

if (fgn_reg_no.length != 13) {
alert('외국인등록번호 자리수가 맞지 않습니다.');
return false;
}
       if ((fgn_reg_no.charAt(6) == "5") || (fgn_reg_no.charAt(6) == "6"))
       {
          birthYear = "19";
       }
       else if ((fgn_reg_no.charAt(6) == "7") || (fgn_reg_no.charAt(6) == "8"))
       {
          birthYear = "20";
       }
       else if ((fgn_reg_no.charAt(6) == "9") || (fgn_reg_no.charAt(6) == "0"))
       {
          birthYear = "18";
       }
       else
       {
         alert("등록번호에 오류가 있습니다. 다시 확인하십시오.");
         return false;
       }        
       birthYear += fgn_reg_no.substr(0, 2);
       birthMonth = fgn_reg_no.substr(2, 2) - 1;
       birthDate = fgn_reg_no.substr(4, 2);
       birth = new Date(birthYear, birthMonth, birthDate);
       
       if ( birth.getYear() % 100 != fgn_reg_no.substr(0, 2) ||
            birth.getMonth() != birthMonth ||
            birth.getDate() != birthDate) {
         alert('생년월일에 오류가 있습니다. 다시 확인하십시오.');
         return false;
       }
       
       if (fgn_no_chksum(fgn_reg_no) == false){
       
           alert('외국인등록번호에 오류가 있습니다. 다시 확인하십시오.');
           return false;
       }
       else {
           alert ('정상입니다.');
           return true;
       }
   
}
</script>
</head>
<boby>
<form>
외국인등록번호
<input type='text' name='fgn_reg_no1' size=6 maxlength=6 onKeyPress='if((event.keyCode <48)||(event.keyCode >57)) event.returnValue=false;'>
-
<input type='text' name='fgn_reg_no2' size=7 maxlength=7 onKeyPress='if((event.keyCode <48)||(event.keyCode >57)) event.returnValue=false;'>
<input type='button' value='지금 검사' onClick='check_no(form);'>
</form>
2006/12/03 23:12 2006/12/03 23:12
보이수(유동주) 이 작성.
TAGS , ,
트랙백이 없습니다 , 댓글이 없습니다

Trackback URL : http://www.ishappy.net/tc/trackback/5

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]

테이블에 동적으로 Row 삽입하기

2006/12/03 23:07 / Html / JavaScript
<html>
       <head>
               <script>
                       function addRow ()
                       {
                               var rowCnt = document.all.svctable.rows.length;

                               var newRow = document.all.svctable.insertRow ();
                               var newCol1 = newRow.insertCell ();
                               var newCol2 = newRow.insertCell ();
                               var newCol3 = newRow.insertCell ();

                               newCol1.innerHTML = "<input type = 'text' name = 'colid[]'>";
                               newCol2.innerHTML = "<input type = 'text' name = 'fdl[]'>";
                               newCol3.innerHTML = "<input type = 'text' name = 'coldata[]'>";
                       }
               </script>
       </head>

       <body>
               <table id = "svctable" width = 780 border = "1">
                       <tr>
                               <td align = "center">Column ID</td>
                               <td align = "center">FDL</td>
                               <td align = "center">Column Data</td>
                       </tr>
               </table>
               <table width = 780 border = 0>
                       <tr>
                               <td align = right><button onClick = "javascript:addRow (); ">Row 추가</button></td>
                       </tr>
               </table>
               <br>
       </body>
</html>
2006/12/03 23:07 2006/12/03 23:07
보이수(유동주) 이 작성.
TAGS , ,
트랙백이 없습니다 , 댓글이 없습니다

Trackback URL : http://www.ishappy.net/tc/trackback/3

당신의 의견을 작성해 주세요.

[로그인][오픈아이디란?]