웹접근성평가기준에 의거 onclick (마우스 이벤트) 와 onkeypress (키보드 이벤트)를 함께 사용해야함
#1. 창의 크기를 가로 350픽셀 세로 400픽셀 스크롤바를 주고 메뉴바를 보이게 할경우
<script type="text/javascript">
<!--
// 새창 띄우기 함수 정의
function OP() { // OP 함수를 선언
window.open("주소", "small", "width=350, height=400, scrollbars=yes, menubar=yes");
// small 구분기호
}
//-->
</script>
<a href="#" onkeypress="OP()" onclick="OP()">새 창 열기</a>
[옵션]
copyhistory = yes/no : 지정하여 히스토리 정보를 저장
directories = yes/no : 윈도우의 directory button들의 출력여부
height : 새창의 세로 높이를 픽셀단위로 지정
location = yes/no : 윈도우의 location box 표시여부
menubar = yes/no : 윈도우의 menubar 표시여부
resizable = yes/no : 윈도우의 크기가 조정될 수 있는 지 결정
resizeTp() : 웹브라우저 크기를 지정한 수치로 변경
status = yes/no : 윈도우의 상태표시줄 표시여부
scrollbars = yes/no : 윈도우의 가로 세로 scrollbar 표시여부
toolbar = yes/no : 윈도우의 toolbar 표시여부
width : 새창의 가로 넓이를 픽셀 단위로 지정
#2. 링크를 클릭하면 새창이 뜨게
<a href="#"
onkeypress="window.open('주소','small','width=350, height=400, scrollbars=yes, menubar=yes'); return false"
onclick="window.open('주소','small','width=350, height=400, scrollbars=yes, menubar=yes'); return false">클릭</a>
중간에 "small"은 상황에 맞게 변경하여 사용하며, 없으면 에러발생합니다.
#1. 창의 크기를 가로 350픽셀 세로 400픽셀 스크롤바를 주고 메뉴바를 보이게 할경우
<script type="text/javascript">
<!--
// 새창 띄우기 함수 정의
function OP() { // OP 함수를 선언
window.open("주소", "small", "width=350, height=400, scrollbars=yes, menubar=yes");
// small 구분기호
}
//-->
</script>
<a href="#" onkeypress="OP()" onclick="OP()">새 창 열기</a>
[옵션]
copyhistory = yes/no : 지정하여 히스토리 정보를 저장
directories = yes/no : 윈도우의 directory button들의 출력여부
height : 새창의 세로 높이를 픽셀단위로 지정
location = yes/no : 윈도우의 location box 표시여부
menubar = yes/no : 윈도우의 menubar 표시여부
resizable = yes/no : 윈도우의 크기가 조정될 수 있는 지 결정
resizeTp() : 웹브라우저 크기를 지정한 수치로 변경
status = yes/no : 윈도우의 상태표시줄 표시여부
scrollbars = yes/no : 윈도우의 가로 세로 scrollbar 표시여부
toolbar = yes/no : 윈도우의 toolbar 표시여부
width : 새창의 가로 넓이를 픽셀 단위로 지정
#2. 링크를 클릭하면 새창이 뜨게
<a href="#"
onkeypress="window.open('주소','small','width=350, height=400, scrollbars=yes, menubar=yes'); return false"
onclick="window.open('주소','small','width=350, height=400, scrollbars=yes, menubar=yes'); return false">클릭</a>
중간에 "small"은 상황에 맞게 변경하여 사용하며, 없으면 에러발생합니다.
'HTML & Script' 카테고리의 다른 글
daumopeneditor (0) | 2010.03.24 |
---|---|
HTML5의 모든 것 (0) | 2010.03.24 |
unselectable 마우스 드래그로 텍스트나 엘리먼트 선택되지 않게 하기 (0) | 2010.03.24 |
js 파일에 js 파일 인클루드하는 효과내기 (0) | 2010.03.23 |
daumopeneditor 파일첨부 [x] 버튼 이벤트 오버라이딩 (0) | 2010.03.22 |