Создать HTML-окно в другом HTML-окне

Question

Создать HTML-окно в другом HTML-окне

0

В настоящее время у меня есть страница с несколькими кнопками. Когда я нажимаю на кнопку, я хочу открыть новую html-страницу на родительской странице. Я хочу сделать это таким образом, чтобы родительское окно стало прозрачным, а новая страница над ним. Как я могу это сделать? Я попытался использовать iframes, но это не дает мне результат, который я хочу.

user3359953 30 дек. 2015, в 04:11

Источник

0

Используйте window.open () или window.showModalDialog встроенными способами. Лично я предпочитаю использовать диалог jquery.ui, потому что он не подвержен всплывающим окнам
Bindrid 30 дек. 2015, в 02:33

Теги:

javascript

jquery

html

angularjs

2 ответа

0

В Javascript вы считаете, что используете следующее?

window.open();

Этот вызов, как представляется, принимает параметры для позиции и размера, вы также можете закрыть предыдущее окно, если хотите, или манипулировать им.

Пример:

window.open('this.html','','left=15,top=15,width=800,height=600');

Ссылка: здесь

James Kirsch 30 дек. 2015, в 00:25

Ещё вопросы

Используйте window.open () или window.showModalDialog встроенными способами. Лично я предпочитаю использовать диалог jquery.ui, потому что он не подвержен всплывающим окнам

Mark Manning · Accepted Answer · 2015-12-30T01-51-00.000Z

Джеймс Кирш дал вам один способ сделать это. Другой - иметь скрытый DIV, который вы показываете, когда вам это нужно. В обоих случаях вам может понадобиться разместить полупрозрачный GIF-образ за DIV (или открытым окном), чтобы кто-то не мог ничего сделать с остальной частью веб-страницы, пока они не закончили взаимодействие с новым окном. Вы можете сделать это, используя команду z-index CSS. Таким образом, DIV будет:

<DIV style='z-index:100;'>....</DIV>

и изображение будет чем-то вроде

<img src="PUT YOUR PATH HERE" style='position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:50;'>

Это помещало бы изображение GIF на полпути между веб-страницей и DIV.

Вышеупомянутое - это то, что происходит, когда вы идете на веб-сайт, и они затушевывают все за новым окном. Это также заставляет людей не нажимать на кнопки, когда вы не хотите, чтобы они это делали.

IFRAME означает нечто вроде INSERTED_FRAME, где часть "INSERTED" означает, что она вставлена на вашу ранее существующую веб-страницу. Вот почему это не работает. Команда FRAME также не работает, потому что (опять же) она встроена в уже существующую веб-страницу. Вы хотите заложить новое окно поверх веб-страницы. Таким образом, ответ Кирша и мой собственный. Обратите внимание, что вы также можете использовать команду TABLE для выполнения того же самого действия, даже если на нее нахмурилось использование таблиц. Это часть STYLE команды, которая заставляет элемент HTML отображаться над остальной частью веб-страницы, а не какую-либо определенную команду HTML. Кроме того, "позиция: абсолютная" часть команды STYLE - это то, что переопределяет позиционирование веб-страницы элемента. Повеселись!