Как задать стиль вновь появляющемуся объекту?

Question

[lukoie]

На странице есть кнопка, нажатие на которую дает попап в айфрейме.
При открытии формы вне этой дивки есть ссылка.
В стилях прописываю visibility: hidden !important;
Но оно не работает. Если в браузере в инспекторе придать такой стиль - скрывается.
Добавляю в стили. Откываю попап - снова есть ссылка.

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

Answer 1

[iDrugov]

Попап во фрейме?? А зачем так сложно? iframe -- это целый html-документ и стили надо прописывать внутри него. Почему visibility, а не display, например?

Вообще, сделай пример на двух блоках и трёх строках, размести на jsfiddle и отсюда уже будет проще помочь чем-то конкретно.

Comments

[lukoie]

там по апи передается корзина товаров, сделано у НИХ на айфрейме.
То есть по большому счету я не смогу стили прописать в основном документе, чтобы он применялся к айфрейму?

[iDrugov]

lukoie: если речь об изменении стилей, полученных с другой страницы -- скорее всего нельзя (но это не точно).

[lukoie]

iDrugov: говорят что вот так. буду проверять:

var cssLink = document.createElement("link") 
cssLink.href = "file://path/to/style.css"; 
cssLink .rel = "stylesheet"; 
cssLink .type = "text/css"; 
frames['iframe'].document.body.appendChild(cssLink);

or more jqueryish (from Append a stylesheet to an iframe with jQuery):

var $head = $("iframe").contents().find("head");                
$head.append($("<link/>", 
    { rel: "stylesheet", href: "file://path/to/style.css", type: "text/css" }));

Answer 2

[Дмитрий]

Стили для документа внутри айфрейма надо прописывать именно для того документа. Нельзя написать например iframe body .someelem {...}