Javascript меняет цвет при нажатии и сохраняет тот же цвет

Question

В настоящее время у меня есть следующий код:

<li><a href="index.php" id="1" onclick="document.getElementById('1').style.background = '#8B4513';">Weblog</a></li>

Это меняет цвет, но поскольку он открывает index.php, цвет не останется того же цвета.Он возвращается к исходному цвету.

Как мне сохранить его в том же цвете, на другой странице?

Спасибо

Answer 1

Из представленного кода выглядит, как будто вы пытаетесь стилизовать элемент после того, как пользователь нажал на ссылку.

Javascript здесь не нужен. Я бы просто использовал псевдокласс: visit css для стилизации элемента.

Например;

a:visited { text-decoration: line-through; }

Answer 2

Javascript - это клиентская часть, что означает, что любые сделанные изменения происходят каким-либо образом на экране пользователя.

PHP - это серверная часть.Вы отправляете запрос на сервер, он обрабатывает запрос и отображает вывод.

Если вы хотите выделить текущую веб-страницу, это не способ сделать это.

Я быПредлагаем добавить строку PHP для каждого файла в li a -листе.Например:

<?php if ($URL == 'index.php') echo 'class="selected"'; ?>

И используя CSS, чтобы сделать ссылку с выбранным красным классом.

Answer 3

Для начала ID не может начинаться с цифры.

Вы должны поймать выбранную страницу на стороне сервера и дать ей класс, подобный выбранному, и использовать CSS, чтобы сделать что-то вроде:

li.selected a
{
    background: #8B4513;
}

Если вы не знаете, как установитьВыделенная страница с PHP, прочитайте эту статью: http://darkstar -media.blogspot.com / 2009/04 / css-page-selected-with-php.html