안녕하세요 "양지다컴" 입니다;;
강좌는 처음 올려보는 듯 하네요. 머 강좌라는 거창한 이름을 달 것까진 없는 내용이지만;;
각설하고 본론으로 들어가겠습니다.
대개 대형사이트라든가 쇼핑몰처럼 어떤 "이벤트" 를 실시 하는 곳이 있죠.
현재 제가 작업중인 쇼핑몰에서도 이벤트를 실시한다고 해서 팝업창을 만들어 띄우기로
했습니다. 팝업창 내용으로는 간략하게 이벤트를 소개하며 이벤트상품이 존재하는 페이
지로 링크를 걸어야 했습니다. 여기저기 찾아보니(Copy & Paste를 위해서;;) 자료가 있
는 곳은 대개 유료사이트더군요....;; 차라리 이런기능을 쓴 웹사이트를 찾고자 했으나 그
것마저 잘 안나타나더군요......-.- 그래서 머리굴릴것도 아니고 걍 어거지로 만들어 봤는
데 잘되더군요....워낙 자바스크립에 대한 지식이 짧다보니....그래도 자바스크립 조금 아
는건 웹프로그래밍이나 웹디자인에 있어서 중요한 요소이리라 생각됩니다. 온클릭 이벤
트를 이용해봤습니당.
팝업창의 소스
<html>
<script>
function Go(){
opener.parent.location='http://daum.net';
window.close();
}
</script>
<a href="#" onClick='Go();'>바로가기</a>
</html>
요러케 코딩을 하고 링크를 누르면 부모창이 다음넷으로 연결되면서 팝업창은 닫힙니다.
만약 부모창이 프레임으로 나뉘어 있다면....
opener.parent.detail.location='http://daum.net';
요러케 바꾸면 됩니다. detail 은 프레임이름입니다.
예제로 보여드리고싶지만....강좌게시판에 링크거는게 여의치 않네요. 자바스크립강좌용
"파일박스" 기능이 추가되었음 좋겠네요;;
이상 팝업창에서 부모창 링크제어하기 팁이었습니다. 컬러가 좀 허졉하네요;;;;
//어미창 새로 고침.
<script>
function Go(){
opener.parent.location.reload();
//opener.parent.location=reload();
window.close();
}
</script>
<a href="#" onClick='Go();'>바로가기</a>
이 글은 스프링노트에서 작성되었습니다.