묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[re] [초보]팝업창을 띠울려구 하는데요..
2003.06.30 01:19
안녕하세요..
새창띄우기에 대해 물어보셨는데요
우선 새창을 띄우기 위해서는 window.open이라는 자바스크립트를 사용해야 합니다.
웹문서(*.htm, *.html 등)에서 자바스크립트를 사용하려면
특정부분이 자바스크립트 언어라는 것을 표시해야 하는데요..
일반적인 태그처럼 <script>....</script>로 둘러싸인 부분을 자바스크립트로 처리하라는 표시를 합니다.
본론으로 들어가서 새창을 띄우는 자바스크립트는 window.open();입니다.
window.open();을 사용할때는 아래와 같은 형식으로 사용되는데요..
window.open('+ '+ '새창에 표시될 문서의 경로', '새창의 이름', '새창의 특성');
여기서 새창에 표시될 문서의 경로는 1.htm 등과 같이 페이지의 주소를 적어주면 되구요
새창의 이름은 일명 타겟이라고도 하는데요 새로 띄워질 창의 이름을 정해주는 것입니다.
요건 창 하나만 띄울때는 그다지 중요하지 않지만 반복적으로 새창을 띄울 경우
매번 새창을 띄우지 않고 동일한 이름을 사용함으로써 창이 떠있는상태에서
창의 내용만 바꿀경우 유용하게 사용될 수 있습니다.
마지막으로 창의 특성 부분은 창의 너비, 높이, 스크롤바표시 여부, 창의 위치 등을 지정할 수 있습니다.
간단한 예를 들어보이겠습니다.
1.htm이란 문서를 새창(win)에 가로크기 500, 세로크기 400으로 창의 왼쪽 상단 모서리가
화면의 상단에서 100만큼 왼쪽에서 200만큼 떨어진 위치에 일치하도록 새창을 띄우되
스크롤바가 나타나지 않도록 하려면
<script>
window.open('1.htm','win','width=500, height=400, top=100, left=200, scrollbars=no');>
</script>
요런 모양의 소스가 됩니다.
나름대로 적어보긴 했는데 어떨지 모르겠네요..
존하루되세요.. *^^*
>안녕하세요 .. 우선인사부터.. 꾸벅..
>
>메인페이지에서 팝업창을 띠울려고 합니다. 질문답계시판에서 검색해보니까 저에게는 너무 어려운 소스에 말들이라..
>
>역시 기초부터 배우지 못해 이렇게 헤매구 있나봅니다.
>
>팝업창 띠우는 법 쉽게 좀 알려주세요 ㅠ.ㅠ
>
>너무 범위가 큰 질문인지 모르겠습니다.
>
>메인의 head부분에 window.open이 들어가서 팝업창을 띠우는거 같은데요.. 정확하게 모르겠습니다.
>
>간략하게라두 실질적으로 어떻게 해서 팝업창을 띠워진다라고 설명좀 부탁드립니다.
>
>
>모두들 즐거운 휴일 보내세요 ~
새창띄우기에 대해 물어보셨는데요
우선 새창을 띄우기 위해서는 window.open이라는 자바스크립트를 사용해야 합니다.
웹문서(*.htm, *.html 등)에서 자바스크립트를 사용하려면
특정부분이 자바스크립트 언어라는 것을 표시해야 하는데요..
일반적인 태그처럼 <script>....</script>로 둘러싸인 부분을 자바스크립트로 처리하라는 표시를 합니다.
본론으로 들어가서 새창을 띄우는 자바스크립트는 window.open();입니다.
window.open();을 사용할때는 아래와 같은 형식으로 사용되는데요..
window.open('+ '+ '새창에 표시될 문서의 경로', '새창의 이름', '새창의 특성');
여기서 새창에 표시될 문서의 경로는 1.htm 등과 같이 페이지의 주소를 적어주면 되구요
새창의 이름은 일명 타겟이라고도 하는데요 새로 띄워질 창의 이름을 정해주는 것입니다.
요건 창 하나만 띄울때는 그다지 중요하지 않지만 반복적으로 새창을 띄울 경우
매번 새창을 띄우지 않고 동일한 이름을 사용함으로써 창이 떠있는상태에서
창의 내용만 바꿀경우 유용하게 사용될 수 있습니다.
마지막으로 창의 특성 부분은 창의 너비, 높이, 스크롤바표시 여부, 창의 위치 등을 지정할 수 있습니다.
간단한 예를 들어보이겠습니다.
1.htm이란 문서를 새창(win)에 가로크기 500, 세로크기 400으로 창의 왼쪽 상단 모서리가
화면의 상단에서 100만큼 왼쪽에서 200만큼 떨어진 위치에 일치하도록 새창을 띄우되
스크롤바가 나타나지 않도록 하려면
<script>
window.open('1.htm','win','width=500, height=400, top=100, left=200, scrollbars=no');>
</script>
요런 모양의 소스가 됩니다.
나름대로 적어보긴 했는데 어떨지 모르겠네요..
존하루되세요.. *^^*
>안녕하세요 .. 우선인사부터.. 꾸벅..
>
>메인페이지에서 팝업창을 띠울려고 합니다. 질문답계시판에서 검색해보니까 저에게는 너무 어려운 소스에 말들이라..
>
>역시 기초부터 배우지 못해 이렇게 헤매구 있나봅니다.
>
>팝업창 띠우는 법 쉽게 좀 알려주세요 ㅠ.ㅠ
>
>너무 범위가 큰 질문인지 모르겠습니다.
>
>메인의 head부분에 window.open이 들어가서 팝업창을 띠우는거 같은데요.. 정확하게 모르겠습니다.
>
>간략하게라두 실질적으로 어떻게 해서 팝업창을 띠워진다라고 설명좀 부탁드립니다.
>
>
>모두들 즐거운 휴일 보내세요 ~