Какой метод использовать для того, чтобы по нажатию кнопок открывать новое окно внутри окна, на котором расположены кнопки?
у меня есть секция "задания" на странице. В этом окне есть 3 кнопки:
По нажатию на кнопку появляется новое окно, которое содержит само задание (поле, в котором выводится рандомно значение от 1 до 1 111 111 111), кнопку "назад" и кнопку "показать следующее задание":
Как это можно реализовать? Каким способом/методом создавать эти "окна" и переключаться между ними при помощи кнопок?
Дополнительно:
На вопрос «как сделать» отвечает документация и поиск в интернет.
Тут отвечают на вопросы «почему я сделал вот так, а оно не работает. Поискал в интернет, вот запросы, в ответах не нашел. Что я делаю не так?»
Покажите, как вы пробовали решить проблему, приведите код попытки (пусть неудачной), опишите, как запускали, что ожидали и что получилось.
За готовыми решениями - на фриланс. В текущем виде это не вопрос, а задание. Нарушен п.5.12 Регламента.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы по нажатию кнопок открывать новое окно внутри текущего окна, на котором расположены кнопки, можно использовать JavaScript. Для этого мы можем использовать метод window.open().
Пример кода на JavaScript:
// Функция для открытия нового окна function openNewWindow() { // URL, который будет открываться в новом окне var url = 'https://www.example.com'; // Опции для нового окна var options = 'width=800, height=600, top=100, left=100, resizable=yes, scrollbars=yes'; // Открытие нового окна window.open(url, '_blank', options); } // Получаем все кнопки на странице var buttons = document.querySelectorAll('button'); // Добавляем обработчик события на каждую кнопку buttons.forEach(function(button) { button.addEventListener('click', openNewWindow); });
В этом примере мы создаем функцию openNewWindow(), которая открывает новое окно с указанным URL и опциями при нажатии на любую кнопку на странице. Мы также получаем все кнопки на странице и добавляем обработчик события на каждую из них, чтобы при клике на кнопку вызывалась функция открытия нового окна.
Таким образом, после добавления этого JavaScript кода на страницу, при нажатии на любую кнопку будет открываться новое окно внутри текущего окна.