컴퓨터
06/09/10 02:42(년/월/일 시:분)
일단 컨셉을 잡아봤다.
처음에 index.php로 접속하면 radio.blog가 떠있는지 확인한 후, 없으면 띄운다.
index.php
<script type="text/javascript">
<!--
if ( (window.top == self) )
{
window.top.location.replace('wow.html');
}
-->
</script>
wow.html에서는 radio.blog를 띄운 후 iframe으로 다시 index.php를 부른다.
wow.html
<div id="TopDiv">
<iframe src="index.php" height="100%" width="100%" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
</div>
<div id="GabblyDiv" style="position:absolute; width: 220px; height: 350px; right: 100px; top: 100px;>
<iframe name="radioblog" src="../radio.blog/" width="220" height="320" frameborder="0" scrolling="no" />
</div>
그러면 iframe에서 호출된 index.php는 window.top == self 가 아니므로, 더 이상 wow.html을 호출하지 않는다.
이렇게 하면 index.php 파일 안에서 페이지를 바꾼다던가 폼을 전송한다던가 해도, radio.blog에는 영향없이 계속 MP3 파일을 재생할 수 있다. 또한 radio.blog에서 특정 곡에 관련된 포스팅을 TopDiv에 띄우는 것도 가능하겠지.
또한 div 태그를 레이어로 사용하여 drag & drop 한다던가, 창을 닫는다던가 하는 것도 가능하다. ajax를 이용하면 좀 더 화려한 효과도 가능할 듯.
마찬가지 방법으로 kobis.or.kr에서 제공하는 박스오피스도 갖다 붙일 수 있다.
http://konkuk.ac.kr/~xacdo/test/