컴퓨터/IT/PMP/자바스크립트

PHP와 자바스크립트로 닫힘,펼침 메뉴 만들기

알 수 없는 사용자 2011. 1. 20. 22:18

PHP와 자바스크립트로 닫힘,펼침 메뉴 만들기

업무중에 필요해서 만들었는데 필요하신분이 있을지 몰라 올려봅니다.

자바스크립트로 펼침메뉴를 만들고 메뉴를 클릭했을때 현재 메뉴 상태를 그대로 유지하는
부분은 PHP로 만들었습니다.

<?
 $js_menu = "";
 
 if (isset($_REQUEST["js_menu"])){
  $js_menu = $_REQUEST["js_menu"];
 }
?>
<style>
body  { 
 font-size: 9pt;color:#5B5B5B;
}
a:link    { text-decoration:none; color: #5E5E5E;}
a:visited { text-decoration:none; color: #5B5B5B;}
a:active  { text-decoration:none; COLOR: #5B5B5B;}
a:hover   { text-decoration:underline; COLOR: #5B5B5B;}
div {font-size: 13px;font-weight:bold;margin-top:5px;margin-bottom:5px;}
/* author: passone.tistory.com */
 
#menu1, #menu2, #menu3 {
 display:none;margin-left:10px;
}

</style>

<SCRIPT>
function showDesc(currMenu)
{
 thisMenu = eval("document.all." + currMenu + ".style")
 if (thisMenu.display == "block")
 {
  thisMenu.display = "none";
 }
 else
 {
  thisMenu.display = "block";
 }

</SCRIPT>
<title>PHP로 메뉴만들기</title>
<body>
<div><a href="#" onClick = "showDesc('menu1')"><font color=#3377dd>+검색엔진</font></a></div>
<span id="menu1">
  <a href=index.html?js_menu=se>다음(Daum)</a><br>
  <a href=index.html?js_menu=se>네이버(Naver)</a><br>
  <a href=index.html?js_menu=se>야후(Yahoo)</a><br>
  <a href=index.html?js_menu=se>엠파스(Empas)</a><br>
</span>
<div><a href="#" onClick = "showDesc('menu2')"><font color=#3377dd>+메타블로그</font></a></div>
<span id="menu2">
  <a href=index.html?js_menu=metablog>올블로그</a><br>
  <a href=index.html?js_menu=metablog>오픈블로그</a><br>
  <a href=index.html?js_menu=metablog>블로그코리아</a><br>
</span>
<div><a href="#" onClick = "showDesc('menu3')"><font color=#3377dd>+블로그</font></a></div>
<span id="menu3">
  <a href=index.html?js_menu=blog>티스토리</a><br>
  <a href=index.html?js_menu=blog>이글루스</a><br>
  <a href=index.html?js_menu=blog>태터툴즈</a><br>
</span>


<?
   if($js_menu == "se") {
    echo "
     <script> showDesc('menu1') </script>
    ";
   }else if($js_menu == "metablog"){
    echo "
     <script> showDesc('menu2') </script>
    ";
   }else if($js_menu == "blog"){
    echo "
     <script> showDesc('menu3') </script>
    ";
   }else{
    echo "
     <script> showDesc('menu1') </script>
    ";
   }
?>
</body>