..
전체 (270)
[db] glongin.sql
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
glongin.sql파일로 define_editor=vi 사용하자.

$> cd $ORACLE_HOME/sqlplus/admin

$> vi glogin.sql

그럼 그다음 ed만 치면 vi editor을 사용 할 수 있다.

vi editor 에서
i = 입력
w = 저장
q = 종료

s 2005 3555 1111 188

'DEV > DB' 카테고리의 다른 글

오라클 리스너(Listener)란?  (0) 2008.07.30
원격으로 오라클에 접속하기  (0) 2008.06.21
[db] rownum, rowid  (0) 2008.06.12
  Comments,     Trackbacks
[db] rownum, rowid
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
rownum 논리적인 값이고 rowid는 물리적인 block주소이다.

rownum은 select된 후에 정해지게 되는데 수시로 바뀐다. 주의!!

select rownum, studno
from student
where rownum =1;

이런식으로 하게 되면 sql문 실행순서에 따라서

from 절의 student 테이블을 먼저 보게 되고

다음 where 절에서 그 테이블에 대한 조건을 수행하는데.

이때 rownum 에 대한 정보는 정해진게 아니므로 where 절의 조건에 해당되는 값이 제대로 나올리 없다.

그다음 select절을 수행하는데 이때 로우넘이 정해진다.


 select prod_no
 from (select rownum a, prod_no
       from product)
 where a = 2

요런식으로 써주자. a 대신 rownum을 쓰게 되면 새로운 rownum이란 값으로 인식되므로 주의!!

'DEV > DB' 카테고리의 다른 글

오라클 리스너(Listener)란?  (0) 2008.07.30
원격으로 오라클에 접속하기  (0) 2008.06.21
[db] glongin.sql  (0) 2008.06.13
  Comments,     Trackbacks
한글 단축키
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
아래아 한글 단축키 
◆ 메뉴 표시줄을 이용할 때 사용하는 단축키
[F10키 누른 상태에서] 키보드의 숫자   한글에서 메뉴를 부를 때 F10을 누르게 되면 됩니다.
1/  2/  3/ 4/  5/  6/  7/  8/  9   우리가 일반적으로는 F10키를 누른 후 방향키를 이용하여
    메뉴를  이동하였지만 키보드의 숫자 1~9를 눌러보면
    각각의 메뉴로 이동하는 것을 아실 수 있습니다.
  ◆ 펑션키의 기능
F1  도움말 F7  편집 용지
F2  찾기 F8  맞춤법
F3  블록 설정 F9  한글↔한자/한글로
F4  구역 설정 F10  메뉴
F5  셀 편집 F12  한컴 사전
F6  스타일    
  ◆ 커서를 이동할 때 사용하는 단축키 
 Ctrl + Home  화면 첫줄로 Alt + Home  문단의 처음으로
Ctrl + End 화면 끝줄로  Alt + End  문단의 끝으로
  Ctrl + PgUp  문서 맨 처음으로  Home  줄 첫머리로
 Ctrl + PgDn  문서 맨 끝으로  End  줄 끝으로
 PageUp  앞 화면으로  Ctrl + ←  앞 낱말 처음으로
 PageDown  다음 화면으로  Ctrl + →  다음 낱말 처음으로
 Alt + PgUp  앞 쪽 처음으로  Ctrl Alt ←/→ Alt ←/→/↑/↓ 다단 이동
 Alt + PgDn  다음 쪽 처음으로 다단나누기 실행 후
  ◆ 화면조정을 할 때 사용하는 단축키 
Alt + 방향키 화면을 사방으로 이동 Ctrl + W + M 모두 아이콘으로
 ScrollLock  좌우 이동 방지  Ctrl + W + H 모두 숨기기
 Alt + W  다음 창으로 이동  Ctrl + G + P 화면 확대 - 쪽맞춤
 Ctrl + Tab 다음 문서 창으로  Ctrl + G + W 화면 확대 - 폭맞춤
 Ctrl + Shift + Tab 이전 문서 창으로  Ctrl + G + Q 화면 확대 - 100%
 Alt + Enter 창을 최대/최소 크기로  Ctrl + G + C  조판 부호 보기/해제
 Alt + R 화면을 깨끗이  Ctrl + G + T 문단 부호 보기/해제
 Ctrl + R 문서 재정렬하기  Ctrl + G + L  쪽 윤곽 보기/해제
shift +/- (NumLock키 해제후)    
화면 확대/축소
  ◆ 문서를 다룰 때 사용하는 단축키 
