jQuery adjusting iframe height

Question

This code was passed to me. It makes my iframe set to 100% height of the screen:

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

I am new to javascript. How can I edit this code to make it set to 90% height rather than 100%? Also, this code targets all iframes, is there any way to make it target a specific iframe (by its ID or NAME value)? You can fiddle with this code here if you wish: http://jsfiddle.net/VurLy/

Answer 1

in jquery you can identify which elemtents you want many different way , most popular is by the id like this $('#scoop') or by class , like this $('.scoop') - if the class was scoop

so that is how you identify the specific iFrame you want , then change the height like this

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

Answer 2

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

Answer 3

Multiply it by 90%?

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

As for targeting by ID or name, just pass the appropriate selector to $ instead of 'iframe'.