자바스크립트 이벤트객체예제(버튼을이용해 이미지전환)

JAVA/자바스크립트 2014. 10. 3. 01:10

<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

<script type="text/javascript">

imgArr = new Array();


cnt = 1;

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

imgArr[i] = "a" + i + ".png";

}


function imgChange(E) {


if (E.target.name == "btn1") {

if (cnt == 1)

cnt = 3;

else

cnt--;


document.img3.src = imgArr[cnt];


} else if (E.target.name == "btn2") {


if (cnt == 3)

cnt = 1;

else

cnt++;


document.img3.src = imgArr[cnt];

} else if (E.target.name == "firstBtn") {

cnt = 3;

document.img3.src = imgArr[cnt];

} else if (E.target.name == "lastBtn") {

cnt = 2;

document.img3.src = imgArr[cnt];

}


}


function imgAuto() {


setInterval(function() {

document.img3.src = imgArr[cnt];

cnt++;

if (cnt > 3)

cnt = 1;

}, 100);

}


document.onclick = imgChange;

</script>

</head>

<body bgcolor="black">

<form>

<center>

<h3>

<font color="white">사진 감상</font>

</h3>

</center>

<input type="button" name="firstBtn" value="<<"> <input type="button" name="btn1" value="<"> <input type="button" name="btn2"

value=">"> <input type="button" name="lastBtn" value=">>"> <input type="button" name="autoBtn" value="auto" onclick="imgAuto()">

<input type=button name=simabuttonviewsource value="Stop" onClick='window.location.reload()'> </br> <img src="a3.png" name="img3">

</form>

</body>

</html>



저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 소문자 -> 대문자 바꾸기 예제  (0) 2014.10.03
자바스크립트 마우스오버,마우스아웃 이벤트예제  (0) 2014.10.03
자바스크립트 이벤트 잡기  (0) 2014.10.02
자바스크립트 텍스트필드 빈칸체크예제  (0) 2014.09.28
자바스크립트 이벤트  (0) 2014.09.26
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 이벤트 잡기

JAVA/자바스크립트 2014. 10. 2. 15:44

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

     

    <script>

        function eventHandler(e){

            var el = e.srcElement ? e.srcElement : e.target;

            alert("클릭한 태그이름 : " + el.tagName);

        }

        document.onclick = eventHandler;

    </script>

</head>

<body>

    <h1>헤더1</h1>

    <h2>헤더2</h2>

</body>

</html>



저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 마우스오버,마우스아웃 이벤트예제  (0) 2014.10.03
자바스크립트 이벤트객체예제(버튼을이용해 이미지전환)  (0) 2014.10.03
자바스크립트 텍스트필드 빈칸체크예제  (0) 2014.09.28
자바스크립트 이벤트  (0) 2014.09.26
자바스크립트 Function객체  (0) 2014.09.26
블로그 이미지

왕왕왕왕

왕

,

Matcher 메서드 사용방법과 그룹 개념이해

프로젝트 2014. 9. 29. 19:50

Matcher 클래스 메서드들

            find() : 패턴이 일치하는 경우 true를 반환하고, 그 위치로 이동

           (여러개가 매칭되는 경우 반복 실행가능)
find(int start) : start위치 이후부터 매칭검색을 수행
start() : 매칭되는 문자열 시작위치 반환
start(int group) : 지정된 그룹이 매칭되는 시작위치 반환
end() : 매칭되는  문자열 끝 다음 문자위치 반환
end(int group) : 지정되 그룹이 매칭되는 끝 다음 문자위치 반환

group() : 매칭된 부분을 반환
group(int group) : 매칭된 부분중 group번 그룹핑 매칭부분 반환
groupCount() : 패턴내 그룹핑한(괄호지정) 전체 갯수 반환
matches() : 패턴이 전체 문자열과 일치할 경우 true 반환


패턴 내에서 그룹을 지정하기 위해서 ()를 통해 그룹을 설정해주면 되고, () 갯수만큼 그룹이 만들어 진다.


 각 그룹은 group()메서드를 통해 1,2번으로 접근이 가능하다.

group()나 group(0) 메서드는 매칭된 전체 문자열을 반환한다.


매칭 위치 반환

