2012-08-08 19 views
5

このコードは私に渡されました。jQuery iframeの高さを調整する

jQuery(document).ready(function(){var height = $(window).height(); 
      $('iframe').css('height', height) 
     }); 

私はJavaScriptに新しいです:それは、画面の100%の高さに設定私のiframeを作ります。このコードを編集して、100%ではなく90%の高さに設定するにはどうすればよいですか?また、このコードはすべてのiframeをターゲットにしていますが、IDまたはNAMEの値で特定のiframeをターゲットにする方法はありますか?あなたが望むなら、このコードをここで弄ぶことができます:http://jsfiddle.net/VurLy/

答えて

9

これを90%掛けますか? IDまたは名前で標的として

jQuery(document).ready(function() { 
    var height = $(window).height(); 
    $('iframe').css('height', height * 0.9 | 0); 
}); 

、ちょうど$代わりの'iframe'に適切な選択を渡します。あなたは多くの異なった方法をしたいelemtentsかを識別することができますjqueryの中

+0

のように高さを変更され、あなたは$の代わりに、「IFRAME」に該当するセレクタで何を意味するかを説明していただけますか?実例を書くことができますか?私はコーディングの初心者です... –

+2

@HenrikPetterson:あなたの要素に当てはまるCSSセレクタを渡してください。例えば、 '$( '#some-element')'は 'some-element'の' id'で要素を選択します。 – Ryan

+3

@HenrikPettersonここにJqueryのドキュメントがあります。 (id:$( '#scoop')で選択するためのhttp://api.jquery.com/category/selectors/ –

2
jQuery(document).ready(function(){ 
    $('#YOUR_FRAME_ID_HERE').css('height', '90%') 
});​ 
+1

これはうまくいかず、iframeのIDを追加しましたが、iframeには何もしませんでした。 –

+1

私はあなたの例を試してみましたが、うまくいきませんでした。あなた自身を見て自由に感じてください:jsfiddle.net/VurLy/1 –

+0

http://jsfiddle.net/VurLy/1/を実行してリンクをクリックすると、 iFrameは高さの90%です。何がうまくいかない? – mittmemo

0

、最も人気のあるこの$のように、この$(「#スクープ」)のようなIDまたはクラスである(「スクープ。」) - の場合クラスがスクープ

だったので、それはあなたが欲しい、特定のiFrameを識別する方法は、この

jQuery(document).ready(function() { 
    var height = $(window).height(); 
    $('#scoop').css('height', '90%'); 
}); 
+0

私はあなたの例を試してみましたが、うまくいきませんでした。自分自身で自由に見てください:http://jsfiddle.net/VurLy/1/ –

+0

HTMLの "height =" height = "100% ">これはどのCSSでもオーバーライドされます –

+0

実際には90%に設定してjQueryが実際にdocument.readyに設定するのではなく、動的に高さを変更するのを避けるようにします –

関連する問題