미분류 자료
미분류 자료실입니다, 각양각색의 예제 소스가 있습니다, 차후에 다른 분류를 만들어 옮기거나 관련된 자료실로 옮길 자료들이 모여 있습니다.
[21] Math.random() 사용시 floor와 round의 차이점 [Preview]
Math.random() 사용시 floor와 round의 차이점 입니다..

floor는 Math.random()의 값의 내림을 하게되며
round는 반올림을 하게됩니다..

움.. 설명이.. 너무 간단한데.. 미리보기 보시면 이해 하실거 같습니다. .^^

소스는 페리님께서 만들어 주셨습니다.. ^^
[22] 페이지내서서 배열의 값을 검색해서 출력해주는 에제 [Preview]
자바스트립트을 이용해서 페이지내에서 변수에 저장된 값을 검색하는 예제입니다.
[23] email 주소가 올바른 형식으로 되어 있는지를 체크하는 소스 [Preview]
이소스는 입력된 주소가 올바른 형식인지를 체크해주는 것입니다.
메일이 유효한지 아닌지는 체크하지 않습니다.
[24] 페이지 다시 부를때마다 다른 링크를 랜덤으로 보여주기 [Preview]
페이지를 부르면 어떤 정해진 링크가 아니라 무작위로 링크를 보여주고 싶은 경우가 있을때 사용하면 좋습니다.
링크의 갰수는 얼마든지 추가가 가능합니다.

원하시는 링크로 바꾸어서 사용하면 별 무리없이 사용이 가능할겁니다.
[25] 윈도우 색상 선택창을 띄우는 소스입니다. [Preview]
윈도우에서 사용하는 색상 선택창을 띄우는 소스입니다...

소스는 미니위니(http://www.miniwini.com)에서 가져왔습니다..
[26] 웹페이지 인쇄시 프린터 제어하기 [Preview]
웹사이트를 제작할때
많은 사용자가 프린터를 어떻게 지원할것인가 고민하게 된다,
그리고 대부분 프로그램머는 자바스크립트에서 제공하는 print() 메서드를 사용해서 프린트하게 된다.
이는 간단하고 사용하기는 쉽지만, 제어기능은 별로 없는게 흠이다.

window.top.print();

또한 이 메서드를 사용하면 항상 프린트 대화상자가 뜨는 것과 인쇄되는 페이지의 헤더와 풋터를 제어할 수 없다는 단점이 있다.


아쉽게도 우리가 알고있는 자바스크립트나 ASP로는 이를 제어할 수 없다.
다른 프로그래밍 언어나 activeX 를 사용하여 프린터를 직접 제어하도록 컴포넌트를 만들어 사용해야 하는데, 이것을 직접 만든다는것도 어렵고 .....
[27] 창을 항상위로 만드는 소스입니다. [Preview]
팝업창을 항상위로 만드는 소스로
버튼을 누르면 팝업창이 항상위로 존재합니다...
[28] 키보드의 입력을 표시하는 소스 [Preview]
키보드의 입력값을 표시하는 소스입니다...

정작 표시되는 부분은 조금밖에 없지만 키 입력의 예제로 좋을듯 합니다...
[29] 미디어 플레이어의 컨트롤을 버튼으로 만들어준 소스 [Preview]
이 소스는 음악감상 사이트처럼 미디어 플레이어를 버튼으로 제어가 가능하도록 했습니다...

그리고 각 버튼에서 onclick에 document.all은 지워도 됩니다.
또 음소거 버튼은 클릭시 버튼의 value가 바뀌도록 했구요...

마지막으로 플레이어의 display와 showcontrols을 제어하는 버튼을 만들어둔건
만약을 대비해서 예제로 만들어 뒀습니다..
[30] 브러우저에서 MSN의 상태를 보여주는 소스입니다.. [Preview]
브라우저에 소스에 등록된 MSN주소를 보여주는 소스입니다....

MSN에 접속중이 아니라면 접속하라는 로그인을 띄우고 실시간으로 변하는거 같구요...
잘 사용하면 좋겠네요... ^^

MSN상태를 보여주는 부분은 찾기를 이용하여
"MSN 추가방법"을 찾으세요...

그렇지만.. MSN5에선 오류날지 모르겠네요...
제가 테스트를 해보지 않아서.. ^^;;

이 소스는 http://www.phpschool.com 의 비온뒤님의 소스를 가져왔습니다..
[31] 항목이 돌아가면서 각 항목에 일정시간 멈추는 소스입니다. [Preview]
쇼핑몰에서 사용하는 소스로 (쇼핑몰로 예를들면) 상품을 돌리면서
각 상품에 일정시간동안 멈추고 다시 다른 상품이 나오는 형식의 소스입니다...

그리고 돌아가는 부분에 마우스를 올리면 멈춥니다...
[32] 다양한 마퀴효과 (스크립트는 아닙니다) [Preview]
marquee태그의 다양한 효과들입니다
[33] 마우스 이벤트로 테이블에 fade효과주기 [Preview]

온오버 이벤트로 테이블에 fade를 주는 자스입니다

[34] 태그연습장소스 [Preview]

소스에 색깔을 조금 넣어봤습니다
[35] 첫페이지의 크기를 내맘대로 바꾸는 소스 [Preview]

흔히 부모창의 크기는 다이나믹하게 바꿀 수 없다고 알고있는데요

가능한 방법은 역시 있습니다

<body onresize="parent.resizeTo(500,500)" onload="parent.resizeTo(500,500)">

이런 소스를 사용해보세요

프레임을 나누었다면 여러 프레임중 하나에 넣어주면 됩니다

[36] 클릭으로 폰트를 바꾸는 소스 [Preview]

클릭으로 폰트를 바꾸는 소스입니다

[37] 브라우저상의 미디어 플레이어의 크기를 바꾸는 소스 [Preview]
브라우저상의 미디어 플레이어의 크기를 바꾸는 소스입니다...

이 소스를 사용할려면 꼭 동영상을 play시키고 사용해여 됩니다...
play전에 사용하면 오류납니다..
[38] 버튼을 누르먄 지정된 부분이 클립보드로 복사됩니다. [Preview]
버튼을 누르면 지정된 부분에 블럭이 잡히면서 클립보드로 내용이 복사됩니다...

이와 비슷한 소스로 textarea의 내용을 복사하는 소스도 있습니다...
이 소스는 자스 부분의 폼/폼메일 소스 게시판 30번 게시물로 미리보기의 URL은
http://www.happyscript.com/happyboard/happy.cgi?mode=source_view&db=src_form&keyNo=34
입니다.

이 소스는 미니위니(http://www.miniwini.com )에서 가져온 소스입니다.
[39] activeX 를 이용해서 유저의 컴에 있는 파일의 존재유무나 속성을 보는 예제입니다. [Preview]
미리보기하면 경고메세지 나옵니다.(선택은 자유)




[40] 주민등록 번호 입력시 남녀 구분 라디오버튼을 자동으로 지정해주는 예제입니다. [Preview]
주민 번호 처음 6자리를 입력하면 다음칸으로 자동이동하는 예제와
입력후에 자동으로 남녀구분을 보여주는 예제입니다.
    [1] [2] [3] [4] [5] [6] [7]    
Javascript Source List :