start()메서드를 통해 패턴이 일치하는 문자열의 시작 위치와 end() 메서드를 통해 패턴이 끝나는 문자열의 다음 문자위치를 반환한다 end() 메서드가 패턴이 일치하는 문자열의 끝부분 위치가 아닌 끝부분 다음 문자의 위치라는 것을 확인하자.

start(int group)와 end(int group)에 group이 지정되는 경우 해당 그룹이 매칭되는 위치를 반환하게 된다.

저작자표시 비영리 변경금지

'프로젝트' 카테고리의 다른 글

jsoup  (0) 2014.11.21
자바 키워드 검색후 검색결과 링크추출  (0) 2014.10.21
URL 긁어 오기  (0) 2014.09.26
Http 헤더 정리  (0) 2014.09.23
HttpClient 다운로드  (0) 2014.09.18
블로그 이미지

왕왕왕왕

왕

,

톰캣 서버 충돌 시

잡 2014. 9. 29. 10:06

javax.exe(소스버전) 프로세스 종료 또는 tomcat.exe(설치형버전) 종료 

저작자표시 비영리 변경금지

'잡' 카테고리의 다른 글

노트북 유선랜으로 핫스팟만들기  (0) 2014.12.06
PowerMockup!!  (0) 2014.10.09
자바 한글번역된 새로운 API 찾음...ㅋ  (3) 2014.09.20
ppt만들때 도움되는 사이트 모음  (2) 2014.09.06
인터넷 대역폭 제한풀기,dns삭제  (0) 2014.08.01
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 텍스트필드 빈칸체크예제

JAVA/자바스크립트 2014. 9. 28. 16:01

<input type ="text" id = "text">

<input type = "submit" value = "버튼" onclick = "ckd()")


<script type="text/javascript">

window.onload = function() {

document.getElementById('text').focus();

}

function ckd() {

if (document.getElementById('text').value == "") {

alert("비었어요");

}

}


브라우저가 새로고침을 하면 text라는 id를 가진 태그에 포커스를 해준다.


text라는 id를 가진 태그의 값을 버튼 클릭 시에 체크하여 비어있다는 것을 체크해준다.

저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 이벤트객체예제(버튼을이용해 이미지전환)  (0) 2014.10.03
자바스크립트 이벤트 잡기  (0) 2014.10.02
자바스크립트 이벤트  (0) 2014.09.26
자바스크립트 Function객체  (0) 2014.09.26
자바스크립트 객체  (0) 2014.09.26
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 이벤트

JAVA/자바스크립트 2014. 9. 26. 21:12


on이벤트이름 = "이벤트 핸들러"