Alt N  새글  Ctrl F4  문서 닫기(위와 동일)
 Ctrl Alt N  문서 마당  Alt S  저장하기
 Ctrl K E  문서 마당 정보  Alt V   새이름으로 저장
 Ctrl Alt C  현재 창에 새글 만들기  Ctrl Q I   문서 요약
 Alt O  불러오기  Ctrl Q D  문서 분량
 Ctrl O  끼워 넣기  Ctrl Q X  빠른 찾기
 Alt F3  최근 문서  Alt P   인쇄
 Alt X  끝내기  Ctrl P  프린터 설정
 Alt F4  문서 닫기    
  ◆ 편집할 때 사용하는 단축키
 Enter  줄 바꾸기 F9 한자↔한글
 Insert 삽입/수정 변환 Delete (뒤) 한 글자 지우기
Alt + F9 (블록 설정 후)한글로 바꾸기(한자/일본어)  BackSpace (앞) 한 글자 지우기
Ctrl + Delete(또는 T) 뒷 낱말 지우기 Ctrl + BackSpace 앞 낱말 지우기
Ctrl + E (블록설정 후) 지우기 Ctrl + Y 한 줄 지우기
Alt + Y 이후 줄 지우기 Ctrl + Z 되살리기
Ctrl + X 오려두기 Shift + Delete 오려두기(위와 동일)
Ctrl + C 복사하기 Ctrl + V 붙이기
Ctrl + Insert 복사하기(위와 동일) Shift + Insert 붙이기(위와 동일)
Ctrl + B 골라 붙이기 Ctrl + F 한 줄씩 복사해 모으기
Ctrl + D 한 줄씩 오려 모으기 Ctrl + Q + F 찾기
Ctrl + S 임시기억장소 비우기 F2 찾기(위와 동일)
Ctrl + Q + L 거꾸로 찾기 Ctrl + Q + X 빠른 찾기
Ctrl + L 다시 찾기 Ctrl + F2 찾아 바꾸기(위와 동일)
Ctrl + Q + A 찾아 바꾸기 Alt + G 찾아가기[쪽/줄/스타일/조판부호/책갈피]
Alt + C 모양 복사
  ◆ 입력할 때 사용하는 단축키 
Alt + F1 자판배열 보기  Alt + F2 글자판 바꾸기
Alt + I (블록 설정후)상용구 만들기(블록 해제후)상용구 실행  Ctrl + F3 상용구 내용 보기
Alt + B 매크로 정의/기록 끝   Alt + 2 두 번째 매크로 실행
Alt + Z 매크로 실행 Alt + 3 세 번째 매크로 실행
Alt + 1 첫 번째 매크로 실행 Alt + 5 다섯 번째 매크로 실행
Alt + 4 네 번째 매크로 실행   Alt + 6 여섯 번째 매크로 실행
Alt + 7 일곱 번째 매크로 실행   Alt + 8 여덟 번째 매크로 실행
Alt + 0  열 번째 매크로 실행 Alt + 9 아홉 번째 매크로 실행
Ctrl + Enter(또는J) 쪽 나누기 Ctrl + K + F (날짜/시간) 형식
Ctrl + N + O 개체 삽입 Ctrl + Q + P 직전 위치로
Ctrl + Q + 1~4 기억된 위치로 Ctrl + K + 1~4 위치 기억
Ctrl + Q + B 책갈피 만들기 Ctrl + F9  (한자)부수로 입력
Ctrl + F + 10 문자표(코드문자)   Ctrl + Insert (개요 번호) 삽입
Ctrl + K + O (개요 번호) 모양 Ctrl + K + M 메일 머지 표시 달기
Ctrl + K + I 찾아 보기 표시 넣기 Ctrl + K + T 제목 차례 표시 달기
Ctrl + N + S (현재 쪽만) 감추기 Ctrl + N + P 쪽 번호 매기기
Ctrl + N + H 머리말/꼬리말 Ctrl + N + E 미주
 Ctrl + N + N 각주 Alt + - 열한 번째 매크로 실행
 Ctrl + K + C (날짜/시간) 코드 Alt + = 한영 자동 전환
Ctrl + K + D (날짜/시간) 문자열    
  ◆ 스타일 사용할 때 사용하는 단축키 
Ctrl + 0 열 번째 스타일 적용 Ctrl + 1 첫 번째 스타일적용
Ctrl + 2 두 번째 스타일 적용 Ctrl + 3  세 번째 스타일 적용
Ctrl + 4 네 번째 스타일 적용 Ctrl + 5   다섯 번째 스타일 적용
Ctrl + 6 여섯 번째 스타일 적용 Ctrl + 7  일곱 번째 스타일 적용
Ctrl + 8 여덟 번째 스타일 적용 Ctrl + 9 아홉 번째 스타일 적용
  ◆ 블록을 사용할 때 사용하는 단축키 
