jQuery) 새 창을 여는 이벤트

Ohming 2012. 1. 25. 16:18

자바스크립트를 사용할 때, 창을 열 수 있는 이벤트로 허용된 것은 사용자가 링크를 클릭하거나 폼을 전송할 때뿐이다. 따라서, 새 창을 열려면 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 코드를 페이지에 추가하면된다.