onabort이미지의 다운로드를 중지할 때 (브라우저의 중지버튼)
onactivate개체가 활성화될 때 발생
(태그의 기능이 작용할 때 발생하는 이벤트로 예를 들어 링크를 누를 경우 링크가 옮겨질때 발생하는 것을 감지하는 이벤트 핸들러)
onafterprint문서가 출력되거나 혹은 출력하기 위해 출력미리보기를 한 후에 발생
onafterupdate데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가 업데이트 되었을 때 발생(데이터 개체부분 참조)
onbeforeactivate개체가 활성화 상태로 되기 바로 직전에 발생 (onactivate 참고)
onbeforecopy선택 영역이 시스템의 클립보드로 복사되기 바로 직전에 발생
onbeforecut선택 영역이 지워지기 바로 직전에 발생
onbeforedeactivate부모 문서에서 현재 개체에서 다른 개체로 activeElement가 바뀔 때 발생
(activeElement는 개체를 지칭하는 예약어로도 쓰임)
onbeforeeditfocus편집가능한 개체 내부에 포함된 개체가 편집활성화된 상태가 되거나 혹은 편집가능한 개체가 제어를 위해 선택될 때
onbeforepaste시스템의 클립보드에서 문서로 붙여넣기 될 때 대상 개체에서 발생
onbeforeprint문서가 출력되거나 혹은 출력하기 위해 출력미리보기 직전에 발생
onbeforeunload페이지가 언로드되기 직전에 발생
onbeforeupdate데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가 업데이트 되기전에 발생 (데이터 개체부분 참조)
onblur개체가 포커스를 잃었을 때
onbounce마퀴태그에서 alernate상태에서 스크롤이 양 사이드에서 바운드될 때 발생
oncellchange데이터 제공 개체에서 데이터가 변화할 때 발생
onchange개체 혹은 선택영역의 내용이 바뀔 때 발생
onclick개체위에서 마우스의 왼쪽 버튼을 누를 때 발생
oncontextmenu클라이언트 영역에서 사용자가 마우스 오른쪽 버튼을 눌러 콘텍스트 메뉴를 열 때 발생
oncontrolselect사용자가 개체의 제어 영역을 만들 때 발생
oncopy시스템의 클립보드에 선택영역 혹은 개체를 복사할 때 소스 개체로부터 발생
oncut시스템의 클립보드에 선택영역 혹은 개체를 잘라낼때 소스 개체로부터 발생
ondataavailable비정기적으로 데이터를 전달하는 데이터 소스 개체로부터 데이터가 도착할 때마다 정기적으로 발생
ondatasetchanged데이터 소스개체의 변화에 의해 데이터가 노출된 상태로 될 때 발생
ondatasetcomplete데이터 소스 개체로부터 모든 데이터가 유용한 상태로 표시될 때 발생
ondblclick사용자가 개체에 더블클릭 할때 발생
ondeactivate모 문서에서 현재 개체에서 다른 개체로 activeElement가 변할 때 발생
ondrag드래그 상태가 지속되는 동안 소스 객체로부터 발생
ondragend드래그 상태가 끝날 때 소스 객체로부터 발생
ondragenter사용자가 개체를 드래그하여 드롭가능 위치로 지정된 영역으로 이동할 때 타갯 개체에서 발생
ondragleave사용자가 개체를 드래그하여 드롭가능 위치로 지정된 영역을 떠날 때 타갯 개체에서 발생
ondragover사용자가 개체를 드래그하여 드롭가능 위치로 지정된 영역내에서 드래그할 때 계속적으로 타갯 개체에서 발생
ondragstart선택된 개체 혹은 텍스트 영역에서 사용자가 드래그를 시작할 때 발생
ondrop드래그앤드롭 작용에서 상태가 진행되는 동안 개체가 타갯 개체에 드롭되었을 때 타갯 개체에서 발생
onerror개체가 로드되는 동안 발생하는 이벤트
onerrorupdate데이터 소스 개체 내에 데이터가 없데이트 되는 동안 에러가 발생할 때 데이터 영역 개체에서 발생
onfilterchange비주얼 필터의 상태가 바뀌거나 트랜지션이 완료되었을 때 발생
onfinish마퀴개체의 loop가 완료되었을 때 발생
onfocus개체가 포커스를 받았을 때 발생
onfocusin개체에 포커스가 셋팅되기 바로 직전 개체에 대해 발생
onfocusout포커스가 다른 개체로 이동한 후에 포커스를 가고 있는 현재 개체에서 발생
onhelp브라우저가 활성화 되어 있는 동안 F1키를 눌렀을 때
onkeydown사용자가 키를 눌렀을 때
onkeypress기능키를 제외한 키를 눌렀을 때 발생
onkeyup사용자가 키를 놓았을 때 발생
onlayoutcomplete소스 문서로 부터 콘텐드를 가지는 객체가 미리보기나 출력을 할때 현제 LayoutRect 개체를 모두 채우는 것이 끝났을 때 발생
onload브라우저가 개체를 로드한 후에 발생
onlosecapture개체가 마우스 캡쳐를 잃었을 때 발생
onmousedown개체 위에 마우스 버튼을 누를 때 발생(좌우 어느 버튼이든)
onmouseenter개체 안으로 마우스 포인터가 들어올 때 발생
onmouseleave개체의 경계밖으로 마우스 포인터가 이동할 때 발생
onmousemove개체위에서 마우스가 움직일 때 발생
onmouseout개체밖으로 마우스 포인터가 빠져나갈 때 발생
onmouseover개체위로 마우스 포인터가 들어올 때 발생
onmouseup마우스가 개체위에 있는 동안 마우스를 누른 상태에서 해제될 때 발생
onmousewheel마우스 휠이 돌아갈 때 발생
onmove개체가 움직일 때 발생
onmoveend개체가 움직임이 끝날 때 발생
onmovestart개체가 움직이기 시작할 때 발생
onpaste문서에 클립보드로부터 데이터가 전송될 때 타겟 개체에서 발생
onpropertychange개체의 속성이 바뀔 때 발생
onreadystatechange개체의 상태가 변화할 때 발생
onresetForm 을 사용자가 리셋할 경우 발생
onresize개체의 크기가 바뀔 때 발생
onresizeend제어영역에서 개체의 크기가 사용자에 의해 변화가 끝날 때 발생
onresizestart제어영역에서 개체의 크기가 사용자에 의해 변화되기 시작할 때 발생
onrowenter데이터 소스 내에서 현재 열이 변화되거나 개체에 새로운 유용한 데이터가 입력될 때 발생
onrowexit데이터 소스 콘트롤이 개체 내의 현재 열을 변화시킬 때 발생
onrowsdelete레코드셋에서 열이 삭제될 때 발생
onrowsinserted현재 레코드셋에 새로운 열이 추가된 후에 발생 (데이터 개체에서)
onscroll사용자가 개체 내의 스크롤 바를 스크롤할 때 발생
onselect현재 선택된 영역이 바뀔 때 발생
onselectionchange문서의 선택 영역의 상태가 바뀔 때 발생
onselectstart개체가 선택되기 시작할 때 발생
onstart마퀴개체에서 루프가 매번 시작될 때 발생
onstop사용자가 stop 버튼을 눌렀을 경우 혹은 페이지를 떠날 때 발생
onsubmit폼이 전송되기 직전에 발생
onunload개체가 언로드되기 직전에 발생



