묻고답하기
아이프레임과 자바스크립트 소스의 충돌..
2003.09.30 19:58
홈을 다시 바꿀려고 프레임 없이 그냥 바탕화면 하나 깔고 그 위에 아이프레임으로
게시판 삽입한 뒤 눈내리는 소스를 넣었는데 먹히질 않네요.
처음 창을 딱 클릭하였을때에만 눈이 한번 내리고 띡 끝나버린답니다.
소스의 문제가 있는건지 아이프레임소스와 자바스크립트 소스의 충돌이 일어나는건지..
당췌 감을 잡을 수가 없어서요..
아시는 분들 답변 부탁드리겠습니다
아이프레임 소스를 제거하면 또 눈이 계속 내리거든요..
아이프레임 소스가 자바소스 위로 올라가면 또 눈이 안 내리구요..
뭔 문제인지..
소스는 아래와 같아요..
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<style type="text/css">
<!--
body {background:#E7EFEF url(http://maybeworld.com/ver23/main.jpg) no-repeat fixed right bottom}
-->
</style>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" scroll="no">
<script language="JavaScript1.2">
<!--
var no = 15 ;
var speed = 20 ;
var snowflake = "http://maybeworld.com/ver23/snow.gif";
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 1024, doc_height = 768;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(snowflake + "" border="0"></layer>");
} else {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(snowflake + "" border="0"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id="dot"+ i +"" style="position: ");
document.write("absolute; z-index: "+ i +"; visibility: ");
document.write("visible; top: 15px; left: 15px;"><img src="");
document.write(snowflake + "" border="0"></div>");
} else {
document.write("<div id="dot"+ i +"" style="position: ");
document.write("absolute; z-index: "+ i +"; visibility: ");
document.write("visible; top: 15px; left: 15px;"><img src="");
document.write(snowflake + "" border="0"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-10) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// -->
</script><br><br><br><br><br><br><img align="right" src="menu.jpg" width="122" height="130" border="0"> </body>
<iframe scrolling=auto frameborder=0 style="width:540px; height:500px; position:absolute; left:334px; top:18px; z-index:1;" src=http://maybeworld.com/zboard/zboard.php?id=capture name=body allowTransparency="true"></iframe>
</html>
게시판 삽입한 뒤 눈내리는 소스를 넣었는데 먹히질 않네요.
처음 창을 딱 클릭하였을때에만 눈이 한번 내리고 띡 끝나버린답니다.
소스의 문제가 있는건지 아이프레임소스와 자바스크립트 소스의 충돌이 일어나는건지..
당췌 감을 잡을 수가 없어서요..
아시는 분들 답변 부탁드리겠습니다
아이프레임 소스를 제거하면 또 눈이 계속 내리거든요..
아이프레임 소스가 자바소스 위로 올라가면 또 눈이 안 내리구요..
뭔 문제인지..
소스는 아래와 같아요..
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<style type="text/css">
<!--
body {background:#E7EFEF url(http://maybeworld.com/ver23/main.jpg) no-repeat fixed right bottom}
-->
</style>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" scroll="no">
<script language="JavaScript1.2">
<!--
var no = 15 ;
var speed = 20 ;
var snowflake = "http://maybeworld.com/ver23/snow.gif";
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 1024, doc_height = 768;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(snowflake + "" border="0"></layer>");
} else {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(snowflake + "" border="0"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id="dot"+ i +"" style="position: ");
document.write("absolute; z-index: "+ i +"; visibility: ");
document.write("visible; top: 15px; left: 15px;"><img src="");
document.write(snowflake + "" border="0"></div>");
} else {
document.write("<div id="dot"+ i +"" style="position: ");
document.write("absolute; z-index: "+ i +"; visibility: ");
document.write("visible; top: 15px; left: 15px;"><img src="");
document.write(snowflake + "" border="0"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-10) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// -->
</script><br><br><br><br><br><br><img align="right" src="menu.jpg" width="122" height="130" border="0"> </body>
<iframe scrolling=auto frameborder=0 style="width:540px; height:500px; position:absolute; left:334px; top:18px; z-index:1;" src=http://maybeworld.com/zboard/zboard.php?id=capture name=body allowTransparency="true"></iframe>
</html>
<iframe ... name=body ...>
이렇게 되어 있는데요. 이렇게 되면 자바스크립트에서 document.body 라고 했을 때
보통은 <body> 태그를 말하는 것이지만 이 경우에는 iframe을 말하는 것일 수도 있기
때문에 충돌이 생깁니다. 이름만 다른 것으로 바꿔 주시면 잘 됩니다.