Tag Archives: JavaScript

마우스 커서 모양바꾸기

하기의 스크립트를 페이지에 넣고 보면 해당 문구에서 커서가 변합니다.

<STRONG><li><span style="cursor: help"> 화살표 옆에 물음표가 붙어 나온다 </span>
<li><span style="cursor: hand"> 보통의 링크 모양으로 나온다 </span>
<li><span style="cursor: move"> MOVE 모양으로 커서가 바뀐다 </span>
<li><span style="cursor: text"> 텍스트 위에 커서가 있는 것 같이 보인다 </span>
<li><span style="cursor: wait">커서의 화살표가 모래시계로 바뀝니다</span>
<li><span style="cursor: Crosshair">커서의 화살표가 십자선으로 바뀝니다</span>
<li><span style="cursor: ne-resize"> 커서 화살표가 오른쪽 위로 본다 </span>
<li><span style="cursor: nw-resize"> 커서의 기본 모양과 동일 </span>
<li><span style="cursor: sw-resize"> 커서 화살표가 왼쪽 아래로 본다 </span>
<li><span style="cursor: se-resize"> 커서 화살표가 오른쪽 아래로 본다 </span>
<li><span style="cursor:n-resize">커서의 화살표가 위쪽으로 봅니다</span>
<li><span style="cursor:e-resize">커서의 화살표가 오른쪽으로 봅니다</span>
<li><span style="cursor:s-resize">커서의 화살표가 아래쪽으로 봅니다</span>
<li><span style="cursor:w-resize">커서의 화살표가 왼쪽으로 봅니다</span></STRONG>