Shift + ←/→/↑/↓ 원하는 만큼 블록 설정 Shift + Home 커서부터 줄 처음까지
Shift + End 커서부터 줄 끝까지 Shift + PgUp 한 화면(앞으로) 블록설정
Shift + PgDn 한 화면(뒤로) 블록설정 Shift + Ctrl + Home 화면 맨 위까지
Shift + Ctrl + End 화면 맨 아래까지 Ctrl + Alt + A 모두선택(문서전체 블록)
Shift + Ctrl + PgDn 문서 맨 끝까지 Shift + Ctrl + PgUp 문서 맨 처음으로
Shift + Ctrl + ←/→ 한 단어 왼쪽/오른쪽으로     
  ◆ 글자모양이나 자간에 대한 조절을 할 때 사용하는 단축키 (블록 설정 후)
Shift + Alt + E/R  글자 크게/작게 Shift + Alt + J/K 장/평 조절
Shift + Alt + W/N  자간 넓게/좁게 Shift + Alt + U 밑줄
Shift + Alt + B  진하게 Shift + Alt + I 이탤릭
Alt + L  글자 모양 Shift + Alt + P 위 첨자 지정/해제
Shift + Alt + G  이전 글꼴로 바꾸기 Shift + Alt + S 아래 첨자 지정/해제
Ctrl + A  위 첨자/아래 첨자 입력 Shift + Alt + C 보통 모양(속성 해제)
Shift + Alt + F  다음 글꼴로 바꾸기    
  ◆ 문단 모양에 대한 조절을 할 때 사용하는 단축키 
 Alt + T 문단 모양 Shift + Alt + Z/A 줄 간격 넓게/좁게
Shift + Tab 빠른 내어쓰기 Ctrl + F6 첫 줄 들여쓰기
Ctrl + F5 첫 줄 내어쓰기 Ctrl + F8 문단 폭 좁히기
Ctrl + F7 문단 폭 넓히기 Ctrl + Alt + F5 왼쪽 여백 좁게
Ctrl + Spacebar 묶음 빈칸(2분각) Ctrl + Alt + F8 오른쪽 여백 좁게
Ctrl + Alt + F6 왼쪽 여백 넓게 Ctrl + Alt + F7 오른쪽 여백 넓게
Alt + Spacebar 고정폭 빈칸(4분각)    
  ◆ 틀에 대한 단축키 
Shift F6 한컴 사전 Shift F8 빠른 교정 내용
Shift F9 한자 자전 Ctrl F12 유의어 사전
Alt F10 달력 보기 Alt M 메일머지 만들기
Ctrl K H 하이퍼텍스트 만들기 Ctrl K B (하이퍼텍스트) 이전 위치로
Ctrl K S 상호참조 대상 만들 Ctrl K R (상호참조) 참조 만들기
  ◆ 괘선 그리기에 사용되는 단축키 
 Alt + D 괘선 그리기 F4 그리기
Spasebar 이동/지우기/그리기 F2 이동
 F3 지우기 Ctrl + → 오른쪽 수직선까지
 Shift + ↑ 위 화살표 머리 Shift + ↓ 아래 화살표 머리
Shift + ← 왼쪽 화살표 머리 Shift + → 오른쪽 화살표 머리
Ctrl + ← 왼쪽 수직선까지 End 선 끝점으로
Home 선 시작점으로    
  ◆ 그리기를 할 때 사용되는 단축키 
Ctrl + G 묶기 Shift + PgUp 앞으로
Ctrl + U 풀기 Shift + PgDn 뒤로
Shift + Home 글 앞으로 Ctrl + R 다각형편집
Shift + End 글 뒤로 ←/→/↑/↓ 위치 이동
Shift를 누른채 15도 각도의 사선을 그릴 수 있으며 정원, 정사각형, 정호등을 그릴 수 있음
Shift를 누른채 선택 다중선택(여러 개체를 동시에 선택)
  ◆ 셀 편집을 할 때 사용하는 단축키 
 F5  셀 편집 상태 F5 + C 셀 모양
F5 + L 선 모양 F5 + F5 여러 셀 블록 설정
Shift + F5 위와 동일 F5 + F7 칸 전체 셀 블록 설정
 F5 + F8 줄 전체 셀 블록 설정 Alt + 화살표 (블록) 이웃하는 셀과 함께 크기 조절
Shift + 화살표 (블록)특정 셀만 크기 조절 Ctrl + 화살표 (블록) 셀 전체 크기 조절
Ctrl+ X  (블록) 셀 오려두기 Ctrl + C (블록) 셀 복사하기
Ctrl + E (블록) 셀 지우기 Ctrl + V (블록) 셀 붙이기
  ◆ 표에 관한 단축키 
 Ctrl + N + T 표 만들기 S 셀 나누기
 Insert 줄/칸 삽입 M 셀 합치기
 Delete 줄/칸 지우기 Ctrl + N + A 표 나누기
