Какой метод использовать для того, чтобы по нажатию кнопок открывать новое окно внутри окна, на котором расположены кнопки?

у меня есть секция "задания" на странице. В этом окне есть 3 кнопки:

Какой метод использовать для того, чтобы по нажатию кнопок открывать новое окно внутри окна, на котором расположены кнопки?

По нажатию на кнопку появляется новое окно, которое содержит само задание (поле, в котором выводится рандомно значение от 1 до 1 111 111 111), кнопку "назад" и кнопку "показать следующее задание":

Какой метод использовать для того, чтобы по нажатию кнопок открывать новое окно внутри окна, на котором расположены кнопки?

Как это можно реализовать? Каким способом/методом создавать эти "окна" и переключаться между ними при помощи кнопок?

Дополнительно:

На вопрос «как сделать» отвечает документация и поиск в интернет.

Тут отвечают на вопросы «почему я сделал вот так, а оно не работает. Поискал в интернет, вот запросы, в ответах не нашел. Что я делаю не так?»

Покажите, как вы пробовали решить проблему, приведите код попытки (пусть неудачной), опишите, как запускали, что ожидали и что получилось.
За готовыми решениями - на фриланс. В текущем виде это не вопрос, а задание. Нарушен п.5.12 Регламента.


+ Заказать

 

Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

 

    • Какой метод использовать для того, чтобы по нажатию кнопок открывать новое окно внутри окна, на котором расположены кнопки?Есть ответ
    • 07.04.2024
    Ответить

    Для того чтобы по нажатию кнопок открывать новое окно внутри текущего окна, на котором расположены кнопки, можно использовать 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 кода на страницу, при нажатии на любую кнопку будет открываться новое окно внутри текущего окна.

Оставить комментарий