2011-02-23 7 views
15

iframe के अंदर से एक स्क्रिप्ट निष्पादित करके, iframe की ऊंचाई और चौड़ाई का पता लगाने का कोई तरीका है? आईफ्रेम की विभिन्न ऊंचाई/चौड़ाई के अनुसार मुझे आईफ़्रेम में गतिशील रूप से कुछ तत्वों की स्थिति की आवश्यकता है।iframe के अंदर से जावास्क्रिप्ट के साथ iframe की ऊंचाई कैसे प्राप्त करें? एकाधिक iframes वाले पृष्ठों के बारे में क्या?

यदि कोई पृष्ठ में एकाधिक iframes हैं तो क्या कोई अंतर होगा? यानी प्रत्येक आईफ्रेम अपने स्वयं के आयाम ढूंढना चाहता है।

जावास्क्रिप्ट या jquery समाधान का स्वागत है।

धन्यवाद!

<iframe src='http://example.com' width='640' height='480' scrolling='no' frameborder='0' longdesc='http://example.com'></iframe> 

iframes अन्य साइटों पर embeded की है, हो सकता है, और के रूप में नीचे दिए गए उत्तर में से एक ने उल्लेख किया है, मैं अनुमति समस्याओं पहुंच जाते हैं।

उत्तर

6

यदि आपका आइफ्रेम के पृष्ठ और इसके मूल पृष्ठ को विभिन्न डोमेन से परोसा जाता है (जिसका अर्थ है कि आप आईफ्रेम पेज से मूल पृष्ठ के DOM गुणों तक नहीं पहुंच सकते हैं), तो मुझे लगता है कि यह वही है जब आप व्यूपोर्ट ऊंचाई को काम करने का प्रयास कर रहे हैं।

कि लिए, देखें:

या संभवतः इस:

+0

धन्यवाद, यह आयाम की संपत्ति देता है iframe। वास्तव में मुझे इसकी आवश्यकता थी। – VKen

+0

@ वीकेन: आपका बहुत स्वागत है! –

+0

window.innerWidth और window.innerHeight भी एक अच्छा विकल्प होना चाहिए। –

3

प्रत्येक को id मुझे लगता है। और फिर अंदर आप इस तरह इसे संदर्भ होगा:

var thisIframesHeight = window.parent.$("iframe#itsID").height();

+0

हाय, मुझे लगता है कि यह जवाब अच्छा है। क्या आप किसी अन्य तरीके से भी जानते हैं जिसके लिए आईडी-आईएनजी की आवश्यकता नहीं है? – VKen

+0

नहीं, मुझे ऐसा नहीं लगता है, अगर आप '