Ctrl + N + Z 표 붙이기 Ctrl + Enter 표 한 줄 추가
Ctrl + Shift + S 표 블록 합 Ctrl + Shift + A 표 블록 평균
Ctrl + Shift + P 표 블록 곱 Ctrl + Shift + H 표 가로 합
Ctrl + Shift + V 표 세로 합 Ctrl + Shift + K 표 가로 곱
Ctrl + Shift + N 표 세로 곱 Ctrl + Shift + J 표 가로 평균
Ctrl + N + F 계산식 입력 Ctrl + N + U 재계산
Ctrl + Shift + B 표 세로 평균    
  ◆ 도구에 관한 단축키 
Ctrl N K 고치기 Ctrl N I 그림 넣기
Ctrl N B 글상자 Ctrl N L
Ctrl+N Ctrl+M 수식 Ctrl N C 캡션 편집
Shift Esc 틀/숨은 화면에서 나오기    
  ◆ 기타 단축키 
 Ctrl F1 최근 도움말 보기 Shift F1 도움말(F1과 동일)
Shift F10 빠른 메뉴 Ctrl Tab  탭 형식 대화 상자 이동
Alt 눌렀다 떼기 메뉴 부르기(F10과 동일)    
   아래한글에서 세부 단축키를 알고 싶을 때 단축키를 눌러 나타난 대화 상자에서 Alt를 누르면 노란원속에 단축키가
   보여지는데 여러분들은 그를 이용하여 세부 단축 명령을 실행시킬 수 있습니다.

'DEV > 개발관련 툴 단축키' 카테고리의 다른 글

한글 자주사용하는 단축키 정리  (0) 2014.11.28
유용한 기능  (0) 2011.01.14
이클립스 단축키  (0) 2008.12.12
  Comments,     Trackbacks
JSP 페이지 이동 4가지 방법 및 특성
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

먼저 다음 페이지 이동 특성들을 미리 알아볼 필요가 있습니다

JSP에서는 페이지 이동시 다음 4가지 정도의 방법이 있습니다

 

JavaScript를 이용

window.open, location.href, location.replace 등을 이용할수 있습니다

 

login_process.jsp

<% if (a == null) { %>

      <script>location.href = "admin.jsp"; </script>

<% } else { %>

      <script>alert('권한이 없어요!'); window.history.back(); </script>

<% } %>

         

특징적인부분은 브라우져의 주소창이 변경되며

(이말은 즉슨 클라이언트가 다시 admin.jsp를 서버에 요청한다는 말입니다)

login_process.jsp 에서 jsp가 다 실행되고 브라우져에 out put된 html 및 javascript들만으로

실행된 코드들이라는 것입니다

 

response.sendRedirect를 이용

login_process.jsp

<% if (a == null) {

          response.sendRedirect("admin.jsp");

     } else {

          response.sendRedirect("login.jsp");

     }


     a = "test 입니다";

     System.out.println(a);

%>


이 코드에서 a가 출력될까요 안될까요?

출력 됩니다.

sendRedirect가 되더라도 밑에 jsp 코드들은 모두 실행 된다는 말입니다

response.sendRedirect는 기본적으로 모든 로직들을 다 처리한 후 코드 맨 마지막 부분에

사용하는 것이 올바른 방법입니다

만약 그렇지 못한 경우는 response.sendRedirect 다음 바로 return; 이라는 코드를 집어 넣어야 합니다

 

response.sendRedirect은 HTTP 헤더정보를 변경하여 redirect시키기 때문에 역시 브라우져의 주소창이 변경되며 sendRedirect가 실행되기전 html이나 javascript로 out put되는 코드들은 모두 실행되지 않습니다.

 

forward 이용

jsp 태그의 <jsp:forward> 나 servlet의 RequestDispatcher.forward 를 이용할수 있습니다

 

login_process.jsp

<% if (a == null) { %>

          <jsp:forward page="admin.jsp"/>

<% } else { %>

          <jsp:forward page="login.jsp"/>

<% }


     a = "test 입니다";

     System.out.println(a);

%>


그럼 위의 코드의 경우 a가 출력 될까요 안될까요?

정답은 출력 안됩니다. 바로 forward 되어 버립니다.

클라이언트로 응답주지 않고 바로 서버측에서 admin.jsp로 이동하기 때문에

주소창이 바뀌지 않고 그로인해 브라우져에 출력되는 응답속도 또한 사용자가 보기에는

응답이 빠른 장점이 있습니다

 

하지만 forward 이후 JSP 코드들이 실행되지 않는것 사실이지만 만약 finally절이 있는경우

finally절은 실행 됨으로 확실히 알아둡시다.

 

meta 태그 이용

마지막으로 meta 태그를 이용할 수도 있습니다.


<META http-equiv=refresh content="0;url=admin.jsp">


즉 요약하자면..

