Page 1 of 1

자바스크립트 슬라이드 메뉴 관련 질문

Posted: 2005 09 30 20:40 40
by nmind
윈도우즈 IE5.0/5.5/6.0과 오페라8.5, 맥 IE5.0 환경에서 테스트한 결과 제대로 동작하고 있습니다만....왜 인지 파이어폭스1.07에서는 제대로 동작이 되지 않는군요. 일단 윈도우즈 IE5.0/5.5/6.0과 맥 IE5.0 환경에서만 제대로 작동하면 OK입니다만....파이어폭스1.07에서 작동하지 않으니 찜찜한 기분에 질문 남깁니다. 제대로 자바스크립트를 공부한 적이 없어서 Copy&Paste로 해결하다보니 이런 문제가 생겼을 경우 제대로 대처할 수 가 없군요...

조언 부탁드립니다.

Code: Select all

<script type="text/javascript" language="javascript"> 

     function toggleMenu(currMenu) { 
     if (document.all) { 
     thisMenu = eval("document.all." + currMenu + ".style") 
     if (thisMenu.display == "block") { 
     thisMenu.display = "none" 
     } 
     else { 
     thisMenu.display = "block" 
     } 
     return false 
     } 
     else { 
     return true 
     } 
     } 

</script>
<style type="text/css"> 
#sublistsub3{display:none;}
#sublistsub4{display:none;}
#sublistsub5{display:none;}
#sublistsub6{display:none;}
</style>

<h4>行政</h4>
<ul id="sublistsub2">
<li>政治家</li>
<li><a href="02.html">公務員[一般行政職]</a></li>
<li><a href="03.html">外交官</a></li>
<li><a href="04.html">国連職員</a></li>
</ul>

<h4><a href="#sublistsub3" onClick="return toggleMenu('sublistsub3')">司法</a></h4>
<ul id="sublistsub3">
<li><a href="05.html">弁護士</a></li>
<li><a href="06.html">裁判官</a></li>
<li><a href="07.html">検察官</a></li>
<li><a href="08.html">司法書士</a></li>
<li><a href="09.html">行政書士</a></li>
<li><a href="10.html">弁理士</a></li>
<li><a href="11.html">海事代理士</a></li>
</ul>

<h4><a href="#sublistsub4" onClick="return toggleMenu('sublistsub4')">教育</a></h4>
<ul id="sublistsub4">
<li><a href="12.html">保育士</a></li>
<li><a href="13.html">幼稚園教諭</a></li>
<li><a href="14.html">小学校教師</a></li>
<li><a href="15.html">中学校・高校教師</a></li>
<li><a href="16.html">家庭教師</a></li>
<li><a href="17.html">塾講師</a></li>
<li><a href="18.html">予備校講師</a></li>
<li><a href="19.html">大学教授</a></li>
<li><a href="20.html">フリースクールで働く</a></li>
<li><a href="21.html">障害児の学校教諭</a></li>
</ul>

<h4><a href="#sublistsub5" onClick="return toggleMenu('sublistsub5')">安全</a></h4>
<ul id="sublistsub5">
<li><a href="22.html">警察官</a></li>
<li><a href="23.html">海上保安官</a></li>
<li><a href="24.html">警備員</a></li>
<li><a href="25.html">探偵</a></li>
<li><a href="26.html">ボディガード</a></li>
<li><a href="27.html">救急救命士</a></li>
<li><a href="28.html">レスキュー隊員[消防の救助隊]</a></li>
</ul>

<h4><a href="#sublistsub6" onClick="return toggleMenu('sublistsub6')">福祉</a></h4>
<ul id="sublistsub6">
<li><a href="29.html">福祉の公的施設で働く</a></li>
<li><a href="30.html">福祉に関わる企業で働く</a></li>
<li><a href="31.html">ソーシャルワーカー・ケースワーカー</a></li>
<li><a href="32.html">ケアワーカー</a></li>
<li><a href="33.html">ホームヘルパー[訪問介護員]</a></li>
<li><a href="34.html">ガイドヘルパー[外出介護員]</a></li>
<li><a href="35.html">医療ソーシャルワーカー</a></li>
<li><a href="36.html">精神医学ソーシャルワーカー</a></li>
<li><a href="37.html">家庭裁判所調査官・保護観察官・法務教官</a></li>
</ul>

Re: 자바스크립트 슬라이드 메뉴 관련 질문

Posted: 2005 10 01 10:53 23
by 빛알갱이
nmind wrote:윈도우즈 IE5.0/5.5/6.0과 오페라8.5, 맥 IE5.0 환경에서 테스트한 결과 제대로 동작하고 있습니다만....왜 인지 파이어폭스1.07에서는 제대로 동작이 되지 않는군요. 일단 윈도우즈 IE5.0/5.5/6.0과 맥 IE5.0 환경에서만 제대로 작동하면 OK입니다만....파이어폭스1.07에서 작동하지 않으니 찜찜한 기분에 질문 남깁니
Mac IE 5.0이라? 신기한 요구 조건이군요. 맥 사용자 중에 요새 누가 Mac IE 5.0을 쓸까요? 인트라넷에서 그런 요구 조건을 걸었다? 그 회사 맥 사용자들이 무척 싫어하겠군요

Code: Select all

<script type="text/javascript" language="javascript"> 

     function toggleMenu(currMenu) { 
     if (document.getElementById) { 
        cssProp = document.getElementById(currMenu).style;
     }
     else if (document.all) { // MS IE 4.x 
        cssProp = eval("document.all." + currMenu + ".style");
     }
     else 
        return true;
  
     
     if (cssProp.display == "block") { 
       cssProp.display = "none" 
     } 
     else { 
       cssProp.display = "block" 
     } 
     return false; 
    
     } 

</script>

Re: 자바스크립트 슬라이드 메뉴 관련 질문

Posted: 2005 10 01 11:26 26
by 빛알갱이
[quote="빛알갱이"]

Code: Select all

<script type="text/javascript" language="javascript"> 

     function toggleMenu(currMenu) { 
    
       var cssProp = document.getElementById(currMenu).style;
     
       if (cssProp.display == "block") { 
         cssProp.display = "none" 
       } 
       else { 
         cssProp.display = "block" 
       } 
       return false; 
    } 
MS IE 4.0은 지원하지 않아도 된다면 위와 같이 하기만 해도 됩니다.

Re: 자바스크립트 슬라이드 메뉴 관련 질문

Posted: 2005 10 03 09:49 09
by nmind
빛알갱이 wrote:
윈도우즈 IE5.0/5.5/6.0과 맥 IE5.0은 저희 회사 표준 검품 브라우저입니다. 현재 일본에서 일하고 있습니다만...일본에서는 맥용 IE 사용하는 유저들도 아직 많이 있습니다. 아직 맥OS 9.2 이용하는 사람들도 많이 있답니다.
답변 감사합니다. 일본은 맥의 시장 점유율이 높으니까 그럴 수 있겠지요. 하지만, 맥용 IE 5.0은 확인하면서 Safari는 확인하지 않아도 문제가 없을 정도로 맥 OS 9.x 사용자가 Mac OS 10.x 사용자보다 많을 것 같지는 않은데요. (Mac OS 10에서까지 IE를 쓸 사용자는 거의 0에 가깝다는 가정 하에서요)