iframe другого домена, как модальное окно

Вводные:
Есть сайт S и множесво сайтов Cn. Домены Сn - разные.
на сайт Cn добавляю кнопку "open" , также подгружается iframe со стилем display:none; opacity:0.
После нажатия на "open" меняем стили нашего iframe на display:block; opacity:1.
iframe становится видимым. в нутри iframe находится кнопка "close".
Задача: по нажатию "close". нужно остановить для iframe display:none; opacity:0.

1 ответов


для iframe способ:

parent.top.$('#myiframe').css({"display", "none"}, {"opacity","0"});
демо:http://local.bloged.org/demo_colorbox/

для popup окон есть такой способ:

на кнопку close повесьте обработчик:

if(window.opener) {

   //Определяем окно-родитель
  var w = window.opener;

  //Передаем данные из массива всплывающего окна в поля ввода окна родителя
 w.$('#myiframe').css({"display", "none"}, {"opacity","0"});

}

Для разных доменов надо использовать или CORS, или PostMessadge