페이지 이동 방법이 여러가지가 있습니다.

그 특성들을 잘 알고 올바르게 사용하여야 합니다.

'DEV > java' 카테고리의 다른 글

서블릿 컴파일 후에 실행이 안되요  (0) 2008.08.28
이클립스에서 스트럿츠 프레임 워크 세팅하기  (0) 2008.06.21
prodList.jsp  (0) 2008.05.24
  Comments,     Trackbacks
※레이어의 스타일 속성 사용법
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

※레이어의 스타일 속성 사용법
   –레이어를 자바스크립트와 함께 사용할 때는 레이어의 스타일 속성을 이용
   –스타일 속성은 <div style=“ ”>에서 style 속성에 지정한 스타일 속성 값을 그대로 사용
       document.all[id명].style.스타일 속성

     ①레이어 보이거나 감추게 하기
         document.all[id명].style.visibility=visible/hidden
     ①레이어 이동하기
        document.all[id명].style.left=값
        document.all[id명].style.top=값
        document.all[id명].style.left=event.clientX
        document.all[id명].style.top=event.clientY

     
      •애니메이션 효과를 줄 때 사용
      •레이어의 좌표 값을 변경하여 레이어가 담고 있는 문자, 그림 등을 움직이게 할 수 있음

'DEV > html/css/js/img' 카테고리의 다른 글

ajax 관련 사이트 모음  (0) 2008.10.12
Layers 객체  (0) 2008.05.28
Layer 객체의 특성  (0) 2008.05.28
  Comments,     Trackbacks
Layers 객체
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
레이어란 문서에 떠 있는 새로운 창입니다.
레이어를 문서에 삽입하려면 <div> 태그를 사용합니다.
자바스크립트와 스타일을 함께 사용하면 애니메이션 효과를 만들 수도 있습니다.

레이어의 스타일 속성 사용법
레이어를 자바스크립트와 함께 사용할 떄는 레이어의 스타일 속성을 이용합니다.
레이어의 스타일 속성은 <div style=""> 에서 style 속성에 지정한 스타일 값을 그대로 사용합니다.


  1. document.all[id명].style.스타일 속성  

아래는 실제 사용되는 예입니다.

  1. <div id=coolsoft>  
  2. <a href=# onMouseOver="note1.style.visibility='visible'" onMouseOut="note1.style.visibility='hidden'">쿨소프트</a><br><br>  
  3. </div>  
  4. <div id=note1>  
  5. 쿨소프트<br>  
  6. HTML, CSS, 자바 스크립트, JSP, XML, 플래시 등 웹프로그래밍 강좌 및 자료 수록.  
  7. </div>  

쿨소프트를 누르게 되면 아래에 설명이 나오게 됩니다..

'DEV > html/css/js/img' 카테고리의 다른 글

※레이어의 스타일 속성 사용법  (0) 2008.05.28
Layer 객체의 특성  (0) 2008.05.28
[javascript] javacript 객체 모델  (0) 2008.05.28
  Comments,     Trackbacks
Layer 객체의 특성
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
Layer 객체의 특성

<name>

 name특성은 <LAYER> 택에서 ID속성을 지정해 놓은 레이어의 이름을 가리키게 된
다. 이 특성은 자바스크립트에서 값을 참조만 할 수 있지 수정할 수는 없다.

<let / top>

left와 top은 레이어의 좌측 상단 위치(픽셀 단위)를 가리키는 특성이다. 특히 이 특성
값은 자신히 현재 속해 있는 레이어나 문서를 기준으로 계산된다는 점에 주의해야
한다.
 
이 특성은 자바스크립트에서 참조 뿐만 아니라 수정도 할 수 있기 때문에 레이어의
위치를 동적으로 바꾸는데 사용할 수 있다.
 

 

<예>

<HTML>
    <HEAD>
 <TITLE> 레이어 예제 </TITLE>
       <SCRIPT LANGUAGE="JavaScript">
        <!--
            function leftLayer() {
                // layer1을 지정하는 방법을 보자.
                // document 객체 밑에 있는 layers라는 객체 배열에는 현재 문서 안에
                // 포함되어 있는 모든 레이어들의 객체가 들어가 있다. 이중에 layer1
                // 레이어 객체를 가리키기 위해 참조 배열 방식을 사용하여야 한다.
                // 또는 이 레이어가 문서에 첫번째로 나타나는 레이어 객체이기 때문에
                // window.document.layers[0]도 동일한 객체를 가리키는 것이 된다.
                var val = window.document.layers['layer1'].left;
                window.document.layers['layer1'].left = val - 5;
            }
            function upLayer() {
                var val = window.document.layers['layer1'].top;
                window.document.layers['layer1'].top = val - 5;

            }
            function downLayer() {
                var val = window.document.layers['layer1'].top;
                window.document.layers['layer1'].top = val + 5;
            }
            function rightLayer() {
                var val = window.document.layers['layer1'].left;
                window.document.layers['layer1'].left = val + 5;
            }
        // 자바스크립트 끝 -->
        </SCRIPT>
    </HEAD>
    <BODY>
        <CENTER> <H1>레이어 이동</H1>
        <FORM NAME="myform">
            <INPUT TYPE="button" VALUE="왼쪽으로" onClick="leftLayer()">
            <INPUT TYPE="button" VALUE="  위로  " onClick="upLayer()">
            <INPUT TYPE="button" VALUE=" 아래로 " onClick="downLayer()">
            <INPUT TYPE="button" VALUE="오른쪽으로" onClick="rightLa

