[JAVA SCRIPT]팁 모음

[JAVA SCRIPT]팁 모음

2012. 4. 25. 12:55ㆍNOTE/IT

매초마다 다른 이미지|글자 보여줌

</div>

var message = new Array;

// ****************************************************************

// [사용자 변경이 가능한 옵션]

var second = 2000; // 몇초마다 바꿀건지(1초는 1000)

message[message.length] = '이곳에 입력1'; // 이미지는 '<img src="../images/your1.gif" />' 로 삽입

message[message.length] = '이곳에 입력2'; // 테이블,이미지,가격표 '<table><tr><td> <img src="../images/" /> </td><tr><td>가격:000원</td></table>';

message[message.length] = '이곳에 입력3';

message[message.length] = '이곳에 입력4';

// ****************************************************************/

var i=0;

aniBox.innerHTML = message[i++];

setInterval('aniBox.innerHTML = message[i++];i>=message.length?i=0:null;',second);

</script>

http://home.hanmir.com/~epjang/

숫자만 입력받기

function checkPhone(e)

{

// 넷스케이프는 6,7 지원안됨, 최신 버전인 7.1에서야 비로소 지원됨

var intCode = e.keyCode||e.which;

if( !(intCode >= 48 && intCode <=57))

{

return false;

}

return true;

}

</script>

<form>

<input type="text" name="phone[]" /> -

</div>

</form>

http://home.hanmir.com/~epjang/

주민번호 focus자동이동

프린트시 나타나는 문자

Mins 203.241.151.50http://www.minswa.com/zbxe/index.php?document_srl=566

.myD{display:none;}

</style>

<div class="myD">Print Show</div>

일정시간후 창닫기

function startTime(){

var time= new Date();

hours= time.getHours();

mins= time.getMinutes();

secs= time.getSeconds();

closeTime=hours*3600+mins*60+secs;

closeTime+=5; // This number is how long the window stays open

Timer();

}

function Timer(){

var time= new Date();

hours= time.getHours();

mins= time.getMinutes();

secs= time.getSeconds();

curTime=hours*3600+mins*60+secs

if (curTime>=closeTime){

self.close();}

else{

window.setTimeout("Timer()",1000)}

}

</script>

<body onLoad="startTime();">.

5초입니다

마우스가 올라가면 생겼다 벗어나면 없어지는 새창

<head>

<style>

