За последние 24 часа нас посетили 16662 программиста и 1650 роботов. Сейчас ищут 1962 программиста ...

Подскажите насчет меню для сайта

Тема в разделе "HTML и CSS", создана пользователем bakalev, 7 май 2010.

  1. bakalev

    bakalev Активный пользователь

    С нами с:
    15 мар 2010
    Сообщения:
    7
    Симпатии:
    0
    Друзья помогите пожалуйста, как сделать так чтобы при переходе на страницу сайта кнопка меню, которая соответствует этой странице подсвечивалась. Например если я перехожу на страницу О нас, в меню оставалась активной кнопка О нас.
     
  2. Apple

    Apple Активный пользователь

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    Я предпочитаю это делать на JavaScript.
     
  3. bakalev

    bakalev Активный пользователь

    С нами с:
    15 мар 2010
    Сообщения:
    7
    Симпатии:
    0
    Можете ссылочку кинуть?
     
  4. Apple

    Apple Активный пользователь

    С нами с:
    13 янв 2007
    Сообщения:
    4.984
    Симпатии:
    2
    Ну вообще-то нет =)
    Материала по этой теме не знаю ибо делал сам, могу ссылку кинуть на jQuery, но надо ли? =)
     
  5. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    bakalev
    тут еше смотря как навигация устроена
     
  6. bakalev

    bakalev Активный пользователь

    С нами с:
    15 мар 2010
    Сообщения:
    7
    Симпатии:
    0
    Ну например вот меню. class="current" это как раз активная кнопка.

    PHP:
    1. <<ul id="nav">
    2.     <li class="current"><a href="index.php">Главная</a></li>
    3.     <li><a href="#">Закачки</a>
    4.  
    5.         <ul>
    6.             <li><a href="view_cat.php">N.Design Studio</a>
    7.                 <ul>
    8.                     <li><a href="http:// ">Portfolio</a></li>
    9.                     <li><a href="http:// ">WordPress Themes</a></li>
    10.                     <li><a href="http:// ">Wallpapers</a></li>
    11.                     <li><a href="http:// ">Illustrator Tutorials</a></li>
    12.  
    13.                 </ul>
    14.             </li>
    15.             <li><a href="http://www.webdesignerwall.com">Web Designer Wall</a>
    16.                 <ul>
    17.                     <li><a href="http://jobs.webdesignerwall.com">Design Job Wall</a></li>
    18.                 </ul>
    19.             </li>
    20.             <li><a href="http://icondock.com">IconDock</a></li>
    21.  
    22.             <li><a href="http://bestwebgallery.com">Best Web Gallery</a></li>
    23.         </ul>
    24.     </li>
    25.     <li><a href="#">Multi-Levels</a>
    26.         <ul>
    27.             <li><a href="#">Team</a>
    28.                 <ul>
    29.  
    30.                     <li><a href="#">Sub-Level Item</a></li>
    31.                     <li><a href="#">Sub-Level Item</a>
    32.                         <ul>
    33.                             <li><a href="#">Sub-Level Item</a></li>
    34.                             <li><a href="#">Sub-Level Item</a></li>
    35.                             <li><a href="#">Sub-Level Item</a></li>
    36.  
    37.                         </ul>
    38.                     </li>
    39.                    
    40.                     <li><a href="#">Sub-Level Item</a></li>
    41.                 </ul>
    42.             </li>
    43.             <li><a href="#">Sales</a></li>
    44.             <li><a href="#">Another Link</a></li>
    45.  
    46.             <li><a href="#">Department</a>
    47.                 <ul>
    48.                     <li><a href="#">Sub-Level Item</a></li>
    49.                     <li><a href="#">Sub-Level Item</a></li>
    50.                     <li><a href="#">Sub-Level Item</a></li>
    51.                 </ul>
    52.             </li>
    53.  
    54.         </ul>
    55.     </li>  
    56.     <li><a href="about.php">Обо мне</a></li>
    57.     <li><a href="contacts.php">Контакты</a></li>
    58. </ul>
    59.  
    60.  
     
  7. V1T

    V1T Активный пользователь

    С нами с:
    7 окт 2008
    Сообщения:
    311
    Симпатии:
    0
    Адрес:
    Крым
    ну и если есть класс для активной ссылки, то для чего он тогда тебе нужен?
     
  8. bakalev

    bakalev Активный пользователь

    С нами с:
    15 мар 2010
    Сообщения:
    7
    Симпатии:
    0
    Нет ну в верхнем коде статичный класс прописан. На пхпфоруме помогли, в результате прописал код для каждой страницы

    PHP:
    1. $style = array();
    2. if($_GET['page'] == 'about') $style['about'] = ' class="current"';
    3.  
    и для каждой ссылки

    PHP:
    1. <a'.$style['about'].' href="index.php?page=about">О Нас</a>
     
  9. Yadfewm

    Yadfewm Активный пользователь

    С нами с:
    20 июл 2009
    Сообщения:
    223
    Симпатии:
    0
    После меню добавляю средствами PHP:
    Код (Text):
    1. <script type="text/javascript" language="JavaScript">
    2. document.getElementById("mainmenu_"+"[thisid]").className = "red";
    3. </script>
    Где заменяю [thisid] на нужный id элемента меню (тоже php).
    Код (Text):
    1. $whatselect->result = str_replace("[thisid]",$thisid,file_get_contents(DOCUMENT_ROOT."/engine/whatselect/script.html"));
    Определяю какое меню светить - тоже средствами php ведь в каталоге могут быть подкаталоги, а светить хочу только parent каталога (ну разные структуры бывают)
    Код (Text):
    1.  $result = mysql_query("SELECT `id`,`parent` FROM `kategorii` WHERE `id` = '$_GET[kategoriya]';", $link);
    2.  $row = mysql_fetch_array($result);
    3.  $parentid = $row['parent'];
    4.  while ($parentid!=="0")
    5.  {
    6.   $result = mysql_query("SELECT `id`,`parent` FROM `kategorii` WHERE `id` = '$parentid';", $link);
    7.   $row = mysql_fetch_array($result);
    8.   $parentid = $row['parent'];
    9.  }
    10. $thisid = $row['id'];