2016-10-31 7 views
0

私は、特定の大統領選挙投票を1つの場所に表示する個人用サイトを作成しようとしています。私はiframeを使ってこれを行うことができると思って、望ましくない部分にdisplay: noneを追加するだけで、iframeの外部CSSスタイルを上書きすることはできないように見えます。他のウェブページのコンテンツをdivに読み込んでスタイリングを追加する

私はこれをどのように達成するかもしれないかに関する提案はありますか?私はnokogiriとAJAXを見てきましたが、まだ成功していません。 nokogiriを使って私はサイトから情報を引き出すことができましたが、実際にHTML上に表示する方法はわかりません。ここで

答えて

0

は@kabriceごとに、行うことができない - 実際には、IFRAMEは、HTML要素とW3C(w3.org/TR/html-markup/iframe.html)によって定義された正式の仕様です。 W3Cのドキュメントでは、iframeはブラウザのようにネストされたブラウジングコンテキスト(w3.org/TR/html51/browsers.html)であることがわかります。そして今、私は、ブラウザーがWebコンテンツを部分的に表示するのを見たことはありません。彼らが望んでいないからではなく、できないからです。 W3Cによって定義された標準の一種であるブラウジングコンテキスト(Webブラウザ、iframe ...)は、Webページの全内容を表示する必要があります

1

はiframeタグである:

<iframe src="jsfiddle.com" ></iframe> 

私はそれにこのCSSルールを使用:

iframe{ 
border: 0px; 
width: 100%; 
height: 100%; 

} 

iframeの内容が変化するように思われる場合、あなただけの、jQueryを使って直接、高さを管理することができますこのように:

$(document).ready(function() { 
iframe.height = iframe.contentWindow.document.body.scrollHeight+10; 
}); 

すべてうまくいく!

注:

あなたは幅とあなたの必要性に応じて高さ(でもiframe.height)(口座へのiframeのタグの親を取る)を調整することができます。しかし、境界線を隠したいだけなら、CSS内の境界ルールで十分です。

https://jsfiddle.net/edgarkamdem/6n2k4m3e/3/

+0

ありがとうございました!私が実際に探しているのは、iframe内の特定の要素(または別のメソッドを使用する場合は他のコンテナ)をターゲットに設定できることです。どのように私はそれを行うことができるかについての任意の考えですか? – thesowismine

+1

ああ!はい、私は見ることができません!実際、iframeはhtml要素であり、W3C(https://www.w3.org/TR/html-markup/iframe.html)によって定義された形式化された仕様です。 W3Cのドキュメントでは、iframeがブラウザのようにネストされたブラウジングコンテキスト(https://www.w3.org/TR/html51/browsers.html)であることがわかります。そして今、私は、ブラウザーがWebコンテンツを部分的に表示するのを見たことはありません。彼らが望んでいないからではなく、できないからです。 W3Cによって定義された標準の一種であるブラウジングコンテキスト(Webブラウザ、iframe ...)は、Webページの全内容を表示する必要があります。 – kabrice

関連する問題