몇몇 사이트 들은 window.open() 으로 팝업을 쓰는 대신에 페이지 않에서 div 를 이용하여
페이지 안에서 "windows'를 만들어 사용한다.
하지만, 좀더 세련된 형태를 원한다면, 이 포스트 가 아주 놀랄만한 창을 만드는 법을 보여줄것이다.
이건 Prototype과 script.aculou.us 라는 자바스크립트 라이브러리들을 기반으로 하고 있다.
이 포스트 에선 쉽게 사용하고, 쉽게 바꿀 수 있는 형태의 소스를 다운로드 할수 있다.이 Javascript Class는 HTML페이지 안에 새창을 추가할 수 있도록 한다.
이 class는 Prototype 1.4 를 기반으로 했으며, 파워풀한 script.aculo.us 라이브러리에서 영감을 얻어서 작성되었다.
당신이 effects.js 파일을 include 한다면, 창을 표시하고 감추기위한 script.aculo.us의 모든 효과(effect)를 사용할 수 있다.
이 class는 Safari, Camino, Firefox, IE6에서 테스트 되었다.
예제와 (적은 분량이지만) 문서도 포함되어있다.
거기다가, 그의 사이트에선 좀더 구체적인 사용법에 대한 언급도 있다.
사이트 레이아웃을 깨지 않으면서 사용할 수 있는 자바스크립트 디버거 창 같은거 말이다.
자신은 디자이너가 아니라서 창의 디자인이 별루니까, 스킨테마 페이지를 만들 예정이니 디자인좀 하면 자신에게 보내달라는 당부도 잊지 않는다. ^^;
출처 : ajaxjan.com - javascript windows enhanced
재미삼아 관심있는 내용을 의미가 와전되지 않는 정도로 옮겼습니다.
영어가 심하게 짧은 관계로 잘못 이해한 내용이 있을 수 있으니 지적해주시면 바로 고칩니다. ^^
영어가 심하게 짧은 관계로 잘못 이해한 내용이 있을 수 있으니 지적해주시면 바로 고칩니다. ^^
Comments List
거참 군침도는 팝업이긴 한데..
저같은 초짜들은 안되네요. js가 뭐고 어쩌고
것도 영문이니. 눈물만 흘리고 갑니다. ㅜㅜ