자바스크립트 잘아시는분 있나용? ㅠㅠ 정보
자바스크립트 잘아시는분 있나용? ㅠㅠ
본문
이미지 보시면 ㅠㅠ
작동은 잘되는데 하단에 자바스크립트 에러가떠용 ㅠㅠ
왜 에러가 뜨는건가용 ㅠㅠ
소스 입니당.
php mysql 만 가지고 놀다보니 자바스크립트을 안배워서.. 골치가 아푸네용 ㅠㅠ
=========================================================================================
<div id="top">
<li id='mmu0' class='mmu0' onmouseover='javascript:fncShow(0);'><a href="">Menu A</a></li>
<li id='mmu1' class='mmu0' onmouseover='javascript:fncShow(1);'><a href="">Menu B</a></li>
<li id='mmu2' class='mmu0' onmouseover='javascript:fncShow(2);'><a href="">Menu C</a></li>
<li id='mmu3' class='mmu0' onmouseover='javascript:fncShow(3);'><a href="">Menu D</a></li>
<li id='mmu4' class='mmu0' onmouseover='javascript:fncShow(4);'><a href="">Menu E</a></li>
<li id='mmu5' class='mmu0' onmouseover='javascript:fncShow(5);'><a href="">Menu F</a></li>
<li id='mmu6' class='mmu0' onmouseover='javascript:fncShow(6);'><a href="">Menu G</a></li>
<li id='mmu7' class='mmu0' onmouseover='javascript:fncShow(7);'><a href="">Menu H</a></li>
<li id='mmu8' class='mmu0' onmouseover='javascript:fncShow(8);'><a href="">Menu I</a></li>
</div>
<div id="sub">
<li id='mu0' class=mu0 style='display:none;'><a href="">AAA-0</a></li>
<li id='mu1' class=mu0 style='display:none;'><a href="">AAA-1</a></li>
<li id='mu2' class=mu0 style='display:none;'><a href="">AAA-2</a></li>
<li id='mu3' class=mu0 style='display:none;'><a href="">AAA-3</a></li>
<li id='mu4' class=mu0 style='display:none;'><a href="">AAA-4</a></li>
<li id='mu5' class=mu0 style='display:none;'><a href="">AAA-5</a></li>
<li id='mu6' class=mu0 style='display:none;'><a href="">AAA-6</a></li>
<li id='mu7' class=mu0 style='display:none;'><a href="">AAA-7</a></li>
<li id='mu8' class=mu0 style='display:none;'><a href="">AAA-8</a></li>
</div>
<script>
<!--
var muCnt = 10;
function fncShow( pos )
{
var i =0;
for( i; i<muCnt; i++ )
{
var obj = document.getElementById('mu'+i);
if( i == pos )
{
var mobj = document.getElementById('mmu'+i);
obj.style.display = '';
}
else
{
obj.style.display = 'none';
}
}
}
function fncHide( pos )
{
var obj = document.getElementById("mu"+pos);
obj.style.display = 'none';
}
//-->
</script>
작동은 잘되는데 하단에 자바스크립트 에러가떠용 ㅠㅠ
왜 에러가 뜨는건가용 ㅠㅠ
소스 입니당.
php mysql 만 가지고 놀다보니 자바스크립트을 안배워서.. 골치가 아푸네용 ㅠㅠ
=========================================================================================
<div id="top">
<li id='mmu0' class='mmu0' onmouseover='javascript:fncShow(0);'><a href="">Menu A</a></li>
<li id='mmu1' class='mmu0' onmouseover='javascript:fncShow(1);'><a href="">Menu B</a></li>
<li id='mmu2' class='mmu0' onmouseover='javascript:fncShow(2);'><a href="">Menu C</a></li>
<li id='mmu3' class='mmu0' onmouseover='javascript:fncShow(3);'><a href="">Menu D</a></li>
<li id='mmu4' class='mmu0' onmouseover='javascript:fncShow(4);'><a href="">Menu E</a></li>
<li id='mmu5' class='mmu0' onmouseover='javascript:fncShow(5);'><a href="">Menu F</a></li>
<li id='mmu6' class='mmu0' onmouseover='javascript:fncShow(6);'><a href="">Menu G</a></li>
<li id='mmu7' class='mmu0' onmouseover='javascript:fncShow(7);'><a href="">Menu H</a></li>
<li id='mmu8' class='mmu0' onmouseover='javascript:fncShow(8);'><a href="">Menu I</a></li>
</div>
<div id="sub">
<li id='mu0' class=mu0 style='display:none;'><a href="">AAA-0</a></li>
<li id='mu1' class=mu0 style='display:none;'><a href="">AAA-1</a></li>
<li id='mu2' class=mu0 style='display:none;'><a href="">AAA-2</a></li>
<li id='mu3' class=mu0 style='display:none;'><a href="">AAA-3</a></li>
<li id='mu4' class=mu0 style='display:none;'><a href="">AAA-4</a></li>
<li id='mu5' class=mu0 style='display:none;'><a href="">AAA-5</a></li>
<li id='mu6' class=mu0 style='display:none;'><a href="">AAA-6</a></li>
<li id='mu7' class=mu0 style='display:none;'><a href="">AAA-7</a></li>
<li id='mu8' class=mu0 style='display:none;'><a href="">AAA-8</a></li>
</div>
<script>
<!--
var muCnt = 10;
function fncShow( pos )
{
var i =0;
for( i; i<muCnt; i++ )
{
var obj = document.getElementById('mu'+i);
if( i == pos )
{
var mobj = document.getElementById('mmu'+i);
obj.style.display = '';
}
else
{
obj.style.display = 'none';
}
}
}
function fncHide( pos )
{
var obj = document.getElementById("mu"+pos);
obj.style.display = 'none';
}
//-->
</script>
댓글 전체

흠. 메뉴 카운트가 10인데요
8 로 바꾸세요.
var muCnt = 10; -> var muCnt = 8;
8 로 바꾸세요.
var muCnt = 10; -> var muCnt = 8;

아..
php로 연동할려고 여분으로 10개정도해놔야겟다 싶었는데
저거문제였군요 췟;;;
감사합니당 ㅎㅎ
php로 연동할려고 여분으로 10개정도해놔야겟다 싶었는데
저거문제였군요 췟;;;
감사합니당 ㅎㅎ