Подсветка ссылок.

Тема в разделе "JavaScript", создана пользователем Runapa, 31 янв 2012.

Модераторы: ZiX
  1. Runapa

    Runapa Постоялец

    Регистр.:
    30 окт 2010
    Сообщения:
    63
    Симпатии:
    5
    Вобщем ситуация такая. Надо реализовать подсветку активных ссылок. Само меню берётся из бд:

    PHP:
    if ($_SESSION['lang'] == 'rus')
            {
                while (
    $row mysql_fetch_assoc($links))
                {
    if(
    $row['title_rus'] == '') continue;
        
    $table .="<a class='link' href='index.php?p=".$row['page_name']."&lang=".$_SESSION['lang']."'>".$row["title_rus"]."</a>";
                }
            echo 
    $table;
            }
    Потом вот этот код подсвечивает ссылки:

    Код:
    <script type="text/javascript">
        $(document).ready(function () {
            var url = document.location.toString();
            $("a.link").filter(function () {
                return url.indexOf(this.href) != -1;
            }).addClass("current_link");
        });
    </script>
    Трудность в том, что он почему то не подсвечивает кнопку Главная при первом заходе на сайт, и при переходе на index.php без параметров.

    Сама главная страница берётся из бд.

    Помогите плиз.
     
  2. pitkina

    pitkina

    Регистр.:
    1 апр 2007
    Сообщения:
    253
    Симпатии:
    176
    Код:
    return url.indexOf(this.href) != -1;
    // заменить
    if($(this).prop("href")==url || !(/p=/.test(location.search+this.href))) return true;
    "p=" - отличие страниц от индекса
     
  3. Runapa

    Runapa Постоялец

    Регистр.:
    30 окт 2010
    Сообщения:
    63
    Симпатии:
    5
    Что-то не заработало.
     
  4. pitkina

    pitkina

    Регистр.:
    1 апр 2007
    Сообщения:
    253
    Симпатии:
    176
    Код:
    if((url.indexOf(this.href)!=-1 && this.href.indexOf('p=')!=-1) || !(/p=/.test(location.search+this.href))) return true;
    так как вариант. в любом случае нужен полный код
    да, и ссылки должны быть:

    HTML:
    <a class='link' href='/'>Главная</a>
    <a class='link' href='index.php'>Главная</a>
    <a class='link' href='/index.php'>Главная</a>
     
    <a class='link' href='index.php?p=127&lang=ru'>page 1</a>
    <a class='link' href='index.php?p=128&lang=en'>page 2</a>