yer()">
        </FORM>
        </CENTER>
        <LAYER ID=layer1 TOP=100 LEFT=250 WIDTH=250 HEIGHT=50
                  BGCOLOR="WHITE">
         <H2> 넷스케이프사에서는 커뮤니케이터 4.0부터 HTML 문서 상에서
         특정 영역을 지정하여 내용을 보여줄 수 있는 레이어(Layer)라는 기능을
         제공하기 시작하였다. </H2>
        </LAYER>
    </BODY>
</HTML>

결과보기

<width / height>

width와 height는 각각 레이어의 너비와 높이에 대한 정보를 가지고 있는 특성이다.
이 특성은 자바스크립트에 의해 참조할 수도 있고 수정할 수도 있다.

<pageX / pageY>

 pagex와 cageY는 앞에 나온 1911와 top특성처럼 레이어의 좌측 상단 위치(픽셀 단위)
를 가리키는 특성이다. 다만 다른점이라면 pagex와 cageY가 항상 전체 페이지를 기
준으로 한 위치 정보라면, left와 top은 현재 포함되어 있는 레이어나 문서를 기준으로
한다는 것이다. 이 특성 역시 자바스크립트에서 참조 뿐만 아니라 수정도 할 수 있다

<clip.top / clip.left / clip.right / clip.bottom>

이 특성들은 클리핑 영역의 크기에 대한 정보를 가지고 있다. 여기서 클리핑 영역이
라는 것은 전체 레이어 중에서 실제로 화면에 보여줄 영역을 의미한다. 이 특성들은
자바스크립트에서 참조 뿐만 아니라 수정도 할 수 있다.

<예>

<HTML>
    <HEAD>
 <TITLE> 레이어 예제 </TITLE>
       <SCRIPT LANGUAGE="JavaScript">
        <!--
           function zoomOut() {
            window.document.layers[0].clip.left = window.document.layers[0].clip.left-2;
            window.document.layers[0].clip.top = window.document.layers[0].clip.top-2;
            window.document.layers[0].clip.right = window.document.layers[0].clip.right+2;
            window.document.layers[0].clip.bottom = window.document.layers[0].clip.bottom+2;
            }
           function zoomIn() {
            window.document.layers[0].clip.left = window.document.layers[0].clip.left+2;
            window.document.layers[0].clip.top = window.document.layers[0].clip.top+2;
            window.document.layers[0].clip.right = window.document.layers[0].clip.right-2;
            window.document.layers[0].clip.bottom = window.document.layers[0].clip.bottom-2;
           }
        // 자바스크립트 끝 -->
        </SCRIPT>
    </HEAD>
    <BODY>
        <CENTER>
        <H1>레이어 이동</H1>
        <FORM NAME="myform">
            <INPUT TYPE="button" VALUE="확대" onClick="zoomOut()">
            <INPUT TYPE="button" VALUE="축소" onClick="zoomIn()">
        </FORM>
        </CENTER>
        <LAYER ID=layer1 TOP=100 LEFT=300 WIDTH=250 HEIGHT=50
                 CLIP=50,50,100,100 BGCOLOR="WHITE">
         <H2> 넷스케이프사에서는 커뮤니케이터 4.0부터 HTML 문서 상에서
         특정 영역을 지정하여 내용을 보여줄 수 있는 레이어(Layer)라는 기능을
         제공하기 시작하였다. </H2>
        </LAYER>
    </BODY>
</HTML>

결과보기

<bgColor / background>


bgcolor는 레이어의 배경색을 가리키는 특성이고, background는 레이어의 배경 이미지
의 URL주소를 가리키는 특성이다. bgcolor에는 직접 색상 이름이 지정될 수도 있고,
RGB 값이 지정될 수도 있다. 또한 배경색을 투명하게 만들고 싶은 경우에는 null을
지정하게 되는데, 이 값이 bgcolor의 디폴트값이다.
 
   //파란색 배경 이데지
   layer.bgcolor = "BLUE":
     or
   layer.bgcolor = "#0000FF":
 
// 배경을 투명하게
layer.bgcolor = null;

