(급합니다)다시 질문드립니다 배너가 움직이지 않습니다 정보
(급합니다)다시 질문드립니다 배너가 움직이지 않습니다본문
오른쪽 배너가 위아래로 움직이게 만들었는데요
일반 페이지에서는 잘움직이는데요
이상하게 게시판에 붙으면 위에고정이 되면서 위아래로 움직이질않습니다
리스트 게시판 하단에
<? include"../inc/quick.php";?>
이렇게 인쿠르드 걸었구요
quick.php 소스는
quick.php 소스는
<div id="gotop">
<div class="banner">
<div><img src="../images/common/quick_title.gif" alt="quick menu" /></div>
<div class="quick">
<ul>
<li><a href="/~user01/education/custom_about.php"><img src="../images/common/quick_btn1.gif" alt="위탁과정개설문의 바로가기" border="0" /></a></li>
<li><a href="/~user01/bachelor/calendar.php"><img src="../images/common/quick_btn2.gif" alt="학사일정 바로가기" border="0" /></a></li>
<li><a href="/~user01/bbs/board.php?bo_table=enroll_going&sca=진행과정"><img src="../images/common/quick_btn3.gif" alt="입학지원 바로가기" border="0" /></a></li>
<li><a href="/~user01/bachelor/refund1.php"><img src="../images/common/quick_btn4.gif" alt="고용보험환급 바로가기" border="0" /></a></li>
<li><a href="/~user01/education/custom_about.php"><img src="../images/common/quick_btn5.gif" alt="수강신청안내 바로가기" border="0" /></a></li>
<li><a href="/~user01/intro/contact.php"><img src="../images/common/quick_btn6.gif" alt="오시는길 바로가기" border="0" /></a></li>
<li><a href="/~user01/bachelor/provision.php"><img src="../images/common/quick_btn7.gif" alt="학사규정 바로가기" border="0" /></a></li>
<li class="final"><a href="/~user01/bbs/board.php?bo_table=faq"><img src="../images/common/quick_btn8.gif" alt="FAQ 바로가기" border="0" /></a></li>
</ul>
</div>
</div>
<a href="#header" title="상단으로" class="top"><img src="../images/common/top_btn.gif" alt="top" border="0" /></a>
</div>
<script type="text/javascript">initMoving(document.getElementById("gotop"), 100, 290, 250);</script>
이렇게 되어있구요
이걸 css/jsva.js 에서
function initMoving(target, position, topLimit, btmLimit) {
if (!target)
return false;
var obj = target;
obj.initTop = position;
obj.topLimit = topLimit;
obj.bottomLimit = document.documentElement.scrollHeight - btmLimit;
obj.style.position = "absolute";
obj.top = obj.initTop;
obj.left = obj.initLeft;
if (typeof(window.pageYOffset) == "number") {
obj.getTop = function() {
return window.pageYOffset;
}
} else if (typeof(document.documentElement.scrollTop) == "number") {
obj.getTop = function() {
return document.documentElement.scrollTop;
}
} else {
obj.getTop = function() {
return 0;
}
}
if (self.innerHeight) {
obj.getHeight = function() {
return self.innerHeight;
}
} else if(document.documentElement.clientHeight) {
obj.getHeight = function() {
return document.documentElement.clientHeight;
}
} else {
obj.getHeight = function() {
return 500;
}
}
obj.move = setInterval(function() {
if (obj.initTop > 0) {
pos = obj.getTop() + obj.initTop;
} else {
pos = obj.getTop() + obj.getHeight() + obj.initTop;
//pos = obj.getTop() + obj.getHeight() / 2 - 15;
}
if (pos > obj.bottomLimit)
pos = obj.bottomLimit;
if (pos < obj.topLimit)
pos = obj.topLimit;
interval = obj.top - pos;
obj.top = obj.top - interval / 3;
obj.style.top = obj.top + "px";
}, 30)
}
//float
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements()
{
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) {
yMenuFrom = document["floater"].top;
yMenuTo = top.pageYOffset + 300; //넷스케이프용 최초 레이어 좌표 값
}
else if ( bExplorer4plus ) {
yMenuFrom = parseInt (floater.style.top, 10);
yMenuTo = document.body.scrollTop + 300; //익스플로러용 최초 레이어 좌표 값
}
max = document.body.scrollHeight - floater.scrollHeight - 195;
timeoutNextCheck = 200;
if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("CheckUIElements()", timeoutNextCheck);
return;
}
if ( yButtonFrom != yButtonTo ) {
yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
if ( yButtonTo < yButtonFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divLinkButton"].top += yOffset;
else if ( bExplorer4plus )
divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
if ( yMenuFrom != yMenuTo ) {
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
if ( yMenuTo < yMenuFrom ){ yOffset = -yOffset; }
if ( bNetscape4plus ){
if ( max < yMenuTo ){
if (max >= document["floater"].top ){
document["floater"].top += yOffset;
}
} else {
document["floater"].top += yOffset;
}
} else if ( bExplorer4plus ) {
if ( max < yMenuTo ){
if (max >= parseInt (floater.style.top, 10)){
floater.style.top = parseInt (floater.style.top, 10) + yOffset;
}
} else {
floater.style.top = parseInt (floater.style.top, 10) + yOffset;
}
}
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function SlideBanner()
{
var y;
// 페에지 로딩시 포지션
if ( bNetscape4plus ) {
document["floater"].top = top.pageYOffset + 300;
document["floater"].visibility = "visible";
//document["divLinkButton"].top = top.pageYOffset + top.innerHeight - 55;
//document["divLinkButton"].visibility = "visible";
}
else if ( bExplorer4plus ) {
floater.style.top = document.body.scrollTop + 300;
floater.style.visibility = "visible";
//divLinkButton.style.top = document.body.scrollTop + document.body.clientHeight - 55;
//divLinkButton.style.visibility = "visible";
}
// initializing UI update timer
CheckUIElements();
//if ( bExplorer4plus )
// setTimeout ( "FlashTitleStepIt(255)", 10 );
return true;
}
이렇게 했습니다
도저히 원인을 모르겠습니다
고수님들 좀 도와주세요..
일반 페이지에서는 잘움직이는데요
이상하게 게시판에 붙으면 위에고정이 되면서 위아래로 움직이질않습니다
리스트 게시판 하단에
<? include"../inc/quick.php";?>
이렇게 인쿠르드 걸었구요
quick.php 소스는
quick.php 소스는
<div id="gotop">
<div class="banner">
<div><img src="../images/common/quick_title.gif" alt="quick menu" /></div>
<div class="quick">
<ul>
<li><a href="/~user01/education/custom_about.php"><img src="../images/common/quick_btn1.gif" alt="위탁과정개설문의 바로가기" border="0" /></a></li>
<li><a href="/~user01/bachelor/calendar.php"><img src="../images/common/quick_btn2.gif" alt="학사일정 바로가기" border="0" /></a></li>
<li><a href="/~user01/bbs/board.php?bo_table=enroll_going&sca=진행과정"><img src="../images/common/quick_btn3.gif" alt="입학지원 바로가기" border="0" /></a></li>
<li><a href="/~user01/bachelor/refund1.php"><img src="../images/common/quick_btn4.gif" alt="고용보험환급 바로가기" border="0" /></a></li>
<li><a href="/~user01/education/custom_about.php"><img src="../images/common/quick_btn5.gif" alt="수강신청안내 바로가기" border="0" /></a></li>
<li><a href="/~user01/intro/contact.php"><img src="../images/common/quick_btn6.gif" alt="오시는길 바로가기" border="0" /></a></li>
<li><a href="/~user01/bachelor/provision.php"><img src="../images/common/quick_btn7.gif" alt="학사규정 바로가기" border="0" /></a></li>
<li class="final"><a href="/~user01/bbs/board.php?bo_table=faq"><img src="../images/common/quick_btn8.gif" alt="FAQ 바로가기" border="0" /></a></li>
</ul>
</div>
</div>
<a href="#header" title="상단으로" class="top"><img src="../images/common/top_btn.gif" alt="top" border="0" /></a>
</div>
<script type="text/javascript">initMoving(document.getElementById("gotop"), 100, 290, 250);</script>
이렇게 되어있구요
이걸 css/jsva.js 에서
function initMoving(target, position, topLimit, btmLimit) {
if (!target)
return false;
var obj = target;
obj.initTop = position;
obj.topLimit = topLimit;
obj.bottomLimit = document.documentElement.scrollHeight - btmLimit;
obj.style.position = "absolute";
obj.top = obj.initTop;
obj.left = obj.initLeft;
if (typeof(window.pageYOffset) == "number") {
obj.getTop = function() {
return window.pageYOffset;
}
} else if (typeof(document.documentElement.scrollTop) == "number") {
obj.getTop = function() {
return document.documentElement.scrollTop;
}
} else {
obj.getTop = function() {
return 0;
}
}
if (self.innerHeight) {
obj.getHeight = function() {
return self.innerHeight;
}
} else if(document.documentElement.clientHeight) {
obj.getHeight = function() {
return document.documentElement.clientHeight;
}
} else {
obj.getHeight = function() {
return 500;
}
}
obj.move = setInterval(function() {
if (obj.initTop > 0) {
pos = obj.getTop() + obj.initTop;
} else {
pos = obj.getTop() + obj.getHeight() + obj.initTop;
//pos = obj.getTop() + obj.getHeight() / 2 - 15;
}
if (pos > obj.bottomLimit)
pos = obj.bottomLimit;
if (pos < obj.topLimit)
pos = obj.topLimit;
interval = obj.top - pos;
obj.top = obj.top - interval / 3;
obj.style.top = obj.top + "px";
}, 30)
}
//float
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements()
{
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) {
yMenuFrom = document["floater"].top;
yMenuTo = top.pageYOffset + 300; //넷스케이프용 최초 레이어 좌표 값
}
else if ( bExplorer4plus ) {
yMenuFrom = parseInt (floater.style.top, 10);
yMenuTo = document.body.scrollTop + 300; //익스플로러용 최초 레이어 좌표 값
}
max = document.body.scrollHeight - floater.scrollHeight - 195;
timeoutNextCheck = 200;
if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("CheckUIElements()", timeoutNextCheck);
return;
}
if ( yButtonFrom != yButtonTo ) {
yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
if ( yButtonTo < yButtonFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divLinkButton"].top += yOffset;
else if ( bExplorer4plus )
divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
if ( yMenuFrom != yMenuTo ) {
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
if ( yMenuTo < yMenuFrom ){ yOffset = -yOffset; }
if ( bNetscape4plus ){
if ( max < yMenuTo ){
if (max >= document["floater"].top ){
document["floater"].top += yOffset;
}
} else {
document["floater"].top += yOffset;
}
} else if ( bExplorer4plus ) {
if ( max < yMenuTo ){
if (max >= parseInt (floater.style.top, 10)){
floater.style.top = parseInt (floater.style.top, 10) + yOffset;
}
} else {
floater.style.top = parseInt (floater.style.top, 10) + yOffset;
}
}
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function SlideBanner()
{
var y;
// 페에지 로딩시 포지션
if ( bNetscape4plus ) {
document["floater"].top = top.pageYOffset + 300;
document["floater"].visibility = "visible";
//document["divLinkButton"].top = top.pageYOffset + top.innerHeight - 55;
//document["divLinkButton"].visibility = "visible";
}
else if ( bExplorer4plus ) {
floater.style.top = document.body.scrollTop + 300;
floater.style.visibility = "visible";
//divLinkButton.style.top = document.body.scrollTop + document.body.clientHeight - 55;
//divLinkButton.style.visibility = "visible";
}
// initializing UI update timer
CheckUIElements();
//if ( bExplorer4plus )
// setTimeout ( "FlashTitleStepIt(255)", 10 );
return true;
}
이렇게 했습니다
도저히 원인을 모르겠습니다
고수님들 좀 도와주세요..
댓글 전체
queck.php 소스안 제일 위에
<script src="java.js 경로"></script> 붙여 넣어으시구요
리스트게시판에 인클루드 시키지 마시구 tail.sub.php에 인클루드시켜보세요..
이렇게 해보니 되는군요..
혹시 무조건 그 게시판에 배너가 들어가야 하는건가요?
<script src="java.js 경로"></script> 붙여 넣어으시구요
리스트게시판에 인클루드 시키지 마시구 tail.sub.php에 인클루드시켜보세요..
이렇게 해보니 되는군요..
혹시 무조건 그 게시판에 배너가 들어가야 하는건가요?
제가 상황 파악을 잘 하고 댓글을 남기는 건지 모르겠네요.. 우선 제 생각 입니다만.
일반페이지에서는 되는데 게시판에서 안되는 이유는, 경로상의 문제가 있다고 봅니다.
뽁스님의 말씀처럼 queck.php 에서 베너를 움직이게하는 함수를 사용할 수 있게끔 <script src="java.js 경로"></script>를 포함 시켜 주셔야 할것이구요. (아참 queck.php가 있는 위치에서 java.js파일이 있는 상대 경로를 적어주시면 될 듯 합니다)
js 파일의 경로는 상대경로를 주시되, 게시판의 위치는 $g4[path]/bbs 이니깐 아마도
../css/java.js 나 , $g4[path]/css/java.js 이런 형식으로 해주셔야 할 듯 합니다.
(css/java.js 이 경로가 맞나요? 아무튼 java.js파일이 있는 경로를.. ^^)
그래도 안된다면, 그누의 common.js 파일에 베너를 움직이게 하는 함수를 추가로 입력해주시고 저장해보셔요.
맞는지 모르겟지만... ^^ 잘 해결 되시기를 바랍니다!!
일반페이지에서는 되는데 게시판에서 안되는 이유는, 경로상의 문제가 있다고 봅니다.
뽁스님의 말씀처럼 queck.php 에서 베너를 움직이게하는 함수를 사용할 수 있게끔 <script src="java.js 경로"></script>를 포함 시켜 주셔야 할것이구요. (아참 queck.php가 있는 위치에서 java.js파일이 있는 상대 경로를 적어주시면 될 듯 합니다)
js 파일의 경로는 상대경로를 주시되, 게시판의 위치는 $g4[path]/bbs 이니깐 아마도
../css/java.js 나 , $g4[path]/css/java.js 이런 형식으로 해주셔야 할 듯 합니다.
(css/java.js 이 경로가 맞나요? 아무튼 java.js파일이 있는 경로를.. ^^)
그래도 안된다면, 그누의 common.js 파일에 베너를 움직이게 하는 함수를 추가로 입력해주시고 저장해보셔요.
맞는지 모르겟지만... ^^ 잘 해결 되시기를 바랍니다!!