с помощью IFrame как страницы наложения динамически

Я добавил следующий IFRAME на страницес помощью IFrame как страницы наложения динамически

<iframe src='http://redbug.redrocksoftware.com.au:80/Pages/chamara.html' style="position:absolute;z-index:1;" ></iframe>

chamara.html страница содержит кнопку, и при нажатии на эту кнопку мне нужно текущую страницу, чтобы скрыть с чрезмерно ,

Обратная связь кнопка внутри фрейма: enter image description here

Когда я нажимаю это мне нужно что-то вроде ниже, чтобы случиться.

enter image description here

Я попытался с IFrame абсолютное позиционирование и Z-индекс, но не мог ничего работать еще.

источник

2015-04-05 chamara

ли IFrame покрывает всю страницу? Накладывает ли наложение кнопки на все iframe? –

@RafaelAlmeida Нет. Это просто iframe, добавленный внутри другой страницы, и мне нужно, чтобы он покрывал всю страницу динамически. – chamara

Обложка всей страницы по умолчанию или только при нажатии кнопки «Обратная связь»? Чтобы по умолчанию покрыть, попробуйте: 'iframe {position: absolute; верх: 0; Слева направо: 0; ширина: 100%; высота: 100%; Z-индекс: 999; } ' –

Ха-ха, наконец-то закончил демо! : P

Ну, пойдем. Если вам нужна крышка iframe на всей странице только при запуске его кнопки, вы можете использовать jQuery для обработки события click. Вам нужно использовать contents(), чтобы получить содержимое iframe, а затем find(), чтобы получить нужный элемент. В основном это:

$("#iframe").contents().find("#iframe_button").click(function() { 
    // Button fired! 
})

К IFRAME охватывает всю страницу, которую я написал этот класс CSS:

.iframe_cover { 
    position:absolute; 
    top:0; 
    left:0; 
    width:100% !important; 
    height:100% !important; 
    border:0; 
}

Итак, когда кнопка выстрела IFrame будет иметь этот класс. Смотри:

$("#iframe").contents().find("#iframe_button").click(function() { 
    $("#iframe").addClass("iframe_cover"); 
})

Демо: http://rafaelalmeida.net78.net/exemplos/soen/29454285-iframe-button/

источник

2015-04-05 05:54:32

Спасибо за помощь другу. – chamara

Добро пожаловать :) –

с помощью IFrame как страницы наложения динамически

ответ

Смежные вопросы