Member 13059223 Ответов: 1

Как связать ссылку выпадающего меню с одной вкладкой (в меню с несколькими вкладками)?


привет...

[не уверен, как разместить фактический код, так как я не знаю, сколько из него использовать, но...]

Я работаю над веб-сайтом для своего местного района NA. На домашней странице Я начал создавать зависающие выпадающие меню, различные кнопки которых я знаю, как связать с другой страницей на этом сайте...достаточно легко.

Но эта другая страница содержит несколько вкладок меню ссылок; & то, что я хочу иметь возможность do...is чтобы связать отдельные кнопки на этой домашней странице, выпадающий список menu...to содержимое отдельной вкладки на другой (связанной) странице.

В качестве примера ... пожалуйста, перейдите на домашнюю страницу проекта на моем тестовом сервере: www.moonjams.net/BurlCoNA-II.htm

В заголовке наведите курсор на ссылку "встречи" и выберите воскресенье.

Так как мне удалось связать только всю страницу (meetings.htm)...отображается все содержимое.

Что я хочу сделать, так это иметь эту воскресную кнопку (из списка "встречи" на главной странице)...откройте только воскресный контент на этой странице связанных собраний, как если бы была выбрана только вкладка "воскресенье" ...(и в то же время все остальные вкладки для других дней также должны быть доступны для навигации)

Можно ли это сделать?..??

Конечно, был бы признателен за любую проницательность...thanx заранее,

Марк F

Что я уже пробовал:

все, что я могу придумать, с моими ограниченными способностями к кодированию

1 Ответов

Рейтинг:
1

Karthik_Mahalingam

попробовать это
в BurlCoNA-II.htm страница, добавьте строку запроса к каждой ссылке

<div class="dropdown-content">
                <a href="meetings.htm?day=sunday">SUNDAY</a>
                <a href="meetings.htm?day=monday">MONDAY</a>
                <a href="meetings.htm?day=tuesday">TUESDAY</a>
                <a href="meetings.htm?day=wednesday">WEDNESDAY</a>
                <a href="meetings.htm?day=thursday">THURSDAY</a>
                <a href="meetings.htm?day=friday">FRIDAY</a>
                <a href="meetings.htm?day=saturday">SATURDAY</a>
            </div>


В Meetings страница, добавьте ниже
<script>
        function getParameterByName(name) {
            var url = window.location.href;
            name = name.replace(/[\[\]]/g, "\\$&");
            var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
                results = regex.exec(url);
            if (!results) return null;
            if (!results[2]) return '';
            return decodeURIComponent(results[2].replace(/\+/g, " "));
        }
        document.addEventListener("DOMContentLoaded", function () {
            var day = getParameterByName('day');
            var tabButtons = document.getElementsByTagName('button');
            for (var i = 0; i < tabButtons.length; i++) {
                var button = tabButtons[i];
                if (button.innerText.toLowerCase() == day) {
                    button.click();
                    break;
                }
            }
        });
    </script>


относиться : Строка запроса-Википедия[^]
onLoad и onDOMContentLoaded / учебник по JavaScript[^]
url-как я могу получить значения строки запроса в JavaScript? - переполнение стека[^]
Метод HTML DOM getElementsByTagName() [^]