2012-08-08 21 views
5

यह कोड मुझे पास कर दिया गया था। यह मेरे आईफ्रेम को स्क्रीन की 100% ऊंचाई पर सेट करता है:jQuery समायोजन iframe ऊंचाई

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

मैं जावास्क्रिप्ट में नया हूं। मैं 100% की बजाय 90% ऊंचाई पर सेट करने के लिए इस कोड को कैसे संपादित कर सकता हूं? साथ ही, यह कोड सभी iframes को लक्षित करता है, क्या इसे किसी विशिष्ट आईफ्रेम (इसकी आईडी या NAME मान द्वारा) लक्षित करने का कोई तरीका है? यदि आप चाहें तो आप यहां इस कोड के साथ परेशान हो सकते हैं: http://jsfiddle.net/VurLy/

उत्तर

9

इसे 90% से गुणा करें?

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

आईडी या नाम से लक्षित करने के लिए के रूप में, बस $ बजाय 'iframe' करने के लिए उपयुक्त चयनकर्ता गुजरती हैं।

+0

की तरह ऊंचाई आप कृपया समझा सकते हैं आप के बजाय 'आइफ्रेम' $ करने के लिए उपयुक्त चयनकर्ता के साथ क्या मतलब है? क्या आप एक कामकाजी उदाहरण लिख सकते हैं? ध्यान दें कि मैं कोडिंग के लिए नया हूं ... –

+2

@ हेनरिक पीटरसन: सीएसएस चयनकर्ता को पास करें जो आपके तत्व पर लागू होगा। उदाहरण के लिए, '$ ('# some-element')' तत्व 'तत्व' के 'आईडी' के साथ तत्व का चयन करेगा। – Ryan

+3

@ हेनरिकपेटर्सन यहां जेक्री का दस्तावेज है। (पूर्ण सीएसएस चयनकर्ता नियमों को भी लिंक करें) आईडी पर चयन के लिए http://api.jquery.com/category/selectors/ –

2
jQuery(document).ready(function(){ 
    $('#YOUR_FRAME_ID_HERE').css('height', '90%') 
});​ 
jQuery आप जो elemtents आप कई अलग अलग तरह से चाहते हैं की पहचान कर सकते में
+1

यह काम नहीं किया, मैंने आईफ्रेम की आईडी जोड़ा लेकिन यह आईफ्रेम के लिए कुछ भी नहीं किया। –

+1

मैंने आपके उदाहरण की कोशिश की और यह काम नहीं किया, इसे स्वयं देखकर स्वतंत्र महसूस करें: jsfiddle.net/VurLy/1 –

+0

जब मैं http://jsfiddle.net/VurLy/1/ चला गया, और लिंक पर क्लिक किया, तो उसने लोड किया ऊंचाई के 90% पर iFrame। क्या काम नहीं करता है? – mittmemo

0

, सबसे लोकप्रिय इस $ की तरह, यह $ ('# स्कूप') की तरह आईडी द्वारा या वर्ग से है ('स्कूप।') - अगर वर्ग

स्कूप गया था ताकि तुम कैसे विशिष्ट iFrame आप चाहते हैं, तब तो बदल इस

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

मैंने आपके उदाहरण की कोशिश की और यह काम नहीं किया, इसे स्वयं देखकर स्वतंत्र महसूस करें: http://jsfiddle.net/VurLy/1/ –

+0

आपके पास HTML "शैली = ... ऊंचाई =" 100% "> यह किसी भी सीएसएस –

+0

को ओवरराइड करेगा, आप वास्तव में इसे 9 0% पर सेट कर सकते हैं और jQuery से गतिशील रूप से ऊंचाई को बदलने के लिए वास्तव में अधिक है, न केवल इसे दस्तावेज़ पर सेट करना। –

संबंधित मुद्दे