본문 바로가기
공부/자바스크립트 jQuery

jQuery) 새 창을 여는 이벤트

by Ohming 2012. 1. 25.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
자바스크립트를 사용할 때, 창을 열 수 있는 이벤트로 허용된 것은 사용자가 링크를 클릭하거나 폼을 전송할 때뿐이다. 따라서, 새 창을 열려면 HTML 요소에(반드시 링크일 필요는 없다) click 이벤트를 추가해야 한다.
가령 페이지에 있는 어떤 링크들을 너비, 높이가 각각 300 픽셀이고 스크롤바가 있으며, 크기 조절이 가능하고, (도구 모음과 같은) 그 밖의 요소는 없는 창에 열고 싶다고 가정했을때
$('.popup').click(function(){
    var winProps='height=300, width=300, resizable=yes, scrollvars=yes';
    var newWin=open($(this).attr('href'),'aWin',winProps);
}
이렇게 특별한 링크들에 popup과 같은 클래스 이름을 설정한 후, 위와같이 jQuery 코드를 페이지에 추가하면된다.


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

jQuery) 폼 필드 선택자  (0) 2012.01.30
탐색 메뉴  (0) 2012.01.25
jQuery) 새 창에서 외부 링크 열기  (0) 2012.01.25
jQuery) lightBox를 사용한 갤러리  (0) 2012.01.18
jQuery 효과  (0) 2012.01.17

댓글