Показать сообщение отдельно
  #1 (permalink)  
Старый 07.01.2011, 13:55
Новичок на форуме
Отправить личное сообщение для Программер Посмотреть профиль Найти все сообщения от Программер
 
Регистрация: 07.01.2011
Сообщений: 4

Меню сайта - древовидный список
Пытаюсь уже 2 дня сделать вот такую штуку



вот чего достиг

Код:
 <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Безымянная страница</title>
    </head>
  

     <script type="text/javascript" > 

    function startmenu() 
    { 
        document.getElementById('kRussia').style.display = "none"; 
        document.getElementById('menu2').style.display = "none"; 
        //inline
   
    } 

    function menufunc(menuId) 
    { 
        if(document.getElementById(menuId).style.display == "none")
        { 
            startmenu(); 
            document.getElementById(menuId).style.display = "block";
        } 
        else 
        { 
         startmenu(); 
        } 
    } 

    </script> 

     
 <body onload="javascript:startmenu()"> 
    <table width="100%"> 
    <tr> 
    <td valign="top" width="20%">&nbsp;
        <a href="javascript:menufunc('kRussia')"><img alt="Россия" src="22Russia.png"/>Photoshop</a> 
        <div id="kRussia"> 
        - <a href='/'>Работа в Photoshop</a></br /> 
        - <a href='/'>Photoshop Exchange</a> <br />
        </div> 
        <br /> 
        <a href="javascript:menufunc('menu2')">Векторные редакторы</a> 
        <div id="menu2"> 
        - <a href='/'>Adobe Illustrator</a><br /> 
        - <a href='/'>Corel Draw</a><br /> 
        </div> 
        <br /> 
      
    </td> 
    </tr>   
    </table> 
 </body>
</html>
Прошу помощи, просто уже не знаю в какую степь двигаться!
Ответить с цитированием