미분류 자료
미분류 자료실입니다, 각양각색의 예제 소스가 있습니다, 차후에 다른 분류를 만들어 옮기거나 관련된 자료실로 옮길 자료들이 모여 있습니다.
[41] 가상적인 로딩바를 보여주는 페이지 [Preview]
실제 로딩과는 관계가 없습니다.

눈요기로 사용하면 재미있을거 같네요.
[42] 애니메이션 이미지를 배경 이미지로 사용하기 [Preview]
이 예제는 애니메이션되는 이미지를 다른 웹페이지의 주소에서 불러
자신의 페이지에 배경으로 사용하는법에 대한 예제입니다.
[43] vbscript 실행가능 환경 테스트 예제 [Preview]
이 코드는 사용자의 컴이 윈도우 계열이라면
엑셀파일이나 워드 파일을 열수 있는지를 확인해주는 코드입니다.

어딘가 유용할거 같기두 한데.....
[44] 입력된 값만큼의 textarea를 추가하는 방법 [Preview]
미리보기 하신후 원하는 갯수를 입력하면
동적으로 textarea를 추가합니다.
[45] 입력박스에서 한글로 자동전환하는 방법 [Preview]
폼문서에서 한/영 키 전환없이 바로 한글 입력이 가능하게 해주는 방법입니다.
회원등록 폼등에서 사용하면 편리할거 같네요

IE 5.0 이상에서만 됩니다. 대부분 5.5 이상 사용하고 계시겠지만

<INPUT TYPE = text STYLE = "ime-mode:active">
[46] 간단한 암호 입력기입니다. [Preview]
자스-질답-게시판에 (행복한얼굴 님)께서 수정 요청으로 올라온 소스를
제가 한개의 함수로 만들고 삭제 버튼을 넣었습니다.

여러군데 응용하실 수 있을거 같네요.
[47] 북마크창 부르는 함수 [Preview]
<script language="JavaScript">
var bookmarkurl="http://www.hoopidik.com"
var bookmarktitle="www.hoopidik.com : Webmaster Kaynak"
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
</script>

<DIV align=center>
<FONT face="Tahoma, Verdana, tahoma, sans-serif" size=2>
<A href="javascript:addbo .....
[48] 이쁜 이메일 버튼 만들기 [Preview]
<HTML>
<HEAD>

<HEAD>
<FORM>
<INPUT TYPE="button" VALUE="send e-mail" onClick="self.location='mailto:Whatever@whatever.com';">
</FORM>
</BODY>
</HTML>
[49] 온도를 변환하는 계산기입니다. [Preview]
<script language = "JavaScript">
function displayTemp(){

if (document.forms[0].elements[1].checked){
var tempVal = document.forms[0].yourInput.value
var finalC = (tempVal-32)*5/9
var finalTemp = Math.round(finalC) + " degrees celsius"
}

if (document.forms[0].elements[2].checked){
var tempVal = document.forms[0].yourInput.value
var finalF = (tempVal*9 .....
[50] 스크롤되는 LED 표시 소스입니다. [Preview]
문자가 스크롤되는 LED 표시 소스 입니다..

개인적으로 볼때 제한적인것만 없다면 괜찮은 소스네요.. ^^

미리보기 보세요.. ^^

[51] 한글과 영문 숫자만을 허용하는 함수입니다. [Preview]
//정규식을 이용해서 체크하면 간단하게 처리할 수 있습니다.
function onlyEng(objtext1) {
var inText = objtext1.value;
var deny_pattern = /[^(가-힣a-zA-Z0-9)]/;

if(deny_pattern.test(inText))
{
alert("영문자와 한글,숫자만을 입력하세요");
objtext1.value = "";
objtext1.focus();
return false;
}
return true;
}

[52] 폭죽처럼 올라와서 터지는 소스 입니다. [Preview]
별이 폭죽처럼 올라와서 터지는 소스 입니다..

페이지 속도도 저하는시는거 없고 괜찮네요.. ^^
[53] Melt Down 소스 입니다. [Preview]
Melt Down소스 입니다..
(원제 입니다.)

버튼을 누르면 글자가 늘어지는 효과가 납니다..
[54] 버튼의 모든 이벤트 속성 알아보기 [Preview]
버튼을 클릭하면 버튼에서 사용 가능한 이벤트의 속성을 전부 보여주는 예제입니다.
[55] 마퀴에 마우스 올리면 멈추는 소스 입니다. [Preview]
마퀴에 마우스를 올리면 움직이던 마퀴가 멈추는 소스 입니다..

하지만.. 이상한게..
마퀴되는 부분에 마우스를 한번 올려줘야 되는군요.. -_-a..
[56] 같은 페이지내에서 단어를 찾아주는 스크립트 [Preview]
페이지내에서 원하는 단어를 검색하는 소습니다.
응용하시면 여러군에 유용할거 같네요.
[57] RGB 색상을 보여주는 예제입니다. [Preview]
프로그램에 문제가 있다고 질문 올라온걸 수정했습니다.


중요한건 interval 의 값을 25 이하로 줄경우 익스가 무한루프로 가정해서 프로그램을 중지하거나 중지 할거냐고 묻습니다.
"아니오"를 선택하면 시스템이 한참동안 돌아가다가 이상해집니다.

현재는 27로 잡혀 있습니다.

그라데이션 색상 만들어 내는데 아주 요긴할거 같네요.

프로그램을 약간 수정하면 rgb 한가지 색에 대해서 고정하면 숫자의 간견(interval)을 줄여도 문제가 없을겁니다.

많이 응용하세요.

[58] history 내용 읽어오기 [Preview]
히스토리에는 이전에 방문한곳의 주소가 저장됩니다.

모든 히스토리를 보려면,
document.writeln(history);

전체 갰수가 10개라면 가장 마지막은
history[9]에 들어 있습니다.

history.length : 전체 갯수을 알고자 하는 경우

history.next :현재 위치에서 다음페이지의 주소를 지정합니.
history.previous :현재 위치에서 이전 페이지의 주소를 지정합니다.

history.back :현재 위치에서 다음으로 이동하게 합니다. 당근 맨 마지막이라면 갈곳이 없겠죠. history.go(-1) 과 같습니다.
history.forward :현재 위치에서 .....
[59] table background color change. [Preview]
table color change example
[60] 소트의 예제 입니다.. [Preview]
자스의 소트를 구현해둔 소스 입니다..

공부용으로 괜찮겠네요.. ^^

사용 방법은 테이블내 이름,코드,월들 3개에 해당되는 정렬이 이뤄집니다..
    [1] [2] [3] [4] [5] [6] [7]    
Javascript Source List :