Создайте окно html в другом окне html

Question

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

Answer 1

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

Answer 2

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

window.open(); 

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

Пример:

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

Ссылка: here