웹마스터 팁
팝업창에서 부모창 링크 제어하기(노프레임 및 프레임 적용가능)
2002.06.17 22:54
안녕하세요 "양지다컴" 입니다;;
강좌는 처음 올려보는 듯 하네요. 머 강좌라는 거창한 이름을 달 것까진 없는 내용이지만;;
각설하고 본론으로 들어가겠습니다.
대개 대형사이트라든가 쇼핑몰처럼 어떤 "이벤트" 를 실시 하는
곳이 있죠.
현재 제가 작업중인 쇼핑몰에서도 이벤트를 실시한다고 해서 팝업창을 만들어 띄우기로
했습니다. 팝업창 내용으로는 간략하게 이벤트를 소개하며 이벤트상품이 존재하는 페이
지로 링크를 걸어야 했습니다. 여기저기 찾아보니(Copy & Paste를 위해서;;) 자료가 있
는 곳은 대개 유료사이트더군요....;; 차라리 이런기능을 쓴 웹사이트를 찾고자 했으나 그
것마저 잘 안나타나더군요......-.- 그래서 머리굴릴것도 아니고 걍 어거지로 만들어 봤는
데 잘되더군요....워낙 자바스크립에 대한 지식이 짧다보니....그래도 자바스크립 조금 아
는건 웹프로그래밍이나 웹디자인에 있어서 중요한 요소이리라 생각됩니다. 온클릭 이벤
트를 이용해봤습니당.
팝업창의 소스
<html>
<script>
functionGo(){
opener.parent.location='http://daum.net';
window.close();
}
</script>
<ahref="#"
onClick='Go();'>바로가기</a>
</html>
요러케 코딩을 하고 링크를 누르면 부모창이 다음넷으로 연결되면서 팝업창은 닫힙니다.
만약 부모창이 프레임으로 나뉘어 있다면....
opener.parent.detail.location='http://daum.net';
요러케 바꾸면 됩니다. detail 은 프레임이름입니다.
예제로 보여드리고싶지만....강좌게시판에 링크거는게 여의치 않네요. 자바스크립강좌용
"파일박스" 기능이 추가되었음 좋겠네요;;
이상 팝업창에서 부모창 링크제어하기 팁이었습니다. 컬러가 좀 허졉하네요;;;;
댓글 9
-
taxyshop
2002.06.18 15:51
오호~ -
김도훈
2002.08.09 23:40
헐...컬러틱하네요...;;; -
ROBIN
2002.10.08 10:39
좋은 팁을 나눠주셔서 감사합니다^^ -
권송이
2002.11.27 01:02
정말정말 좋은 팁이네요~~ -
이용규
2003.09.04 00:17
요것때문에 나도 문제를 해결했오여~ 감솨~~^^ -
김해랑
2004.12.12 04:54
유용한 팁^^ -
수견
2004.03.15 15:12
;ㅁ; 감사합니당~~ -
0.1mg
2004.03.18 22:20
땡큐~~~*
땡큐~~~* -
메롱쓰
2005.02.02 00:51
감사합니다~~~~~