묻고답하기
게시판페이지에서만 스크립트 적용이 안됩니다ㅠㅠ
2012.01.25 11:50
스크롤 따라다니는 배너(일명 퀵메뉴라고 하죠?)를 만드려고
기존에 사용하던 common.js파일에
(xe폴더에 있던 것이 아니라 홈페이지 전반 링크스크립트를 위해 사용하던 파일입니다. 전 페이지에 링크걸려있어요)
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
action = window.setInterval('heartBeat()',1);
function heartBeat() {
diffY = document.body.scrollTop;
diffX = 0;
if (diffY != lastScrollY) {
percent = .2 * (diffY - lastScrollY);
if (percent > 0) {
percent = Math.ceil(percent);
} else {
percent = Math.floor(percent);
}
document.all.layer_right.style.pixelTop += percent;
lastScrollY = lastScrollY + percent;
}
if (diffX != lastScrollX) {
percent = .2 * (diffX - lastScrollX);
if (percent > 0) {
percent = Math.ceil(percent);
} else {
percent = Math.floor(percent);
}
document.all.layer_right.style.pixelLeft += percent;
lastScrollY = lastScrollY + percent;
}
를 입력하고 각 페이지 body사이에
<div id="layer_right" style='width:90px; height:380px; position:absolute; z-index:1; top: 89px; left:expression(document.body.clientWidth/2+490);'>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="90" height="134"><a href="http://www.kcomia.or.kr/xe/23866#0"><img src="http://www.kcomia.or.kr/img/rightbanner_001.png" border="0"></a></td>
</tr>
<tr>
<td width="90" height="6"></td>
</tr>
<tr>
<td width="90" height="117"><a href="http://www.kcomia.or.kr/sub_05_01_001.php"><img src="http://www.kcomia.or.kr/img/rightbanner_002.png" border="0"></a></td>
</tr>
<tr>
<td width="90" height="6"></td>
</tr>
<tr>
<td width="90" height="117"><a href="http://cafe.naver.com/kcomia2010" target="_blank"><img src="http://www.kcomia.or.kr/img/rightbanner_003.png" border="0"></a></td>
</tr>
</table>
</div>
를 넣었습니다. 그런데 문제는 일반 php파일로 만든 페이지에서는 이게 잘 따라다니는데
xe레이아웃으로 만든 페이지(index페이지와 각 게시판페이지)에서는 스크립트가 안먹고
위에 고정된 채 움직이질 않는다는거죠..ㅠㅠ
common.js에 기존에 들어있던 링크 스크립트는 잘 작동이 되는데 도대체 뭐가 문제인지 아무리 머리 싸매어봐도 알수가 없습니다ㅠㅠ
도와주세요ㅠㅠ
--------------------------------------------------------------------------------------------------------------------------------------------
아래는 게시판 페이지의 상단내용 소스입니다. 이 부분에 잘못된게 있어서일까 싶어서 같이 첨부합니다.ㅠㅠ
<html>
<head>
<title> 대한마리나산업진흥회 </title>
<script language="javascript" src="http://www.kcomia.or.kr/js/common.js"></script>
</head>
<!--백그라운드 수정-->
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://www.kcomia.or.kr/img/top_bg.png">
<table width="100%" height="100%" valign="top" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table width="100%" height="100%" valign="top" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="90" ><font color="#01567f">.</font></td>
</tr>
<tr>
<td><font color="white">.</font></td>
</tr>
</table>
</td>
<td width="965" background="http://www.kcomia.or.kr/img/index_bg.png">
<table width="965" height="355" valign="top" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="355" valign="top"><embed src="http://www.kcomia.or.kr/sub.swf" quality="high" width="965" height="355" bgcolor="#FFFFFF" name="player" align="middle" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"></embed><br><br></td>
</tr>
<tr>
<td>
<!--contents-->
<table width="965" height="355" valign="top" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="20"></td>
<td width="216" valign="top"><!--2차목록가져오기-->
<table width="216" cellpadding="0" cellspacing="0" border="0" valign="top" align="left">
<tr>
<td height="40">
<img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_01.png">
</td>
</tr>
<tr>
<td height="25">
<a href="http://www.kcomia.or.kr/sub_05_01_001.php">
<img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_02.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_02_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_02.png'" border="0">
</a>
</td>
</tr>
<tr>
<td height="25">
<a href="http://www.kcomia.or.kr/xe/notice">
<img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_03.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_03_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_03.png'" border="0">
</a>
</td>
</tr>
<tr>
<td height="25">
<a href="http://www.kcomia.or.kr/xe/column">
<img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_05.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_05_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_05.png'" border="0">
</a>
</td>
</tr>
<tr>
<td height="25">
<a href="http://www.kcomia.or.kr/xe/gallery">
<img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_04.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_04_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_04.png'" border="0">
</a>
</td>
</tr>
<tr>
<td height="25">
<a href="http://www.kcomia.or.kr/xe/free">
<img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_06.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_06_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_06.png'" border="0">
</a>
</td>
</tr>
<tr>
<td height="25">
<a href="http://www.kcomia.or.kr/xe/qna">
<img src="http://www.kcomia.or.kr/img/sub/sub_nv_05_07.png" onmouseover="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_07_02.png'" onmouseout="this.src='http://www.kcomia.or.kr/img/sub/sub_nv_05_07.png'" border="0">
</a>
</td>
</tr>
</table>
</td>
<td width="33"></td>
<td width="636">
<table width="636" height="100%" valign="top" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="53" background="http://www.kcomia.or.kr/img/sub/sub_tt_05_09.png"></td>
</tr>
<tr>
<td height="23"></td>
</tr>
<tr>
<td height="17" background="http://www.kcomia.or.kr/img/sub/sub_tt_05_10.png"></td>
</tr>
<tr>
<td height="100%" valign="top"><br><br>
<!--스크롤 우측배너-->
<div id="layer_right" style='width:90px; height:380px; position:absolute; z-index:1; top: 89px; left:expression(document.body.clientWidth/2+490);'>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="90" height="134"><a href="http://www.kcomia.or.kr/xe/23866#0"><img src="http://www.kcomia.or.kr/img/rightbanner_001.png" border="0"></a></td>
</tr>
<tr>
<td width="90" height="6"></td>
</tr>
<tr>
<td width="90" height="117"><a href="http://www.kcomia.or.kr/sub_05_01_001.php"><img src="http://www.kcomia.or.kr/img/rightbanner_002.png" border="0"></a></td>
</tr>
<tr>
<td width="90" height="6"></td>
</tr>
<tr>
<td width="90" height="117"><a href="http://cafe.naver.com/kcomia2010" target="_blank"><img src="http://www.kcomia.or.kr/img/rightbanner_003.png" border="0"></a></td>
</tr>
</table>
</div>
![http://www.kcomia.or.kr/img/sub/sub_tt_05_09.png"></td> </tr> <tr> <td height="23"></td> </tr> <tr> <td height="17" background="]('http://www.kcomia.or.kr/img/sub/sub_tt_05_09.png"){kind=link}
![http://www.kcomia.or.kr/img/sub/sub_tt_05_10.png"></td> </tr> <tr> <td height="100%" valign="top"><br><br><!--스크롤 우측배너--><div id="layer_right" style='width:90px; height:380px; position:absolute; z-index:1; top: 89px; left:expression(document.body.clientWidth/2+490);'> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="90" height="134"><a href="]('http://www.kcomia.or.kr/img/sub/sub_tt_05_10.png"){kind=link}