작도닷넷 블로그
작도닷넷 블로그

컴퓨터

floating web player - concept

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/

http://xacdo.net/tt/rserver.php?mode=tb&sl=421

  • xacdo 06/09/10 03:05  덧글 수정/삭제
    내용이 많은 레이어를 그냥 drag할 수 있게 하면 CPU를 매우 많이 사용하고 버벅거린다. gabbly.com의 경우는 drag div를 따로 사용하여 가끔씩만 원래 div를 업데이트 하는 식으로 해결했는데..
  • 황진사 06/09/10 03:22  덧글 수정/삭제
    개블리 들어와봐.. 이사이트
이름
비밀번호
홈페이지 (없어도 됩니다)

비밀글로 등록
작도닷넷은 당신을 사랑합니다.

[이전 목록]   [1] ... [1922][1923][1924][1925][1926][1927][1928][1929][1930] ... [2298]   [다음 목록]

최근 글

이웃로그 관리자 옛날 작도닷넷 태터툴즈 ©현경우(xacdo) since 2001