facebook posting twit

  • 대문자, 소문자 변환 함수
  • Apple iPod Remote Control Protocol
  • 훅 인스턴스의 생성과 해제
  • virtual와 override 문의 사용법에 대해서
  • 델파이로 긁어오는 HTML 페이지
  • Windows95/98 암호 알아내기
  • 작업관리자에서 윈도우 감추기
  • 여러가지 시스템 종료 기법
  • 키보드로 마우스 커서 움직이기
  • 다이얼로그 리소스대로 폼뷰 크기 설정하기
  • 이미지가 많아서 로딩할때 시간이 많이걸릴 경우

    <BODY onLoad="cacheOff()">
    <STYLE TYPE="text/css">
    #cache {
    position:absolute; // 로딩 메세지의 위치입니다.
    }
    </STYLE>
    <DIV ID="cache">
    <table border="0" cellPadding="0" cellSpacing="0" width="200">
    <tbody>
    <tr>
    <td bgColor="#bde794" width="200">
    <table border="0" cellPadding="0" cellSpacing="1" width="200">
    <tbody>
    <tr>
    <td height="21" width="705"> <font size="2"><b>로딩중</b></font></td>
    </tr>
    <tr>
    <td bgColor="#ffffff" width="200">
    <table border="0" cellPadding="1" cellSpacing="2" width="75">
    <tbody>
    <tr>
    <td height="16" noWrap width="200">지금은 로딩중입니다.<br>잠시만 기다려주세요.</td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </DIV>

    <SCRIPT LANGUAGE="JavaScript">

    var nava = (document.layers);
    var dom = (document.getElementById);
    var iex = (document.all);
    if (nava) { cach = document.cache }
    else if (dom) { cach = document.getElementById("cache").style }
    else if (iex) { cach = cache.style }
    largeur = screen.width;
    cach.left = Math.round((largeur/2)-200);
    cach.visibility = "visible";

    function cacheOff()
    {
    cach.visibility = "hidden";
    }
    </SCRIPT>

    <img ...>
    <img ...>
    <img ...>
    <img ...>
    <img ...>
    <img ...>
    <img ...>
    <img ...>
    <img ...>

    </center>



    facebook posting twit

  • 태터툴즈에서 게시물을 id가 아닌 제목으로 뿌리는 방법
  • 애드센스 기록기, Mysense!
  • 소켓으로 메일보내기
  • 실수로 삭제한 mysql DB 복구방법
  • MySQL root 패스워드 분실했을 경우
  • 스크롤바에 붙어다니는 이미지
  • 이미지의 다운로드를 막아주는 스크립트
  • 랜덤 이미지 로딩시키기
  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 스크롤바에 붙어다니는 이미지

    <HTML>
    <HEAD>
    <title>스크롤 이미지</title>
    <script language="JavaScript">
    function MM_openBrWindow(theURL,winName,features) { //v1.0
    /*window.open*/(theURL,winName,features);
    }
    </script>
    <script LANGUAGE="JavaScript"><!--
    // size of AdCorner image
    var nAdCornerWidth = 57;
    var nAdCornerHeight = 120;
    // right and bottom margin
    var nAdCornerMarginX = 2;
    var nAdCornerMarginY = 2;
    // window's scrollbar width and height
    var nScrollBarWidth = 16;
    var nScrollBarHeight = 16;
    // navigator check
    var isMSIE = 0;
    var nVersion = 3;
    // refresh interval of AdCorner
    var nInterval = 100;
    var isLoaded = 0;
    function setup ()
    {
    // Detect Navigator
    nVersion = parseInt (navigator.appVersion); // chang
    if (navigator.appName == "Microsoft Internet Explorer")
    {
    isMSIE = 1;
    if (navigator.userAgent.indexOf ("MSIE 5") != -1)
    {
    nVersion = 5;
    }
    }
    else
    {
    isMSIE = 0;
    if (nVersion >= 4)
    {
    window.captureEvents (Event.MOUSEMOVE);
    }
    }
    if (nVersion >= 4)
    {
    window.setInterval ("AdCornerMove();", nInterval);
    }
    }
    function AdCornerMove ()
    {
    if (isLoaded == 0)
    {
    return;
    }
    if (isMSIE)
    {
    nAdCornerOriginX = document.body.clientWidth - idAdCorner.width - nAdCornerMarginX;
    nAdCornerOriginY = document.body.clientHeight - idAdCorner.height - nAdCornerMarginY;
    nAdCornerOriginX += document.body.scrollLeft;
    nAdCornerOriginY += document.body.scrollTop;
    idAdCorner.style.pixelLeft = nAdCornerOriginX;
    idAdCorner.style.pixelTop = nAdCornerOriginY;
    }
    else
    {
    nAdCornerOriginX = window.innerWidth + window.pageXOffset - nAdCornerWidth - nAdCornerMarginX;
    nAdCornerOriginY = window.innerHeight + window.pageYOffset - nAdCornerHeight - nAdCornerMarginY;
    if (window.scrollbars.visible == true)
    {
    nAdCornerOriginX -= nScrollBarWidth;
    nAdCornerOriginY -= nScrollBarHeight;
    }
    document.layers["idAdCorner"].pageX = nAdCornerOriginX;
    document.layers["idAdCorner"].pageY = nAdCornerOriginY;
    }
    }
    //-->
    </script>
    <layer name="idAdCorner" zIndex=2 left=-290 top=-10>
    <img SRC="http://m.kurapa.com/download-8b2ee7a3a85d2885e8b1e47e13e9a17b" BORDER=0 id="idAdCorner"
    style="position:absolute;left=-290;top=-10;z-index:2;" width="93" height="35" >
    </layer>
    <script LANGUAGE="JavaScript">
    <!--
    window.onload=setup;
    isLoaded = 1;
    //-->
    </script><br><br><br><center>화면 오른쪽 밑에 이미지가 보이죠?<br>
    내용이 많은 페이지에 넣어주면 적당할겁니다.<br>
    내용도 없으면 스크롤바도 안 생기겠죠?*^^*<br><br><br><br><br><br><br>
    </center>
    </html>

    facebook posting twit

  • 애드센스 기록기, Mysense!
  • 소켓으로 메일보내기
  • 실수로 삭제한 mysql DB 복구방법
  • MySQL root 패스워드 분실했을 경우
  • 이미지가 많아서 로딩할때 시간이 많이걸릴 경우
  • 이미지의 다운로드를 막아주는 스크립트
  • 랜덤 이미지 로딩시키기
  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 간단한 소스로 브라우즈 따운시키기
  • 이미지의 다운로드를 막아주는 스크립트

    <HEAD>

    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin

    function protect(e) {
    alert("이미지 다운로드는 금지되어 있습니다!");
    return false;
    }

    function trap() {
    if(document.images)
    for(i=0;i<document.images.length;i++)
    document.images[i].onmousedown = protect;
    }

    // End -->
    </script>

    </HEAD>


    <BODY onload="trap();">



    facebook posting twit

  • 소켓으로 메일보내기
  • 실수로 삭제한 mysql DB 복구방법
  • MySQL root 패스워드 분실했을 경우
  • 이미지가 많아서 로딩할때 시간이 많이걸릴 경우
  • 스크롤바에 붙어다니는 이미지
  • 랜덤 이미지 로딩시키기
  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 간단한 소스로 브라우즈 따운시키기
  • 출생 날짜를 입력하면 무슨 요일인지 표시
  • 큰 이미지를 화면크기에 맞게 자동으로 사이즈 조절

    <HEAD>

    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin

    function showpic(src, w, h, alt, aln, pw, ph, bw, bh) {
    if (src == null) return;
    var iw, ih; // Set inner width and height
    if (window.innerWidth == null) {
    iw = document.body.clientWidth;
    ih=document.body.clientHeight;
    } else {
    iw = window.innerWidth;
    ih = window.innerHeight;
    }
    if (w == null) w = iw;
    if(h == null) h = ih;
    if(alt == null) alt = "Picture";
    if(aln == null) aln = "left";
    if(pw == null) pw = 100;
    if(ph == null) ph = 100;
    if(bw == null) bw = 24;
    if(bh == null) bh = 24;
    var sw = Math.round((iw - bw) * pw / 100);
    var sh = Math.round((ih - bh) * ph / 100);
    if ((w * sh) / (h * sw) < 1) sw = Math.round(w * sh / h);
    else sh = Math.round(h * sw / w);
    document.write('<img src="'+src+'" alt="'+alt+'" width="'+sw+'" height="'+sh+'" align="'+aln+'">');
    }

    // End -->
    </script>

    </HEAD>


    <BODY onresize="window.location.href = window.location.href;">

    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin

    showpic("이미지 이름", 이미지 넓이, 이미지 높이, "이미지 설명", "middle");

    // End -->
    </script>

    </BODY>



    facebook posting twit

  • 소켓으로 메일보내기
  • 실수로 삭제한 mysql DB 복구방법
  • MySQL root 패스워드 분실했을 경우
  • 이미지가 많아서 로딩할때 시간이 많이걸릴 경우
  • 스크롤바에 붙어다니는 이미지
  • 랜덤 이미지 로딩시키기
  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 간단한 소스로 브라우즈 따운시키기
  • 출생 날짜를 입력하면 무슨 요일인지 표시
  • 랜덤 이미지 로딩시키기

    <BODY>

    <SCRIPT language="JavaScript">
    <!--
    //리로딩 할때마다 이미지가 바뀌어 나타나게 하는 스크립트 입니다.

    //그림파일은 HTML 파일과 같은 위치에 두시고
    //파일의 이름은 반드시 1.gif, 2.gif... 식으로 아라비아 숫자로 정해 주세요.

    //그림 갯수를 변경하시면 그 범위안에서 랜덤하게 로딩합니다.

    document.write("<IMG SRC='" + Math.ceil(Math.random() * 그림 갯수) + ".gif'>")

    // -->
    </SCRIPT>
    </BODY>



    facebook posting twit

  • 실수로 삭제한 mysql DB 복구방법
  • MySQL root 패스워드 분실했을 경우
  • 이미지가 많아서 로딩할때 시간이 많이걸릴 경우
  • 스크롤바에 붙어다니는 이미지
  • 큰 이미지를 화면크기에 맞게 자동으로 사이즈 조절
  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 간단한 소스로 브라우즈 따운시키기
  • 출생 날짜를 입력하면 무슨 요일인지 표시
  • 오늘의 년도,월,일,시,분 을 표시
  • 이미지를 서치라이트로 비추는 효과

    아래의 소스를 <head></head>사이에 넣어 주세요

    <style>
    <!--
    #lighting{
    filter:light
    }
    -->
    </style>



    아래의 소스를 <body>와</body>태그 사이에 넣어주세요

    <!--아래와 같이 이미지의 id 를 lighting 로 하세요-->
    <img id="lighting" speed="25" src="http://m.kurapa.com/download-8086623b3000fe12905e15ad8809b5f9" border="1">
    <!--아래의 스크립트를 위의 이미지 태그 하단에 두세요-->
    <script language="JavaScript1.2">
    if (document.all&&window.lighting){
    var x=new Array()
    var direction=new Array()
    var y=new Array()
    if (lighting.length==null){
    lighting[0]=document.all.lighting
    x[0]=0
    direction[0]="right"
    y[0]=lighting[0].height
    lighting[0].filters.light.addPoint(100,50,100,255,255,255,90)
    }
    else
    for (i=0;i<lighting.length;i++){
    x[i]=0
    direction[i]="right"
    y[i]=lighting[i].height
    lighting[i].filters.light.addPoint(100,50,100,255,255,255,90)
    }
    }

    function lighteffect(cur){
    lighting[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1)

    if (x[cur]<lighting[cur].width+200&&direction[cur]=="right")
    x[cur]+=10
    else if (x[cur]>lighting[cur].width+200){
    direction[cur]="left"
    x[cur]-=10
    }
    else if (x[cur]>-200&&x[cur]<-185){
    direction[cur]="right"
    x[cur]+=10
    }
    else{
    x[cur]-=10
    direction[cur]="left"
    }
    }

    if (document.all&&window.lighting){
    if (lighting.length==null)
    setInterval("lighteffect(0)",lighting[0].speed)
    else
    for (t=0;t<lighting.length;t++){
    var temp='setInterval("lighteffect('+t+')",'+lighting[t].speed+')'
    eval(temp)
    }
    }
    </script>

    facebook posting twit

  • MySQL root 패스워드 분실했을 경우
  • 이미지가 많아서 로딩할때 시간이 많이걸릴 경우
  • 스크롤바에 붙어다니는 이미지
  • 큰 이미지를 화면크기에 맞게 자동으로 사이즈 조절
  • 랜덤 이미지 로딩시키기
  • 강력한 소스 보호
  • 간단한 소스로 브라우즈 따운시키기
  • 출생 날짜를 입력하면 무슨 요일인지 표시
  • 오늘의 년도,월,일,시,분 을 표시
  • 누름버튼에 시간이 표시되고 클릭하면 창이 닫힙니다
  • 간단한 소스로 브라우즈 따운시키기

    자바스크립트 무한 루프에 빠진 익스플로러는 헤어나지 못하고 다운되는약한 모습을 보여줍니다. 씨익ⓧ.ⓧ  주의: 이 스크립트로 인하여 다운 되더라도 저는 책임 질 수 없습니다.(헉 이런 무책임한..)

    다운된 후 ctrl + alt + del키를 눌러 다운된 익스플로러를 강제 종료시키세요.  잘 안되면 몇 번 반복하세요. 
     

     
    <input type="button" value="다 운 시 키 기" onclick="ddd()"><br>
    <script language="JavaScript">
    <!--
    function ddd(){
    setTimeout('ddd()',1)
    setTimeout('ddd()',1)
    }
    //--></script>

    facebook posting twit

  • 스크롤바에 붙어다니는 이미지
  • 큰 이미지를 화면크기에 맞게 자동으로 사이즈 조절
  • 랜덤 이미지 로딩시키기
  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 출생 날짜를 입력하면 무슨 요일인지 표시
  • 오늘의 년도,월,일,시,분 을 표시
  • 누름버튼에 시간이 표시되고 클릭하면 창이 닫힙니다
  • 설치형 블로그 VS 가입형 블로그
  • 네이버 검색엔진에 높은순위로 등록되는 방법
  • 출생 날짜를 입력하면 무슨 요일인지 표시

    1.아래의 소스를 <head></head>사이에 넣어 주세요 <script LANGUAGE="JavaScript"> <!-- function MakeArray(n) { this.length = n; for (var i = 1; i <=n; i++) { this[i] = 0; } } days = new MakeArray(7); days[0] = "토요일" days[1] = "일요일" days[2] = "월요일" days[3] = "화요일" days[4] = "수요일" days[5] = "목요일" days[6] = "금요일" months = new MakeArray(12); months[1] = "1월" months[2] = "2월" months[3] = "3월" months[4] = "4월" months[5] = "5월" months[6] = "6월" months[7] = "7월" months[8] = "8월" months[9] = "9월" months[10] = "10월" months[11] = "11월" months[12] = "12월" function compute(form) { var val1 = parseInt(form.day.value, 10) if ((val1 < 0) || (val1 > 31)) { alert("날짜는 31 을 초과할 수 없습니다.") } var val2 = parseInt(form.month.value, 10) if ((val2 < 0) || (val2 > 12)) { alert("달은 12 를 초과할 수 없습니다.") } var val2x = parseInt(form.month.value, 10) var val3 = parseInt(form.year.value, 10) if (val3 < 1900) { alert("년도는 1900 년도 이상이어야 합니다.") } if (val2 == 1) { val2x = 13; val3 = val3-1 } if (val2 == 2) { val2x = 14; val3 = val3-1 } var val4 = parseInt(((val2x+1)*3)/5, 10) var val5 = parseInt(val3/4, 10) var val6 = parseInt(val3/100, 10) var val7 = parseInt(val3/400, 10) var val8 = val1+(val2x*2)+val4+val3+val5-val6+val7+2 var val9 = parseInt(val8/7, 10) var val0 = val8-(val9*7) form.result1.value = months[val2]+" "+form.day.value +", "+form.year.value form.result2.value = days[val0] } //--> </script> 2. 아래의 소스를 <body>와</body>태그 사이에 넣어주세요 <!--폼 환경 설정--> <form> 출생년도: <input TYPE="text" NAME="year" SIZE="4"> 생일 달:<input TYPE="text" NAME="month" SIZE="2"> 생일 날짜:<input TYPE="text" NAME="day" SIZE="2"><p> <input TYPE="button" VALUE="결과보기" ONCLICK="compute(this.form)"> <input TYPE="reset" VALUE="재입력" ><p> 당신의 생일은: <input TYPE="text" NAME="result1" SIZE="18"><br> 당신이 태어난 요일은 : <input TYPE="text" NAME="result2" SIZE="18"> 입니다. </form> <!--폼 환경 설정끝-->

    facebook posting twit

  • 큰 이미지를 화면크기에 맞게 자동으로 사이즈 조절
  • 랜덤 이미지 로딩시키기
  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 간단한 소스로 브라우즈 따운시키기
  • 오늘의 년도,월,일,시,분 을 표시
  • 누름버튼에 시간이 표시되고 클릭하면 창이 닫힙니다
  • 설치형 블로그 VS 가입형 블로그
  • 네이버 검색엔진에 높은순위로 등록되는 방법
  • JSP 페이지 이동 4가지 방법 및 특성
  • 오늘의 년도,월,일,시,분 을 표시

    <script language="javascript">
    <!--
    today=new Date()
    document.write("오늘 날짜는<b>",today.getYear(),"</b>년<b>",
    today.getMonth()+1,"</b>월<b>",
    today.getDate(),"</b>일")
    document.write("이며 ")
    document.write("현재 시간은<b>",today.getHours(),"</b>시<b>",today.getMinutes(),"</b>분")
    document.write("입니다.")
    //-->
    </script>

    facebook posting twit

  • 랜덤 이미지 로딩시키기
  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 간단한 소스로 브라우즈 따운시키기
  • 출생 날짜를 입력하면 무슨 요일인지 표시
  • 누름버튼에 시간이 표시되고 클릭하면 창이 닫힙니다
  • 설치형 블로그 VS 가입형 블로그
  • 네이버 검색엔진에 높은순위로 등록되는 방법
  • JSP 페이지 이동 4가지 방법 및 특성
  • 기념일계산,날짜계산해서….^^; 앤에게 사랑받으시길…..
  • 누름버튼에 시간이 표시되고 클릭하면 창이 닫힙니다

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    day = new Date();
    miVisit = day.getTime();
    function clock() {
    dayTwo = new Date();
    hrNow = dayTwo.getHours();
    mnNow = dayTwo.getMinutes();
    scNow = dayTwo.getSeconds();
    miNow = dayTwo.getTime();
    if (hrNow == 0) {
    hour = 12;
    ap = " 오전";
    } else if(hrNow <= 11) {
    ap = " 오전";
    hour = hrNow;
    } else if(hrNow == 12) {
    ap = " 오후";
    hour = 12;
    } else if (hrNow >= 13) {
    hour = (hrNow - 12);
    ap = " 오후";
    }
    if (hrNow >= 13) {
    hour = hrNow - 12;
    }
    if (mnNow <= 9) {
    min = "0" + mnNow;
    }
    else (min = mnNow)
    if (scNow <= 9) {
    secs = "0" + scNow;
    } else {
    secs = scNow;
    }
    time = hour + ":" + min + ":" + secs + ap;
    document.clockForm.button.value = time;
    self.status = time;
    setTimeout('clock()', 1000);
    }
    function timeInfo() {
    milliSince = miNow;
    milliNow = miNow - miVisit;
    secsVisit = Math.round(milliNow / 1000);
    minsVisit = Math.round((milliNow / 1000) / 60);
    window.close();
    }
    document.write("<form name="clockForm">"
    + "<input type=button value="Click for info!""
    + " name=button onClick="timeInfo()"></form>");
    onError = null;
    clock();
    //-->
    </SCRIPT>

    facebook posting twit

  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 간단한 소스로 브라우즈 따운시키기
  • 출생 날짜를 입력하면 무슨 요일인지 표시
  • 오늘의 년도,월,일,시,분 을 표시
  • 설치형 블로그 VS 가입형 블로그
  • 네이버 검색엔진에 높은순위로 등록되는 방법
  • JSP 페이지 이동 4가지 방법 및 특성
  • 기념일계산,날짜계산해서….^^; 앤에게 사랑받으시길…..
  • 자바스크립트로 만든 빙고 게임
  • 접속하여 경과한 시간이 상태바에 표시됩니다.

    <script language="JavaScript">
    <!--
    var min_inc = 0, sec_inc = -1;
    function browsing_time()
    {
    if (sec_inc == 59) min_inc++;
    sec_inc = (sec_inc + 1) % 60;
    if (min_inc == 1)
    var min_no = min_inc + ' 분';
    else var min_no = min_inc + ' 분';
    if (sec_inc >= 10)
    var sec_no = sec_inc;
    else var sec_no = '0' + sec_inc;
    var sec_txt = '초가 경과되었습니다.';
    if (sec_inc == 1)
    sec_txt = '초가 경과되었습니다.';
    var elapsed = '접속한지' + min_no + ' '+ sec_no +
    sec_txt;defaultStatus = elapsed;
    setTimeout("browsing_time()", 1000);
    }
    window.onload=browsing_time;
    //-->
    </script>

    facebook posting twit

  • 이미지를 서치라이트로 비추는 효과
  • 강력한 소스 보호
  • 간단한 소스로 브라우즈 따운시키기
  • 출생 날짜를 입력하면 무슨 요일인지 표시
  • 오늘의 년도,월,일,시,분 을 표시
  • 설치형 블로그 VS 가입형 블로그
  • 네이버 검색엔진에 높은순위로 등록되는 방법
  • JSP 페이지 이동 4가지 방법 및 특성
  • 기념일계산,날짜계산해서….^^; 앤에게 사랑받으시길…..
  • 자바스크립트로 만든 빙고 게임
  • 기념일계산,날짜계산해서….^^; 앤에게 사랑받으시길…..

    <script language="JavaScript">
    <!--
    function cucu()
    {
        var myform = document.aaa;
     var y = myform.year.value;
     var m = myform.mon.value;
     var d = myform.date.value;

     //1970.01.01 날짜 계산이 시작되는 기준일
     //기준일
     var basic = new Date(0);

     //오늘
     var now = new Date(y,m-1,d);

     //오늘부터 몇일후
     var count;

     if(myform.cnt.value == null || myform.cnt.value == "")
     {
         alert("숫자로 넣어라");
      return;
     }

     count = Number(myform.cnt.value);

     //오늘부터 몇일후의 날짜를 알 수 있다
     //1000*60*60*24 는 하루를 나타냄
     //(now - basic) / (1000*60*60*24) 오늘부터 기준일까지의 날짜수
        //즉 기준일로부터 몇일까지의 날짜수를 Long형태로 만들어 날짜를 만들어낸다.
     myform.nowdate.value = new Date();

     var day = new Date((1000*60*60*24*(count+((now-basic)/(1000*60*60*24)))));
     myform.result.value = day;
     alert(day.getDate());


    }
    //-->
    </script>
    </HEAD>

    <BODY BGCOLOR="#FFFFFF">
    <form name="aaa">
    시작일 : <input type="text" name="year" value="" size="4">
            <input type="text" name="mon" value="" size="2" maxlength="2">
      <input type="text" name="date" value="" size="2" maxlength="2"><br>
    이후로 : <input type="text" name="cnt" value="" size="5">일 후의 날짜?<br>
    참고로 오늘은 : <input type="text" name="nowdate" value="" size="50" readOnly><br>
    알고싶은 날<기념일> : <input type="text" name="result" value="" size="50"><br>
    <a href="JavaScript:cucu()">자 나를 눌러봐^^</a>
    </form>



    facebook posting twit

  • 오늘의 년도,월,일,시,분 을 표시
  • 접속하여 경과한 시간이 상태바에 표시됩니다.
  • 설치형 블로그 VS 가입형 블로그
  • 네이버 검색엔진에 높은순위로 등록되는 방법
  • JSP 페이지 이동 4가지 방법 및 특성
  • 자바스크립트로 만든 빙고 게임
  • 현재달의 첫째날 , 마지막날 (날짜,일자) 구하기
  • JPG 저장된 DB 이미지 JSP로 보여주기
  • 스크립트 디버거
  • 수많은 체크박스 중 몇개 체크했는지 확인
  • 자바스크립트로 만든 빙고 게임

    어떤 분이 회사 워크샵에서 경품 추첨할려고  만들었던 것이라고 함.

    만들때 고려했던 점은 ,
    빙고 용지 프린트 할때 마진 조절 ( 용지 자동 넘김 ),
    시간차 디스플레이 등등

    사다리 대신 이용해도 좋을 듯..

    평균 플레이 타임은 5 분정도 ?

    좋은 하루~



    facebook posting twit

  • 접속하여 경과한 시간이 상태바에 표시됩니다.
  • 설치형 블로그 VS 가입형 블로그
  • 네이버 검색엔진에 높은순위로 등록되는 방법
  • JSP 페이지 이동 4가지 방법 및 특성
  • 기념일계산,날짜계산해서….^^; 앤에게 사랑받으시길…..
  • 현재달의 첫째날 , 마지막날 (날짜,일자) 구하기
  • JPG 저장된 DB 이미지 JSP로 보여주기
  • 스크립트 디버거
  • 수많은 체크박스 중 몇개 체크했는지 확인
  • 가상디스크 만들기
  • 현재달의 첫째날 , 마지막날 (날짜,일자) 구하기

    별로 필요 없을것 같은데, 가끔 필요한 비기

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    //현재달의 첫째날(일자) 구하기
    function firstDay(kind){
       var d,d2, s = "";          
       d = new Date();            
       d2 = new Date(d.getYear(),d.getMonth());                     
       s += d2.getYear()+ kind;                      
       s += (d2.getMonth()+1) + kind;    //여기에 꼭 +1이 있어야됨 생략하고 위에다가 +1하면 1월이 0으로 나옴       
       s += d2.getDate();                  
       return(s);                            
    }

    //현재달의 마지막날(일자) 구하기
    function lastDay(kind){
       var d,d2, s = "";          
       d = new Date();            
       d2 = new Date(d.getYear(),d.getMonth()+1,"");                     
       s += d2.getYear()+ kind;                      
       s += (d2.getMonth()+1) + kind;  //여기에 꼭 +1이 있어야됨 생략하고 위에다가 +1하면 1월이 0으로 나옴                 
       s += d2.getDate();                  
       return(s);                            
    }
    document.write("현재달의 첫째날:"+firstDay("."));
    document.write("<br>");
    document.write("현재달의 마지막날:"+lastDay("."));
    //-->
    </SCRIPT>



    facebook posting twit

  • 설치형 블로그 VS 가입형 블로그
  • 네이버 검색엔진에 높은순위로 등록되는 방법
  • JSP 페이지 이동 4가지 방법 및 특성
  • 기념일계산,날짜계산해서….^^; 앤에게 사랑받으시길…..
  • 자바스크립트로 만든 빙고 게임
  • JPG 저장된 DB 이미지 JSP로 보여주기
  • 스크립트 디버거
  • 수많은 체크박스 중 몇개 체크했는지 확인
  • 가상디스크 만들기
  • RSS 수집당하는 법
  • 스크립트 디버거

    자바스크립트는 디버깅하기 정말 고통스럽죠?

    alert 남발하기 싫으신 분들만 쓰세욤... ㅡ.ㅡa

     

    /*** <script src="logger.js"></script>* <script>* //...* log("...&#64;#&#64;$&*^#$...");* //...* </script>*/var oLogWin, oLogger;var lPreTime;function makeLogger(oLogWin, sID) {var oLogDoc = oLogWin.document;var oTextArea = oLogDoc.getElementById(sID);if (!oTextArea) {oTextArea = oLogDoc.createElement("TEXTAREA");oLogDoc.body.insertBefore(oTextArea,null);oTextArea.id = sID;oTextArea.style.height = oLogDoc.body.clientHeight - 20;oTextArea.style.width = oLogDoc.body.clientWidth;oTextArea.style.font = "9pt Arial";}return oTextArea;}function log(str, bTime) {if (!oLogWin || oLogWin.closed) {oLogWin = window.open("","LogWin","top=5,left=5,width=350,height=400,resizable");oLogDoc = oLogWin.document;var sScript = "<table width=100% cellpadding=0 cellspacing=0 border=0 align=center style='font-size:9pt'><tr>"+ "<td align=left style='padding-left:10;height:20;font-weight:700'>Script Loggger</td>"+ "<td align=right style='padding-right:10'>"+ "<span style='cursor:hand;width:40;height:18;padding:0,3,0,3;text-align:center;border:1 solid gray;background-color:#eaeaea'"+ " onclick='document.getElementById("LogArea").value=""'>clear</span>"+ "</td></tr></table>";oLogDoc.write(sScript);oLogDoc.body.style.margin = "0,0,0,0";oLogger = makeLogger(oLogWin, "LogArea");lPreTime = new Date().getTime();}var sTime = new Date().getTime() - lPreTime;if (bTime) {lPreTime = new Date().getTime();}oLogger.value += "time : " + sTime + " > " + str + " ";oLogger.scrollTop = oLogger.scrollHeight - oLogger.clientHeight;}


    facebook posting twit

  • JSP 페이지 이동 4가지 방법 및 특성
  • 기념일계산,날짜계산해서….^^; 앤에게 사랑받으시길…..
  • 자바스크립트로 만든 빙고 게임
  • 현재달의 첫째날 , 마지막날 (날짜,일자) 구하기
  • JPG 저장된 DB 이미지 JSP로 보여주기
  • 수많은 체크박스 중 몇개 체크했는지 확인
  • 가상디스크 만들기
  • RSS 수집당하는 법
  • 프린팅 하기(IE 전용)
  • textbox의 입력문자 제어하기(영문/한글)
  • 수많은 체크박스 중 몇개 체크했는지 확인

    보통 체크박스가 여러개 있을 경우 몇개를 체크했는지 확인하려면

    갯수만큼 for 문을 돌려야 하는데 말이죠. 10원짜리 팁에선

    onClick 에 이벤트 넣어놓고 그 값으로 count 를 조절하여

    확인시 해당 count 를 보여줍니다.

    이해 안되시면 예제를 보세요~



    <HTML>
    <BODY>
    <HEAD>
    <SCRIPT>
     var checkCount = 0;

     function showCheckCount()
     {
      alert( checkCount );
     }

     function checkState( checkbox )
     {
      if( checkbox.checked == true )
       checkCount++;
      else
       checkCount--;
     }
    </SCRIPT>
    </HEAD>
    <FORM name = "form">
    <%
     for( int i = 0; i < 1000; i++ )
     {
    %>
    <INPUT type = "checkbox" onClick = "checkState(this)" name = "id" value = "<%= i %>">
    <%
     }
    %>
    </FORM>
    <BR>
    <A href = "#" onClick = "showCheckCount()">체크 갯수 보기</A>
    </BODY>
    </HTML>



    facebook posting twit

  • 기념일계산,날짜계산해서….^^; 앤에게 사랑받으시길…..
  • 자바스크립트로 만든 빙고 게임
  • 현재달의 첫째날 , 마지막날 (날짜,일자) 구하기
  • JPG 저장된 DB 이미지 JSP로 보여주기
  • 스크립트 디버거
  • 가상디스크 만들기
  • RSS 수집당하는 법
  • 프린팅 하기(IE 전용)
  • textbox의 입력문자 제어하기(영문/한글)
  • 폼메일 예제
  • 프린팅 하기(IE 전용)

    무지 허접한 IE 전용 프린팅입니다. 모두 예를 눌러야 작동합니다..

    <html>
    <script language="JScript">
    function ieExecWB(intOleCmd, intOleParam) {
     var WebBrowser = new ActiveXObject("InternetExplorer.Application");
     // 만약 intOleParam이 정의되어 있지 않으면 기본값 설정
     if((!intOleParam) || (intOleParam < -1) || (intOleParam > 1)) {
      intOleParam = 1;
      WebBrowser.Visible = false;
      WebBrowser.Navigate(window.location);
      WebBrowser.ExecWB(intOleCmd, intOleParam);
      WebBrowser = null;
     }
    }
    </script>
    <body>
    임은천 순천대학교 컴퓨터 과학과 4학년
    <input type="button" value="인쇄 미리 보기" onclick="window.ieExecWB(7);">
    <input type="button" value="페이지 설정" onclick="ieExecWB(8);">
    <input type="button" value="인쇄하기(대화상자 표시)" onclick="ieExecWB(6);">
    <input type="button" value="인쇄 바로 하기" onclick="ieExecWB(6, -1);">
    </body>
    </html>



    프린팅 하기(IE 전용) 프린팅 하기(IE 전용)

  • JPG 저장된 DB 이미지 JSP로 보여주기
  • 스크립트 디버거
  • 수많은 체크박스 중 몇개 체크했는지 확인
  • 가상디스크 만들기
  • RSS 수집당하는 법
  • textbox의 입력문자 제어하기(영문/한글)
  • 폼메일 예제
  • include 집중해부
  • 한글 처리
  • 브라우져 캐시(cache) 안먹게 하는 비기


    facebook posting twit

  • JPG 저장된 DB 이미지 JSP로 보여주기
  • 스크립트 디버거
  • 수많은 체크박스 중 몇개 체크했는지 확인
  • 가상디스크 만들기
  • RSS 수집당하는 법
  • textbox의 입력문자 제어하기(영문/한글)
  • 폼메일 예제
  • include 집중해부
  • 한글 처리
  • 브라우져 캐시(cache) 안먹게 하는 비기
  • 금액을 입력할때 세자리마다 컴마찍기

    IE 6.0에서는 되는데 다른곳에서는 어떨지.........???


    <html>
    <head>
    <title>컴마찍기</title>
    <Script Language='Javascript'>
    <!--
    function comma(comma_rstr) {                
        var nocomma = comma_rstr.value.replace(/,/gi,''); // 불러온 값중에서 컴마를 제거
        var b = ''; // 값을 넣기위해서 미리 선언
        var i = 0; // 뒤에서 부터 몇번째인지를 체크하기 위한 변수 선언
        for (var k=(nocomma.length-1); k>=0; k--) { // 숫자를 뒤에서 부터 루프를 이용하여 불러오기
            var a = nocomma.charAt(k);
            if (k == 0 && a == 0) {  // 첫자리의 숫자가 0인경우 입력값을 취소 시킴
                comma_rstr.value = '';
                return;
            }
            else {
                if (i != 0 && i % 3 == 0) { // 뒤에서 3으로 나누었을때 나머지가 0인경우에 컴마 찍기 i가 0인 경우는 제일 뒤에 있다는 것이므로 컴마를 찍으면 안됨
                    b = a + "," + b ;
                }
                else { // 나머지가 0인 아닌경우 컴마없이 숫자 붙이기
                    b = a + b;
                }
                i++;
            }
        }
        comma_rstr.value = b; // 최종값을 input값에 입력하기
        return;
    }
    //-->
    </Script>

    </head>

    <body>
    <form name=commatest>
    <input type=text name=commatestinput onKeyup=comma(document.commatest.commatestinput)>
    </form>
    </body>
    </html>

    facebook posting twit

  • 구글 검색시 순위 올리기
  • 사이트 트래픽의 주범 웹봇 차단하기 – robots.txt
  • CGI 만들때 파라메터 얻어오기
  • http-2.2.3에서 ssl 설치
  • 초간단 php-oracle 연동 클래스
  • 쿠키 세팅하기
  • 초간단 AJAX 샘플
  • Hello World 뿌리기
  • 텍스트 인쇄하기
  • 세션을 이용한 카운터
  • 쿠키 세팅하기

    ajax 프로그래밍 하다보면 쿠키가 필요할 때가 있다.

    이때는 setcookie 함수를 사용해 주면 되겠다.
    내장되어져 있지 않으므로 다음과 같이 구현해 주기 바란다.

    function SetCookie(cookieName,cookieValue,nDays)
    {
       var today = new Date();
       var expire = new Date();
       if (nDays==null || nDays==0) nDays=1;
       expire.setTime(today.getTime() + 3600000*24*nDays);
       document.cookie = cookieName+"="+escape(cookieValue) + ";expires="+expire.toGMTString();
    }


    facebook posting twit

  • 사이트 트래픽의 주범 웹봇 차단하기 – robots.txt
  • CGI 만들때 파라메터 얻어오기
  • http-2.2.3에서 ssl 설치
  • 초간단 php-oracle 연동 클래스
  • 금액을 입력할때 세자리마다 컴마찍기
  • 초간단 AJAX 샘플
  • Hello World 뿌리기
  • 텍스트 인쇄하기
  • 세션을 이용한 카운터
  • JSP DB 연결하기