묻고답하기
아이프레임 순서를 조절하려고 합니다.
2004.05.09 16:31
http://pwy9535.made.com/일단 제 홈페이지를 보면, 로딩 전에 2초가량
iframe으로 불러와야 할 게시판들이 여러 개 겹쳐져서 나오게 됩니다.
소스는 아래와 같습니다.
============================================================
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=">
<TITLE>z_div</TITLE>
<!--여백과 스크롤바를 제거하는 부분이에요......Yong-->
<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 scroll="no">
<!-- 배경음악이에요...Yong-->
<body bgmusic="http://pwy9535.made.com/ket.wav">
<!--url's used in the movie-->
<a href="javascript:window_id.Click();"></a>
<a href="javascript:javascript:self.close()"></a>
<!--text used in the movie-->
<!--minimize속성을 정의하는 부분이에요......Yong-->
<object id=window_id type="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="minimize">
</object>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>rotateMenu</title>
</head>
<body bgcolor="#66ccff">
<!--url's used in the movie-->
<a href="javascript:window_id.Click();"></a>
<a href="javascript:javascript:self.close()"></a>
<SCRIPT LANGUAGE=javascript>
<!--
function window_load()
{
z_html = "";
z_html += "<OBJECT classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' WIDTH='1024' HEIGHT='768' id='z_div' ALIGN=''><param name='wmode' value='transparent'><PARAM NAME=movie VALUE='rotateMenu.swf'> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src='rotateMenu.swf' quality=high bgcolor=#FFFFFF WIDTH='+ '+ '1024' HEIGHT='768' NAME='z_div' ALIGN='' TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></EMBED></OBJECT>";
layer1.innerHTML = z_html;
layer1.style.display = "block"
div_show3.style.display = "none"
div_show4.style.display = "none"
div_show5.style.display = "none"
div_show6.style.display = "none"
}
function div_1()
{
div_show3.style.display = "block"
}
function div_2()
{
div_show3.style.display = "none"
div_show4.style.display = "none"
div_show5.style.display = "none"
div_show6.style.display = "none"
}
function div_3()
{
div_show4.style.display = "block"
}
function div_4()
{
div_show5.style.display = "block"
}
function div_5()
{
div_show6.style.display = "block"
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFFF" onload="window_load();">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<div id="layer1" style="z-index:0;">
</div>
<div id='div_show3' style="width:200px; height:200px; position:absolute; left:212px; top:184px;">
<iframe name="z_hidden" src="http://pwy9535.made.com/bbs/zboard.php?id=Freeboard" scrolling="yes" frameborder="0" width="600" height="400" ALLOWTRANSPARENCY="true"></iframe>
</div>
<div id='div_show4' style="width:200px; height:200px; position:absolute; left:212px; top:184px;">
<iframe name="z_hidden" src="http://pwy9535.made.com/bbs/zboard.php?id=diary" scrolling="yes" frameborder="0" width="600" height="400" ALLOWTRANSPARENCY="true"></iframe>
</div>
<div id='div_show5' style="width:200px; height:200px; position:absolute; left:212px; top:184px;">
<iframe name="z_hidden" src="http://pwy9535.made.com/bbs/zboard.php?id=gallery" scrolling="no" frameborder="0" width="600" height="400" ALLOWTRANSPARENCY="true"></iframe>
</div>
<div id='div_show6' style="width:200px; height:200px; position:absolute; left:212px; top:184px;">
<iframe name="z_hidden" src="http://pwy9535.made.com/bbs/zboard.php?id=pds" scrolling="yes" frameborder="0" width="600" height="400" allowtransparency="true"></iframe>
</div>
</BODY>
</HTML>
==================================================================
대략적인 구조를 알려드리면 다음과 같습니다.
윈도우가 로드되면, 플래시 파일을 화면가득 불러옵니다.
그리고 아이프레임을 z_hidden 이라는 이름으로 생성하고,
각각의 게시판을 불러오는 형태입니다.
원칙적으로는 윈도우가 로드되자마자 모든 아이프레임을 보이지
않게 설정하기 때문에 잠깐동안이라도 나오면 안되는 것들이
어쩔 수 없이 나오는 것 같습니다.
플래시 파일 자체를 iframe을 따로 생성해 삽입하고,
z-index를 조절해 주면 될 것 같은데,
플래시 파일을 iframe에 풀사이즈로 삽입하는 데서 자꾸 문제가 발생합니다.
어떻게 하면 좋을까요?....
많은 답변 부탁드립니다.
iframe으로 불러와야 할 게시판들이 여러 개 겹쳐져서 나오게 됩니다.
소스는 아래와 같습니다.
============================================================
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=">
<TITLE>z_div</TITLE>
<!--여백과 스크롤바를 제거하는 부분이에요......Yong-->
<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 scroll="no">
<!-- 배경음악이에요...Yong-->
<body bgmusic="http://pwy9535.made.com/ket.wav">
<!--url's used in the movie-->
<a href="javascript:window_id.Click();"></a>
<a href="javascript:javascript:self.close()"></a>
<!--text used in the movie-->
<!--minimize속성을 정의하는 부분이에요......Yong-->
<object id=window_id type="application/x-oleobject"classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="minimize">
</object>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>rotateMenu</title>
</head>
<body bgcolor="#66ccff">
<!--url's used in the movie-->
<a href="javascript:window_id.Click();"></a>
<a href="javascript:javascript:self.close()"></a>
<SCRIPT LANGUAGE=javascript>
<!--
function window_load()
{
z_html = "";
z_html += "<OBJECT classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' WIDTH='1024' HEIGHT='768' id='z_div' ALIGN=''><param name='wmode' value='transparent'><PARAM NAME=movie VALUE='rotateMenu.swf'> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src='rotateMenu.swf' quality=high bgcolor=#FFFFFF WIDTH='+ '+ '1024' HEIGHT='768' NAME='z_div' ALIGN='' TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></EMBED></OBJECT>";
layer1.innerHTML = z_html;
layer1.style.display = "block"
div_show3.style.display = "none"
div_show4.style.display = "none"
div_show5.style.display = "none"
div_show6.style.display = "none"
}
function div_1()
{
div_show3.style.display = "block"
}
function div_2()
{
div_show3.style.display = "none"
div_show4.style.display = "none"
div_show5.style.display = "none"
div_show6.style.display = "none"
}
function div_3()
{
div_show4.style.display = "block"
}
function div_4()
{
div_show5.style.display = "block"
}
function div_5()
{
div_show6.style.display = "block"
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFFF" onload="window_load();">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<div id="layer1" style="z-index:0;">
</div>
<div id='div_show3' style="width:200px; height:200px; position:absolute; left:212px; top:184px;">
<iframe name="z_hidden" src="http://pwy9535.made.com/bbs/zboard.php?id=Freeboard" scrolling="yes" frameborder="0" width="600" height="400" ALLOWTRANSPARENCY="true"></iframe>
</div>
<div id='div_show4' style="width:200px; height:200px; position:absolute; left:212px; top:184px;">
<iframe name="z_hidden" src="http://pwy9535.made.com/bbs/zboard.php?id=diary" scrolling="yes" frameborder="0" width="600" height="400" ALLOWTRANSPARENCY="true"></iframe>
</div>
<div id='div_show5' style="width:200px; height:200px; position:absolute; left:212px; top:184px;">
<iframe name="z_hidden" src="http://pwy9535.made.com/bbs/zboard.php?id=gallery" scrolling="no" frameborder="0" width="600" height="400" ALLOWTRANSPARENCY="true"></iframe>
</div>
<div id='div_show6' style="width:200px; height:200px; position:absolute; left:212px; top:184px;">
<iframe name="z_hidden" src="http://pwy9535.made.com/bbs/zboard.php?id=pds" scrolling="yes" frameborder="0" width="600" height="400" allowtransparency="true"></iframe>
</div>
</BODY>
</HTML>
==================================================================
대략적인 구조를 알려드리면 다음과 같습니다.
윈도우가 로드되면, 플래시 파일을 화면가득 불러옵니다.
그리고 아이프레임을 z_hidden 이라는 이름으로 생성하고,
각각의 게시판을 불러오는 형태입니다.
원칙적으로는 윈도우가 로드되자마자 모든 아이프레임을 보이지
않게 설정하기 때문에 잠깐동안이라도 나오면 안되는 것들이
어쩔 수 없이 나오는 것 같습니다.
플래시 파일 자체를 iframe을 따로 생성해 삽입하고,
z-index를 조절해 주면 될 것 같은데,
플래시 파일을 iframe에 풀사이즈로 삽입하는 데서 자꾸 문제가 발생합니다.
어떻게 하면 좋을까요?....
많은 답변 부탁드립니다.