फेसबुक-ऐप: मैं आकार बदलने योग्य आईफ्रेम एप्लिकेशन की ऊंचाई कैसे बदल सकता हूं?

Question

मैं एक फेसबुक एप्लिकेशन बनाया है और मैं कॉन्फ़िगर किया गया है:

IFrame आकार: आकार बदलने योग्य कैनवास चौड़ाई: 760px (FBML का उपयोग नहीं)

ऐसा लगता है कि कोई बात नहीं मैं कैसे कॉन्फ़िगर मेरी html पृष्ठ, आइफ्रेम ऊंचाई 800px है। मेरे आवेदन को और अधिक की आवश्यकता है, तो मैं बड़ी ऊंचाई के लिए फेसबुक एप्लिकेशन के आईफ्रेम को कैसे कॉन्फ़िगर कर सकता हूं?

धन्यवाद!

Answer 1

अपने कैनवास आकार विकल्प को Resizable Iframe में सेट करना अपने आप को अपनी सामग्री के अनुरूप स्वचालित रूप से कैनवास का आकार बदल नहीं देता है। आपको कुछ अन्य चीजें करना है। पूर्ण निर्देशों के लिए Resizable IFrame विकी पृष्ठ देखें।

आपको मूल रूप से "क्रॉस-डोमेन रिसीवर" (जिसे उनकी उदाहरण फ़ाइल की प्रतिलिपि बनाने और चिपकाने के समान सरल है) के रूप में जाना जाने वाला एक HTML पृष्ठ बनाना है, और उसके बाद अपने सभी एप्लिकेशन के नीचे जावास्क्रिप्ट कोड का एक स्निपेट कॉपी करना होगा पृष्ठों की है। एक बार सामग्री लोड होने के बाद जावास्क्रिप्ट आईफ्रेम का आकार बदल जाएगा।

पिछली बार जब मैंने इसका इस्तेमाल किया था, तो विकी पेज में सुधार हुआ है, इसलिए उम्मीद है कि यह काफी सरल है। यदि आप इसे काम करने में समस्याएं चलाते हैं, तो सुनिश्चित करें कि आपने जावास्क्रिप्ट स्निपेट को उचित रूप से संशोधित किया है ताकि यह आपके क्रॉस-डोमेन रिसीवर पृष्ठ को इंगित कर सके।

जनवरी 2011 अपडेट करें - कुछ टिप्पणियां आ रही हैं, इसलिए मैंने सोचा कि मैं अपडेट करूँगा। मेरा मानना ​​है कि यह उत्तर अभी भी कम या कम सही है, हालांकि दस्तावेज बदल गया है। फेसबुक एफबीएमएल से दूर चला गया है, और अपने जावास्क्रिप्ट एसडीके अपडेट किया है। जावास्क्रिप्ट एसडीके लोड करने की वर्तमान विधि main Javascript SDK page पर पाई गई है, और नीचे वे विधियां हैं जिनका उपयोग आप कैनवास, FB.Canvas.setAutoResize() और FB.Canvas.setSize() का आकार बदलने के लिए कर सकते हैं। आपको अभी भी ऐप की डेवलपर सेटिंग्स में अपने कैनवास को आकार बदलने योग्य सेट करने की आवश्यकता है। ऐसा लगता है कि उन्होंने नए एसडीके के साथ एक क्रॉस-डोमेन फ़ाइल की आवश्यकता को बदल दिया हो सकता है, लेकिन मैंने अभी तक इसका परीक्षण नहीं किया है।

Answer 2

जबकि विकी अब मौजूद नहीं है, मुझे इस पृष्ठ की खोज हुई है और मुझे लगता है कि यह हो सकता है कि Zombat किस बारे में बात कर रहा था।

http://apps.facebook.com/wzhu_public_resize/

Answer 3

फेसबुक ने हाल ही में एक नया "तरल पदार्थ" कैनवास चौड़ाई और ऊंचाई के लिए सेटिंग शुरू की है, इस प्रकार कैनवास आयाम कि सामान्य 760px चौड़ाई http://developers.facebook.com/blog/post/538/ (12 वीं अगस्त 2011) से अधिक सक्षम करने से।

1) फेसबुक आवेदन सेटिंग पृष्ठ पर जाएं:

सेटिंग बदलने के लिए।

2) उन्नत चुनें।

3) तहत कैनवास सेटिंग्स, सेट कैनवास चौड़ाई तरल पदार्थ के लिए। यह एप्लिकेशन को स्क्रीन की लगभग पूरी चौड़ाई लेने की अनुमति देता है।

ऊंचाई के लिए भी ऐसा किया जा सकता है।

अतिरिक्त: अटकलें हैं कि इस गेमिंग के क्षेत्र में गूगल के स्वयं के प्रयासों के जवाब में था http://tutorial-on.blogspot.com/2011/08/facebook-features-new-gaming-canvas-and.html

Answer 4

मैं सिर्फ क्लोज़िंग के ठीक पहले मेरी HTML iframe सामग्री फ़ाइल के अंत पर इस कोड अटक नहीं है और यह काम करता है अब बढ़िया।

<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script> 
    FB.init({ 
    appId : 'YOUR_APP_ID', 
    status : true, // check login status 
    cookie : true, // enable cookies to allow the server to access the session 
    oauth : true // enable OAuth 2.0 
    }); 
    FB.Canvas.setAutoResize(); 
</script> 

जाहिर है, वहाँ में अपने APPID डाल ... :)

Answer 5

FB.Canvas.setAutoGrow()

नोट: इस विधि केवल जब कैनवास ऊंचाई करने के लिए "पर सेट है सक्षम किया गया है ऐप डैशबोर्ड में "800) पीएक्स पर फिक्स्ड"।

एक टाइमर शुरू या बंद करता है जो हर कुछ मिलीसेकंड सामग्री को फिट करने के लिए आपके आईफ्रेम को बढ़ाएगा। डिफ़ॉल्ट टाइमआउट 100ms है।

FB.Canvas.setAutoResize के रूप में जाना जाने वाला प्रयुक्त होता है।

http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoGrow/