미분류 자료
미분류 자료실입니다, 각양각색의 예제 소스가 있습니다, 차후에 다른 분류를 만들어 옮기거나 관련된 자료실로 옮길 자료들이 모여 있습니다.
[1] 숫자의 최대/최소 허용범위를 표시 [Preview]
자스에서 사용 가능한 숫자의 최대/최소 허용범위를 표시합니다.
[2] 리터널 예제입니다. 함수/객체/배열 [Preview]
한수 리터널은
변수에 직접 function을 만드는걸로
"variable()"로 만든 function로드가 가능합니다.

그리고 객체 리터널은 변수에 {와 }로 가능하며
"obj_name:value"로 이뤄지게 됩니다.

배열 리터널은 [와 ]로 값을 입력하게되며.
[와 ]사이에 다시 [와 ]을 입력해서 X차원 배열로도 가능합니다.

ex)
var aaa = ['hello', ['hi', 337], 'bye'];
==
var aaa = new Array();
aaa[0] = 'hello';
aaa[1] = new Array('hi', 337);
aaa[2] = 'bye';
[3] 변수 선언시 var차이로 인한 전역/지역변수 구분 [Preview]
자스에서 변수 선언시 var의 존재 차이로 전역/지역변수로 구분의 예제입니다.

여기선 달리 설명할게 없을듯 합니다.
미리보기에 적혀진 설명을 참고하세요. ^^
[4] 동등(==)과 일치(===)의 예제입니다. [Preview]
동등(==)과 일치(===)의 예제입니다..
(==의 반대는 != // ===의 반대는 !==)

동등은 검사시 형(type)을 변경해서 검사하는 반면에
일치는 형변환이 이뤄지지 않은채로 검사합니다.

그리고... 소스에서 typeof란게 있는데..
이건 변수의 형(type)을 반환하게 되며..
사용은 아래와 같습니다.

typeof 검색대상
[5] 용량을 계산하는 소스입니다. [Preview]
용량을 계산하는 소스입니다..

계산할려는 크기를 적고 용량 단위를 선택 후 버튼을 누르면
바이트/킬로바이트/메가/기가/테라 이렇게 5가지 용량을 보여줍니다..
[6] 아주 간단한 객체지향 자스 소스입니다. [Preview]
자스로 객체지형을 아주 간단하게 사용한 소스입니다..
(정확히는.. 객체지향은 아닐겁니다.. ^^;;)

붕어빵 틀에 비유하겠습니다..
function aaa는 붕어빵을 굽는 틀 이며
aab / ccd의 변수는 "붕어빵을 구울거니 틀을 사용하게 해달라" 하고 요청하며

aab.ccc();
aab.fff(10,5);
var bbc = aab.iii(20,5);
는 "붕어빵 재료를 넣어서 붕어빵을 얻었다"로 생각하면 되겠네요.. ^^

[7] 위지윅기능의 일부 기능을 가지는 소스입니다. [Preview]
제가 자주가는 사이트에 위지윅 기능의 샘플들이 올라온거중에

아주 일부의 위지윅 기능만 뽑은 소스입니다.. ^^
[8] 글자수 입력 제한하는 스크립트 (textarea) [Preview]
글자수를 입력하는 순간에 바로 제한하고 싶을때 사용하면 아주 유용할거 같습니다.
[9] list 사용시 이미지 바꾸기 [Preview]
중첩된 리스트를 사용시 기본적으로 이미지가 계속 바뀌어서 나타납니다
이때 스타일쉬트를 사용하면 한가지만 나오게 할 수 있습니다.

예제 소스는 항상 네모 박스가 나오게 했습니다.

이걸 잘 응용하시면 이미지가 안나오게 또는 다른 이미지가 나오는 것처럼 할 수도 있습니다
[10] 원하는 갯수의 셀을 표시하는 소스입니다. [Preview]
페이지 로드시 지정한 가로과 세로의 갯수를 지정하면..
그 지정된 갯수대로 셀이 만들어지는 소스입니다..

"값 변경"체크박스에 체크하고 셀을 클릭하면..
text박스가 나오며 그 박스에 값을 입력하면..
해당 부분에 값이 입력됩니다..

문듯 생각이 나서.. 만들어봤는데..
단순하게 보니.. 테이블만 만드는거네요.. ^^;;
[11] 시선을 집중시키고 싶을때 사용하는 소스 [Preview]
텍스트 문자열을 좌우 사방에서 랜덤하게 추가하는것처럼 보입니다.

실제로 문자열은 html 부분에 그냥 적어넣으면 스크립트가 자동으로 단어별로 분리해서 입력되는것처럼 보여줍니다.
[12] css 배경 예제 [Preview]
가끔씩 파스텔톤의 배경색이나 테두리를 이용하고 싶은 경우가 있습니다.
이때 예제로 사용하시기 좋을거 같네요.
[13] 중량과 질량 변환용 프로그램 소스 [Preview]
중량 또는 질량에 대한 값을 변환하는 예제 프로그램입니다.
[14] 체적값 변환용 프로그램 소스 [Preview]
체적값 변환에 대한 에제 소스입니다.
[15] 면적값 변환용 예제 소스 [Preview]
면적값에 대한 다양한 다른 단위의 변환값을 보여줍니다.
[16] 길이 변환용 소스 [Preview]
다양한 길이에 대한 단위가 있습니다.

이 예제 소스는
Inches, Feet, Yards, Statute Miles, Millimeters, Centimeters, Decimeters, Meters, Decameters, Hectometers, Kilometers 등에 대한 동적변 단위값 변환을 보여줍니다.

유용하게 사용하시기 바랍니다.
[17] 주소를 검색하는 소스 [Preview]
요즘 대부분의 회원가입 양식에 주소를 검색하는 버튼이 있고
이 버튼을 이용해서 주소를 검색 후 나머지 부분일 입력하듯이
주소를 검색하는 소스입니다..

소스 사용법은 address_list란 배열에 주소를 입력하시고
다른건 적절히 수정 후 사용하시면 됩니다.

** 주소 자료만 있었다면 적용은 못해도 참고 파일로 사용했겠지만, 주소 자료를 찾지 못하겠네요.. ^^;;
[18] 아라비아 문자 컨버터 (Roman Numeral Converter ) [Preview]
아라비아 문자로 컨버터 해주는 소스입니다....
[19] iframe 리사이즈 소스 [Preview]
iframe에 열리는 페이지의 길이를 알아내어
iframe의 크기를 바꿔주는 소스입니다..
[20] 텍스트 갤러리 소스 [Preview]
텍스트 갤러리 소스로
이미지 갤러리처럼 특정 제목을 선택하면 그 제목에 해당하는
내용이 나옵니다..
    [1] [2] [3] [4] [5] [6] [7]    
Javascript Source List :