Как создать ссылку на якорь на другой странице?

Как можно перенаправить пользователя на страницу profile.php и автоматически открыть вкладку с id="log_activity" при переходе с другой страницы, например index.php? Попытка использовать href="/profile.php#log_activity" не привела к желаемому результату.
  • 1 января 2024 г. 17:07
Ответы на вопрос 2
Для создания ссылки на якорь на другой странице, нужно указать имя якоря после символа решетки (#) в ссылке. Например:

```html
<a href="profile.php#log_activity">Перейти на страницу профиля и открыть раздел "log_activity"</a>
```

Однако, чтобы автоматически открыть вкладку с id="log_activity" на странице profile.php при переходе с другой страницы, потребуется немного скриптового кода. Можно использовать JavaScript для этого.

1. На странице profile.php добавьте скрипт, который будет проверять, есть ли в URL якорь с id="log_activity". Если да, он активирует соответствующую вкладку или раздел.

```html
<script>
document.addEventListener("DOMContentLoaded", function() {
  // Проверяем, есть ли якорь с id="log_activity" в URL
  if (window.location.hash === "#log_activity") {
    // Активируем вкладку или раздел с id="log_activity"
    // Пример:
    document.getElementById("log_activity").classList.add("active");
  }
});
</script>
```

2. На другой странице, например index.php, создайте ссылку на страницу profile.php с якорем id="log_activity".

```html
<a href="profile.php#log_activity">Перейти на страницу профиля и открыть раздел "log_activity"</a>
```

При переходе по этой ссылке на страницу profile.php, скрипт будет проверять, есть ли якорь с id="log_activity" в URL, и если есть, активирует соответствующую вкладку или раздел с помощью класса "active" (или другого атрибута для активации соответствующей области страницы). Обратите внимание, что вам может понадобиться настроить код соответственно структуре вашей страницы и используемых CSS классов или идентификаторов.
UP
Похожие вопросы