Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.05.2016, 20:46
Интересующийся
Отправить личное сообщение для varde Посмотреть профиль Найти все сообщения от varde
 
Регистрация: 01.11.2012
Сообщений: 13

Document.write не работают правила css стилей
Вечер добрый . В javascript профан. Прошу помощи. Проблемка такая, по нажатии на кнопку вывожу переменную
var embed = '<div style="display:block;overflow:hidden;overflow-x:hidden;overflow-y:hidden;width:100%;height:100%"><iframe frameborder="0" scrolling="no" src="http://site.com" height="100%" width="100%"></iframe></div>';
document.write(embed);

Все работает, но проблема такая с верху у меня менюшка, с position absolute, iframe ее перекрывает. Любые попытки задать в style iframe position, z-index ничего не дают.
Ответить с цитированием
  #2 (permalink)  
Старый 29.05.2016, 08:32
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

varde,
iframe вложен в div - задавайте стили в нем (в div)
Ответить с цитированием
  #3 (permalink)  
Старый 29.05.2016, 10:21
Интересующийся
Отправить личное сообщение для varde Посмотреть профиль Найти все сообщения от varde
 
Регистрация: 01.11.2012
Сообщений: 13

Так в том то и дело, что там и задаю. Ничего не помогает. Iframe Как будто открывается в новом окне на пустой странице. Я ставил ширину и высоту 70 процентов для iframe и видно, что не одного моего div блока нет, только iframe окно. Если не вешать на кнопку то все в порядке
<script type="text/javascript">
var embed = '<div style="display:block;overflow:hidden;overflow-x:hidden;overflow-y:hidden;width:100%;height:100%"><iframe frameborder="0" scrolling="no" src="http://site.com" height="100%" width="100%"></iframe></div>';
document.write(embed);
</script>

Если же вызывать по нажатию на кнопку, то тоько iframe. Почему так, где причина? Спасибо.
Ответить с цитированием
  #4 (permalink)  
Старый 29.05.2016, 13:18
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

varde,
document.write перезаписывает документ.
Используйте createElement и appendChild
Ответить с цитированием
  #5 (permalink)  
Старый 29.05.2016, 20:41
Интересующийся
Отправить личное сообщение для varde Посмотреть профиль Найти все сообщения от varde
 
Регистрация: 01.11.2012
Сообщений: 13

Сообщение от Dilettante_Pro Посмотреть сообщение
varde,
document.write перезаписывает документ.
Используйте createElement и appendChild

Спасибо. Разобрался. Все работает.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение css стилей в зависимости от количества элементов spaiker2009 Элементы интерфейса 1 30.09.2015 23:23
помогите реализовать идею меню zedsergei Элементы интерфейса 1 16.01.2014 21:26
Смена css стилей stvord Элементы интерфейса 5 03.09.2011 21:10
onResize IFRAME vah-smile Элементы интерфейса 8 04.11.2009 17:07
Ремонт часов)) SunYang Общие вопросы Javascript 7 07.08.2008 12:18