저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 이벤트 잡기  (0) 2014.10.02
자바스크립트 텍스트필드 빈칸체크예제  (0) 2014.09.28
자바스크립트 Function객체  (0) 2014.09.26
자바스크립트 객체  (0) 2014.09.26
자바스크립트 내장함수,재귀함수  (0) 2014.09.26
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 Function객체

JAVA/자바스크립트 2014. 9. 26. 21:05

선언방법


함수명 = new Function(매개변수1, 매개변수2, ............. , 함수처리내용)


ex) str = new Function("i",return Math.abs(i))


속성

arguments : 함수의 매개변수 정보를 배열로 제공

prototype : function 객체의 속성을 정의



저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 텍스트필드 빈칸체크예제  (0) 2014.09.28
자바스크립트 이벤트  (0) 2014.09.26
자바스크립트 객체  (0) 2014.09.26
자바스크립트 내장함수,재귀함수  (0) 2014.09.26
자바스크립트 조건 연산자  (0) 2014.09.26
블로그 이미지

왕왕왕왕

왕

,

자바스크립트 객체

JAVA/자바스크립트 2014. 9. 26. 20:54

객체 선언 및 생성


객체 변수 = new 객체이름([전달인수리스트]);



ex)  a = new Data();  // Data() 객체를 사용하기위해 a라는 객체변수로 선언


객체는 생성자 함수를 이용하여 정의된다. 정의방법은 일반 함수를 생성하는 것과 동일


function student(a,b,c) {

this.a = a;

this.b = b;

this.c = c;

this.p = p;

}


1. student객체는 a,b,c 속성을 갖는다.

this란 예약어로서 이 생성자 함수를 호출한 객체 자신을 의미한다.

메소드는 객체가 연산을 처리하도록 하는것이며, 생성자 함수에서 선언한 이름과 동일해야한다.


function p(){    // p라는 메소드 정의

document.write(this.a,this.b,this.c);   

}

        

2. p()로 메소드 함수를 선언해서 처리했고, 이를 선언하는 형식은 일반 함수형식과 동일하다.


     re = new student();

re.a = "d";

re.b = "f";

re.c = "g";

        re.p();


3. student객체를 사용하기위해 re라는 객체 변수를 생성한다. 인자 값을 넘겨주고 re.p()를 사용해 출력해준다.


   


저작자표시 비영리 변경금지

'JAVA > 자바스크립트' 카테고리의 다른 글

자바스크립트 이벤트  (0) 2014.09.26
자바스크립트 Function객체  (0) 2014.09.26
자바스크립트 내장함수,재귀함수  (0) 2014.09.26
자바스크립트 조건 연산자  (0) 2014.09.26
자바스크립트 내장객체 array,date,function,math,number,screen,string  (0) 2014.09.04
블로그 이미지

왕왕왕왕

왕

,

공지사항

태그목록

글 보관함

달력

«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

티스토리툴바