Как вызвать событие onclick по ссылке с другой страницы?
Всем привет! Подскажите пожалуйста как реализовать следующий функционал?
на главной странице есть 3 ссылки, которые ведут на другую страницу на которой 3 кнопки с событием onclick, которые переключают 3 блока (display = block/none) при нажатии. Как сделать чтобы эти блоки переключались по клику с главной страницы. Например посетитель на главной странице нажимает 2-ую ссылку которая открывает внутреннюю страницу и автоматически загружает display = block у второго Блока? если с главной странице идет клик по 1-ой ссылке, то при загрузке внутренней страницы автоматически display = block у 1-го блока. и так для каждого блока на внутренней странице. Заранее благодарен. |
В самой ссылке можно передать информацию о том какой блок активировать...
По окончании загрузки - узнать эту информацию и активировать нужный элемент. |
как
|
Можно дописать к ссылке некую переменную... Или некий хеш...
|
межете пример привести как в ссылку вставить переменную
|
let url = 'https://my-site/home' url = url + '?tab=1' alert(url) |
и как этот пример может решить вопрос который я задавал? на главной странице 3 ссылки которые ведут на 1 внутреннюю страницу.. на внутренней странице 3 скрытых блока.. как сделать чтобы при клики на ссылка на главной странице загружалась внутренняя страница и стиль у блока менялся display = block у того блока номер которого соответствует номеру ссылке которая на главной странице?
|
Migor,
на странице с блоками проверяешь чему равен tab и открываешь блок равный tab |
разобрался... Спасибо!
|
URLSearchParams open block
Migor,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.item {
display: none;
}
.item.open {
display: block;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
let url = new URL('https://my-site/home?tab=2'); //let url = new URL(location);
let index = new URLSearchParams(url.search).get('tab') || 0;
let elems = document.querySelectorAll(".item");
elems[index].classList.add("open")
})
</script>
</head>
<body>
<div class="item">0</div>
<div class="item">1</div>
<div class="item">2</div>
</body>
</html>
|
у меня вышло кода больше, но суть я понял. Всем спасибо!
|
| Часовой пояс GMT +3, время: 10:53. |