0

このスレッドを開いたのは、ここや他の場所で見つけた多くのメソッドを試し、jQueryを使用してカスタムスタイルシートをiframeに挿入したのですが、どれも機能しませんでした。そして今、私は立ち往生しています。私はどんな提案も受け付けています。他に解決策がある場合は、jQueryでそれを行う必要はありません。

これは私が今持っているものです：

<!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でエンコードされた現在のURLであり、$ this-> titleは現在のページタイトルです。ご覧のとおり、私のドキュメントタイプはhtml5ですが、iframeのSRCはXHTMLトランジショナルです。

実際、iframeは、テストしたい場合は元の動作コードです。$ urlをサイトのURLに置き換え、$this->titleをサイトのタイトルに置き換えてください。

4

2 に答える 2

2

現在のページもiwiw.huからのものでない限り、それを行うことはできません。クロスドメインの制限があり<iframe>ます。ドメイン外にある場合は、作成した出力に触れることはできません。

于 2012-09-15T16:51:33.683 に答える
0

ここでいくつかの答えがあります...iframeドメインがメインページから延期されない限り。

CSSをiframeに適用する方法は？

于 2012-09-15T16:57:04.037 に答える