<zindex / siblingAbove / siblingBelow / above / below>


zindex는 레이어들 사이의 순서를 지정하는 특성으로, 이 값이 높은 레이어일수록 값
이 낮은 레이어 위로 올라가게 된다. 그리고 siblin턴.hove와 above는 모두 현재 정의
되는 레이어 위에 들어갈 레이어를 지정하게 되고, siblingBelow와 below는 현재 정의
되는 레이어 밑에 들어갈 레이어를 지정하게 된다. 단, sibling이 앞에 붙은 특성의 경
우에는 동일한 상위 레이어 안에 들어간 레이어들 중에서 하나를 지정해야 한다.

여기에서 한 가지 주의해야 할 점은 zlndex의 경우에는 자바스크립트에서 값을 참조
할 뿐만 아니라 수정할 수도 있지만, 나머지 siblin앓,hove, siblingBelow, above, below
특성은 수정할 수는 없고 참조만 할 수 있다는 것이다.
 

<visibility>

 visibility특성은 현재 래이어를 보여줄 것인지 감출 것인지를 지정하기 위한 것이다.
이 특성에는 "show", "hi(k", "irlherit" 중 한 값이 설정될 수 있다. 여기에서 show는 레
이어를 보여준다는 것이구 hide는 레이어를 감춘다는 것이며, inherit는 현 레이어를
포함하고 있는 상위 레이어의 속성값을 상속받는다는 것을 의미한다.

<parentLayer>

 pcrenaayer는 레이어가 현재 포함되어 있는 상위 레이어의 이름을 가리키게 되는데,
만약 레이어 안에 포함되어 있지 않다면, 레이어가 포함되어 있는 윈도우 객체를 가
리키게 된다. 참고로 이 특성값은 참조만 할 수 있고 수정할 수는 없다.
 

<src>
src는 레이어 안에 내용으로 들어갈 HTML파일의 URL주소를 지정하는데 사용하는
특성이다. 이 특성은 자바스크립트에서 수정할 수 있기 때문에 포맷을 그대로 유지하
면서 내용이 계속해서 바뀌는 웹 사이트에 유용하게 사용될 수 있을 것이다.
 

 

<예>

<HTML>
    <HEAD>
 <TITLE> 레이어 예제 </TITLE>
       <SCRIPT LANGUAGE="JavaScript">
        <!--
           function showLayer() {
              window.document.layers[0].visibility = "show";
           }
           function hideLayer() {
              window.document.layers[0].visibility = "hide";
           }
           function docu1() {
              window.document.layers[0].src = "docu1.htm";
           }
           function docu2() {
              window.document.layers[0].src = "docu2.htm";
           }
           function docu3() {
              window.document.layers[0].src = "docu3.htm";
           }
        // 자바스크립트 끝 -->
        </SCRIPT>
    </HEAD>
    <BODY>
        <CENTER>
        <H1>레이어 이동</H1>
        <FORM NAME="myform">
            <INPUT TYPE="button" VALUE="보이기" onClick="showLayer()">
            <INPUT TYPE="button" VALUE="감추기" onClick="hideLayer()">
            <INPUT TYPE="button" VALUE="문서 1" onClick="docu1()">
            <INPUT TYPE="button" VALUE="문서 2" onClick="docu2()">
            <INPUT TYPE="button" VALUE="문서 3" onClick="docu3()">
        </FORM>
        </CENTER>
        <LAYER ID=layer1 TOP=100 LEFT=280 WIDTH=250 HEIGHT=200
                 SRC="docu1.htm" BGCOLOR="WHITE">
        </LAYER>
    </BODY>
</HTML>

<예>

<HTML>
   <BODY>
   <H3>넷스케이프사에서는 커뮤니케이터 4.0부터 HTML 문서 상에서 특정 영역을
   지정하여 내용을 보여줄 수 있는 레이어(Layer)라는 기능을 제공하기 시작하였다.</H3>
   </BODY>
</HTML>

<예>

<HTML>
   <BODY>
   <H3>이 레이어는 여러개가 서로 겹쳐서 나타날 수 있으며, 자바스크립트를 이용하면
   위치도 자유롭게 바꿀 수가 있다. </H3>
   </BODY>
</HTML>

<예>

<HTML>
   <BODY>
   <H3>또한 자바스크립트를 이용하여 레이어를 감출 수도 있으며, 겹쳐진 레이어들이
   투명하게 나타나도록 만들 수도 있다. </H3>
   </BODY>
</HTML>

결과보기

'DEV > html/css/js/img' 카테고리의 다른 글

Layers 객체  (0) 2008.05.28
[javascript] javacript 객체 모델  (0) 2008.05.28
css관련 참고 사이트  (0) 2008.03.11
  Comments,     Trackbacks
