퀵메뉴 관련질문드립니다. 정보
퀵메뉴 관련질문드립니다.
본문
우측에 퀵메뉴를적용했는데 좌측에도 똑같은 파일로 퀵메뉴를하나더적용시킬려고하는데
자바스크립트가겹쳐서 오류가나는거같습니다.
자바스크립트를 잘몰라서 아래는 해당소스인데 어디어디를 바꿔야할지 알려주세요~~
<SCRIPT LANGUAGE="JavaScript">
function CheckUIElements() {
var yMenu1From, yMenu1To, yOffset, timeoutNextCheck;
var wndWidth = parseInt(document.body.clientWidth);
yMenu1From = parseInt (qLayer.style.top, 10);
yMenu1To = document.body.scrollTop + 190; // 위쪽 위치
timeoutNextCheck = 500;
if ( yMenu1From != yMenu1To ) {
yOffset = Math.ceil( Math.abs( yMenu1To - yMenu1From ) / 20 );
if ( yMenu1To < yMenu1From )
yOffset = -yOffset;
qLayer.style.top = parseInt (qLayer.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
qLayer.style.left = (document.body.clientWidth/2)+510; //중심으로 부터의 수평거리
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function MovePosition() {
var wndWidth = parseInt(document.body.clientWidth);
// 페에지 로딩시 포지션
qLayer.style.top = 190;
qLayer.style.left = (document.body.clientWidth/2)+510; //중심으로 부터의 수평거리
qLayer.style.visibility = "visible";
// initializing UI update timer
CheckUIElements();
return true;
}
</SCRIPT>
<!---- 레이어디자인부분 ------>
<div style="position:absolute;top:350px;left:expression( (document.body.clientWidth/2)+428);z-index:1;" id="qLayer" name="qLayer">
<table width='72' border='0' cellspacing='0' cellpadding='0'>
<tr><td width='72' height='9' align='center'><a href='#g4_head' title="맨위로"><IMG SRC='<?=$g4['path']?>/img/top.gif' name='Image60' BORDER=0 width='30' height='9'></a></td></tr>
<tr><td width='72' height='5' align='center'></td></tr>
<tr><td width='80' height='508' align='center'><a href='#g4_tail' title="아래로"><IMG SRC='<?=$g4['path']?>/img/right_quck.jpg' name='Image70' BORDER=0 width='80' height='508'></a></td></tr>
<tr><td width='72' height='5' align='center'></td></tr>
<tr><td width='72' height='9' align='center'><a href='#g4_tail' title="아래로"><IMG SRC='<?=$g4['path']?>/img/bottom.gif' name='Image70' BORDER=0 width='45' height='9'></a></td></tr>
</table>
</div>
<script language='JavaScript'>MovePosition();</script>
자바스크립트가겹쳐서 오류가나는거같습니다.
자바스크립트를 잘몰라서 아래는 해당소스인데 어디어디를 바꿔야할지 알려주세요~~
<SCRIPT LANGUAGE="JavaScript">
function CheckUIElements() {
var yMenu1From, yMenu1To, yOffset, timeoutNextCheck;
var wndWidth = parseInt(document.body.clientWidth);
yMenu1From = parseInt (qLayer.style.top, 10);
yMenu1To = document.body.scrollTop + 190; // 위쪽 위치
timeoutNextCheck = 500;
if ( yMenu1From != yMenu1To ) {
yOffset = Math.ceil( Math.abs( yMenu1To - yMenu1From ) / 20 );
if ( yMenu1To < yMenu1From )
yOffset = -yOffset;
qLayer.style.top = parseInt (qLayer.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
qLayer.style.left = (document.body.clientWidth/2)+510; //중심으로 부터의 수평거리
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function MovePosition() {
var wndWidth = parseInt(document.body.clientWidth);
// 페에지 로딩시 포지션
qLayer.style.top = 190;
qLayer.style.left = (document.body.clientWidth/2)+510; //중심으로 부터의 수평거리
qLayer.style.visibility = "visible";
// initializing UI update timer
CheckUIElements();
return true;
}
</SCRIPT>
<!---- 레이어디자인부분 ------>
<div style="position:absolute;top:350px;left:expression( (document.body.clientWidth/2)+428);z-index:1;" id="qLayer" name="qLayer">
<table width='72' border='0' cellspacing='0' cellpadding='0'>
<tr><td width='72' height='9' align='center'><a href='#g4_head' title="맨위로"><IMG SRC='<?=$g4['path']?>/img/top.gif' name='Image60' BORDER=0 width='30' height='9'></a></td></tr>
<tr><td width='72' height='5' align='center'></td></tr>
<tr><td width='80' height='508' align='center'><a href='#g4_tail' title="아래로"><IMG SRC='<?=$g4['path']?>/img/right_quck.jpg' name='Image70' BORDER=0 width='80' height='508'></a></td></tr>
<tr><td width='72' height='5' align='center'></td></tr>
<tr><td width='72' height='9' align='center'><a href='#g4_tail' title="아래로"><IMG SRC='<?=$g4['path']?>/img/bottom.gif' name='Image70' BORDER=0 width='45' height='9'></a></td></tr>
</table>
</div>
<script language='JavaScript'>MovePosition();</script>
댓글 전체
자바스크립트를 잘 모른다면 하나의 함수로 두개의 레이어 사용으로 수정하기는 어려울테니
위 함수를 이름을 바꾸세요
MovePosition2();<---이것처럼..모두 바꾸고
qLayer 부분을 두번째 레이어명으로 모두 바꾸고...
왼쪽 레이어 오른쪽 레이어가 이름이 같으면 안됩니다
위 함수를 이름을 바꾸세요
MovePosition2();<---이것처럼..모두 바꾸고
qLayer 부분을 두번째 레이어명으로 모두 바꾸고...
왼쪽 레이어 오른쪽 레이어가 이름이 같으면 안됩니다

댓글감사합니다~ 한번시도해봐야겠네요~^^