A { color:#787878; text-decoration:none; }

A:Hover { color:#c0c0c0; text-decoration:none; }

</style>

<!--

headstring = "<HTML><HEAD><TITLE>스크립트 예제</TITLE><HEAD>"

bodystring = "<BODY bgcolor=#f3f3f3>"

endstring = "</BODY></HTML>"

iswin1 = 0;

function me() {

if (iswin1==1) return;

win1 = open ("","","width=300,height=250");

win1.document.open();

win1.document.write (headstring);

win1.document.write (bodystring);

text1 ="<font color=#009999 size=5><b>마우스가 올라가면 새로 열리는 창<b> </font><p>";

text1 += " Happy script <p>";

text1 += " :: Mew :: <p>";

text1 += " 응용이 쉽고 <p>";

text1 += " 간편한 스크립트 입니다 <p>";

text1 = "<center><font size=2 color=#0066cc>" + text1 + "</font></center>";

win1.document.write (text1);

win1.document.write (endstring);

win1.document.close();

iswin1 = 1;

}

function me1() {

if (iswin1==0) return;

win1.close();

iswin1 = 0;

}

//-->

</script>

</head>

</font>

마우스를 링크 영역에 가져가면

</font>

새 브라우저가 열리는 예제

</font>

마우스 커서를 여기에 !

</a>

</font>

</body><input type=button name=simabuttonviewsource value="View Source" onClick='window.location="view-source:"+window.location.href'>

아날로그 시계

<!-- Begin

pX = 100;

pY = 100;

obs = new Array(13);

function ob() {

for (i = 0; i < 13; i++) {

if (document.all) obs[i] = new Array (eval('ob'+i).style,-100,-100);

else obs[i] = new Array (eval('document.ob'+i),-100,-100);

}

function cl(a, b, c) {

if (document.all) {

if (a != 0) b += -1;

eval('c'+a+'.style.pixelTop='+(pY+(c)));

eval('c'+a+'.style.pixelLeft='+(pX+(b)));

}

else {

if (a != 0) b += 10;

eval('document.c'+a+'.top='+(pY+(c)));

eval('document.c'+a+'.left='+(pX+(b)));

}

function runClock() {

for (i = 0; i < 13; i++) {

obs[i][0].left=obs[i][1]+pX;

obs[i][0].top=obs[i][2]+pY;

}

var lastsec;

function timer() {

time = new Date ();

sec = time.getSeconds();

if (sec != lastsec) {

lastsec = sec;

sec = Math.PI * sec / 30;

min = Math.PI * time.getMinutes() / 30;

hr = Math.PI * time.getHours() / 6 + Math.PI * parseInt(time.getMinutes()) / 360;

for (i = 1; i < 6; i++) {

obs[i][1] = Math.sin(sec) * (44 - (i-1) * 11) - 16;

if (document.layers)obs[i][1] += 10;

obs[i][2] = -Math.cos(sec) * (44 - (i-1) * 11) - 27;

}

for (i = 6;i < 10; i++) {

obs[i][1] = Math.sin(min) * (40 - (i-6) * 10) - 16;

if (document.layers)obs[i][1] += 10;

obs[i][2] = -Math.cos(min) * (40 - (i-6) * 10) - 27;

}

for (i = 10; i < 13; i++) {

obs[i][1] = Math.sin(hr) * (37 - (i-10) * 11) - 16;

if (document.layers)obs[i][1] += 10;

obs[i][2] = -Math.cos(hr) * (37 - (i-10) * 11) - 27;

}

function setNum() {

cl (0, -67, -65);

cl (1, 10, -51);

cl (2, 28, -33);

cl (3, 35, -8);

cl (4, 28, 17);

cl (5, 10, 35);

cl (6, -15, 42);

cl (7, -40, 35);

cl (8, -58, 17);

cl (9, -65, -8);

cl (10, -58, -33);

cl (11, -40, -51);

cl (12, -16, -56);

}

function startClock() {

ob();

setNum();

setInterval('timer()', 100);

setInterval('runClock()', 100);

}

// End -->

</script>

<style>

..num {color:white;width:30px;text-align:center; }

</style>

</HEAD>

<table>

<tr>

</td>

</tr>

</table>

</div>

</div>

<center><input type="button" value="View Source" onClick='window.location="view-source:"+window.location.href'>

초시계..

<SCRIPT LANGUAGE="JavaScript">


</script>

</HEAD>

<BODY onLoad="window.setTimeout('getSecs()',1)">
<form name=test>
<input type=text name=timespent>
</form><center><input type="button" value="View Source" onClick='window.location="view-source:"+window.location.href'>

우측하단 아날로그시계

<script language="javascript">

</script>
<br><bR><bR><bR><br><br><bR><bR><bR><br><br><bR><bR><bR><br>
<br><bR><bR><bR><br><br><bR><bR><bR><br><br><bR><bR><bR><br>
<br><bR><bR><bR><br><br><bR><bR><bR><br><br><bR><bR><bR><br>
<br><bR><bR><bR><br><br><bR><bR><bR><br><br><bR><bR><bR><br>
<br><bR><bR><bR><br><br><bR><bR><bR><br><br><bR><bR><bR><br>
<br><bR><bR><bR><br><br><bR><bR><bR><br><br><bR><bR><bR><br>
<center><input type="button" value="View Source" onClick='window.location="view-source:"+window.location.href'>

전체 이미지 갯수와 현재 이미지 번호가 보여지는 이미지 슬라이드 소스

<!--

var photos=new Array()

var which=0

// 이미지 경로부분

// 추가시엔 photos[X]="URL"를 원하는 이미지의 갯수만큼 복사하여

// X부분에 0부터 차례대로 숫자를 적어주며 URL부분에 각 부분의 이미지의 경로를 적으면 됨

photos[0]="http://user.chollian.net/~yookmjl/icsUpload/photopds/YellowstoneLakeSunset3-1024.jpg"

photos[1]="http://user.chollian.net/~yookmjl/icsUpload/photopds/YellowstoneLakeSunset2b-1024.jpg"

photos[2]="http://user.chollian.net/~yookmjl/icsUpload/photopds/cyuohlawn3.jpg"

photos[3]="http://user.chollian.net/~yookmjl/icsUpload/photopds/AlpenVillageWildflowers3-1024.jpg"

photos[4]="http://user.chollian.net/~yookmjl/icsUpload/photopds/AlpenVillage-1024.jpg"

photos[5]="http://user.chollian.net/~yookmjl/icsUpload/photopds/AlpsScene3-1024.jpg"

photos[6]="../../../kjy/javalink/h1.gif"

photos[7]="../../../kjy/javalink/h2.gif"

photos[8]="../../../kjy/javalink/h3.gif"

function backward(){

if (which>0){

window.status=''

which--

document.all._Ath_Img_X.innerHTML = which+1;

document.all._Ath_Img_N.innerHTML = photos.length;

document.images.photoslider.src=photos[which]

}

function forward(){

if (which<photos.length-1){

which++

document.all._Ath_Img_X.innerHTML = which+1;

document.all._Ath_Img_N.innerHTML = photos.length;

document.images.photoslider.src=photos[which]

}

else window.status='이미지가 없습니다.' // 이미지가 끝났을시 상태바 메세지

}

//-->

</script>

<br>

<!--

보여지는 이미지의 번호 / 전체 이미지의 갯수

전체 이미지의 갯수는 다음 이미지로 넘기면 자동으로 전체 이미지 갯수가 표시됨

//-->

<!--

이미지를 마지막으로 이동시키는 부분

예를들어 전체 이미지의 갯수가 10개라면 위 이미지 경로부분에는 0,1,2,3,4,5,6,7,8,9 이렇게 구성된다

여기서 전체 이미지의 갯수에서 1을 뺀값 그러니 9-1이니 8을 아래 which의 값으로 적으면 됨

//-->

저작자표시

'NOTE > IT' 카테고리의 다른 글

[HTML]TEXTAREA 기본문자 삽입,글자수 제한 하기 (0)	2012.04.25
FTP 자동 로그인 스크립트 (0)	2012.04.25
[PHP]문자열을 정해진 길이로 나누어 배열 만들기 (0)	2012.04.25
[HTML] 종합 문법 (0)	2012.04.25
[JAVA SCRIPT]alert(),confirm(),prompt() (0)	2012.04.25

...__....

...__....

태그

최근글

댓글

공지사항

아카이브

'NOTE > IT' 카테고리의 다른 글

관련글

티스토리툴바