Вы можете получить посещенную ссылку с помощью CSS.Это делается с помощью так называемых псевдоклассов в CSS (больше информации о псевдоклассе здесь )
Так что для CSS вы можете сделать что-то вроде:
a.jeopardyquestion:visited {display: none;}
И затем, если вы хотите показать все вопросы, просто сделайте:
$("a.jeopardyquestion").toggle(true); // to show them
Большое редактирование: не существует надежного способа сделать это только с помощью CSS и JS с псевдоклассами,Похоже, что они собираются полностью отказаться от поддержки свойства :ited из браузеров.В настоящее время Chrome полностью игнорирует стили для посещенных ссылок, кроме свойства color .Даже в этом случае невозможно определить цвет, поскольку Chrome лжет и возвращает цвет ссылки без применения правила :ited .Firefox по-прежнему поддерживает псевдокласс :ited , но, похоже, это тоже скоро будет удалено.
Так что если вы хотите отслеживать ссылки, которые посетил пользователь, вы должны использовать некоторую комбинациюлибо javascript + куки для отслеживания посещенных ссылок, например:
- Пользователь посещает "панель инструментов"
- Кликает ссылку
- Идентификатор вопроса сохраняется (добавляется) в файл cookie (например: «5,12,22,45»);
- Пользователь возвращается на страницу
- Прочитать файл cookie и показать только ссылки, которых нет вcookie.
Или вы можете использовать AJAX для предоставления серверу информации о посещенных вопросах.Таким образом, вы можете достичь еще большей безопасности (и предотвращения читов), отправляя пользователю только те вопросы, которые он должен видеть, и выполняйте все проверки на стороне сервера, например:
- Пользователь выбираетвопрос
- Либо вызов AJAX перед навигацией, либо просто поместите открытый вопрос в сеанс при загрузке страницы вопроса
- Пользователь возвращается на страницу вопроса
- При созданииСтраницу вопросов, прочитайте сеанс и посмотрите, на какие вопросы ответил пользователь, и не отображайте их.