[javascript] javacript 객체 모델
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
사용자 삽입 이미지

'DEV > html/css/js/img' 카테고리의 다른 글

Layers 객체  (0) 2008.05.28
Layer 객체의 특성  (0) 2008.05.28
css관련 참고 사이트  (0) 2008.03.11
  Comments,     Trackbacks
prodList.jsp
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

<%@ page import="product.*" language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" errorPage="/error.jsp"%>
<jsp:useBean id="productList" class="java.util.ArrayList" scope="request" />
<%--<jsp:useBean id="productBean" class="product.ProductBean" scope="request" />--%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>

<%-- <%@ include file="/common/top.jsp" %> --%>

<jsp:include page="/common/top.jsp" >
 <jsp:param name="title" value="list view"/>
</jsp:include>

</head>
<BODY>
<form action="" method='POST'>
<br/>
<br/>
<center>
<table width="70%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

<tr><td colspan="10" align="center" style="font-size:16px; font-weight:bold"> 기자재 목록</td></tr>
<tr height="2" bgcolor="7E7B7B">
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr height="17" bgcolor="DEDBDE" align="center">


 
 <td width="45">no.</td>
 <td  width="200">자산번호</td>
 <td width="150">분류코드명</td>
 <td width="200">기자재명</td>
 <td width="200">등록일</td>
 <td width="70">관리자</td>
 <td width="120">보관장소</td>
 <td width="80">남은날</td>
 <td width="120">불용여부</td>
</tr>
<tr height="1" bgcolor="A5A6A5">

 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<%
 int total = productList.size();
 int pageSize = 2;
 String pageNum = request.getParameter("num");
 int pageCount = total / pageSize + ((total%pageSize)==0?0:1);//페이지 몇개?
 ProductBean productBean = null;
 
 if(pageNum == null){
  pageNum = "1";
 }
 
 int currentPage = Integer.parseInt(pageNum);
 int startNum = 1+ (currentPage-1)*pageSize; //페이지 첫번호
 int endNum = (pageCount == currentPage)?(startNum+(total%pageSize)-1):startNum+(pageSize-1);
 
// if (endNum ==0)
//  endNum = 10;//페이지 끝번
 
// if(total != 0){
 for(int i= startNum-1 ; i < endNum; i++){
  productBean = (ProductBean)productList.get(i);
// }
%>

<tr height="23" align="center">
 
 <td class="board_no"><%=productBean.getProdId() %></td>
 <td><div id="prodNo"><%=productBean.getProdNo() %></div></td>
 <td class="board_title" align="left">7110-004-0139</td>
 <td class="board_name"><a href="/webProduct/product/productView.do?prodNo=<%=productBean.getProdNo() %>"><%=productBean.getProdName() %></a></td>
 <td class="board_date">2007-01-30</td>
 <td class="board_hit"><%=productBean.getProdChargeName() %></td>
 <td class="board_down">55506</td>
 <td class="board_good">3년</td>
 <td class="board_bad">N</td>
</tr>

<tr height="1" bgcolor="E3DFDF">

 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
</tr>

<%} %>
<tr height="2" bgcolor="7E7B7B"><td colspan="16"></td></tr>
<tr>
 
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td>

 <a href="/webProduct/product/insertForm.jsp"> <img src="/webProduct/image/b_write.gif" /></a>
 </td></tr>
</table>

<%
 int backPage = 0;
 
 if(currentPage == 1){
  backPage = 1;
%>
  [Back]
<%
 }else{
  backPage = currentPage-1;
%>

 <a href="/webProduct/product/productList.do?num=<%=backPage%>">[Back]</a>
<%
 }
 for(int i = 1; i <= pageCount; i++){
 
  if(currentPage == i){
%>
   [<%=i%>]
<%
  }else{
%>  
  <a href="/webProduct/product/productList.do?num=<%=i%>">[<%=i%>]</a>
<%  
  }
 }
%>
<%
 int nextPage = 0;
 
 if(currentPage == pageCount){
  nextPage = pageCount;
%>
  [Next]
<%
 }else{
  nextPage = currentPage+1;
%>

 <a href="/webProduct/product/productList.do?num=<%=nextPage%>">[Next]</a>
<%
}
%>
</center>

<!--리스트 목록 끝-->
</form>
<jsp:include page="/common/footer.jsp">
 <jsp:param name="email" value="korigp21@naver.com"/>
 <jsp:param name="tel" value="041-634-3128"/>
</jsp:include>
</BODY>
</html>

  Comments,     Trackbacks
css관련 참고 사이트
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

'DEV > html/css/js/img' 카테고리의 다른 글

Layers 객체  (0) 2008.05.28
Layer 객체의 특성  (0) 2008.05.28
[javascript] javacript 객체 모델  (0) 2008.05.28
  Comments,     Trackbacks