2012-09-15 2 views
0

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

это то, что я сейчас:

<!doctype html> 
<html lang="hu"> 
<head> 
<meta charset="utf-8"> 
<title><?php echo $this->title; ?></title> 
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> 
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script> 
<script src="js/mootools-more.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function($) { 
    $('#iwiw').load(function(){ 
    $('#iwiw').contents().find('head').append('<link href="css/iwiw.css" rel="stylesheet" type="text/css" />'); 
    }); 
}); 
</script> 
</head> 
<body> 
<header><!-- content --></header> 
<div id="container"> 
    <div id="left"> 
    <iframe id="iwiw" src="http://iwiw.hu/like.jsp?u=<?php echo $url; ?>&title=<?php echo str_replace('+', '%20', urlencode($this->title)); ?>&t=tetszik&s=white" width="220px" height="120px" style="border: none;" scrolling="no" frameBorder="0"></iframe> 
    </div> 
    <div id="right"><!-- content --></div> 
</div> 
<footer><!-- content --></footer> 
</body> 

в коде $ URL адрес текущего кодируется с UrlEncode и $ this-> название текущей заголовок страницы и как вы можете видеть, что мой тип документа html5, и вы не видите, что SRC iframe является XHTML-переходным.

На самом деле iframe является исходным рабочим кодом, если вы хотите его протестировать, просто замените $ url URL-адресом вашего сайта и заголовком $ this-> с названием вашего сайта.

ответ

2

Вы не можете этого сделать, если текущая страница также не из iwiw.hu. Существует cross-domain limitation, вы не можете коснуться вывода внутри созданного вами , если он находится вне вашего домена.

+0

Infact вы можете использовать другой домен, если вы контролируете собственный его, путем размещения сообщений между доменами. –

+0

О, спасибо. Я не рассматривал кросс-доменные ограничения. Чем я думаю, я возьму ссылку на ссылку из iframe и просто создаю для нее кнопку/ссылку без iframe. Еще раз спасибо. –

0

Некоторые ответы здесь ... если домен iframe не находится на главной странице.

How to apply CSS to iframe?

+0

К сожалению, у меня нет источника, и домен отличается тем, что это не сработает. Но спасибо. –

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