Как применить правила CSS с локального домена содержания в плавающем фрейме из другого домена

Question

Я убиваю себя в течение последних 2-х дней, пытаясь сделать 2 вещи:

1. Создание IFRAME с содержанием от другой домен, который автоматически изменит размер до длины содержимого в iframe.
2. ~ и, самое главное, применить стили css к содержимому [из внешнего домена] в этом iframe.

Я исследовал материал JQuery, и не нашел «надежную» любви, «frameReady()» плагин, кажется, исчез ... Я не знаю, что делать - или даже если это лучший путь.

So; есть ли лучший и надежный способ добиться этого? У меня есть полный доступ к серверу, поэтому возможен .htaccess/php/cgi - даже включая conf для apache [linux!]. Следует отметить, что одним из фреймов является система бронирования, которая должна передавать данные взад и вперед. [Хорошо технически, так это другая рама ....]

-Благодаря -sean

Answer 1

IFRAME технически другое окно, так что CSS для внешнего окна не может быть применен к HTML в структурированном HTML документ.

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

Система бронирования может называться серверной и повторно обслуживаться на ваших страницах, но это также большая боль, если вы пытаетесь сдержать интерактивность систем бронирования. Я не знаю никаких пакетов, которые вы могли бы использовать, которые сделают это для вас.

Я был бы склонен либо придерживаться IFRAME, либо работать над белой маркировкой системы бронирования, чтобы ее можно было лучше представить, когда внутри IFRAME. Если вы не имеете в виду, что у вас есть полный доступ к серверу системы бронирования, в этом случае вы будете бороться, если система бронирования не предоставит для этого преднамеренный API.

Вы останетесь с повторной записью своего контента и туннелированием интерактивности через ваш сервер, как прокси, или, возможно, похожим на то, что делают skyscanner.net и confused.com.

Answer 2

Вы можете прочитать этот пост, а затем проверить Porthole.js:

http://shouldersofgiants.co.uk/Blog/post/2009/08/17/Another-Cross-Domain-iFrame-Communication-Technique.aspx

Иллюминатор: http://ternarylabs.github.com/porthole/