एक iframe में दोस्त-चयनकर्ता: मैं फेसबुक के अमेरिकन प्लान का उपयोग कर सकते हैं?

वोट
21

मैं फेसबुक के उपयोग करने के लिए कोशिश कर रहा हूँ fb:friend-selectorFBML टैग, लेकिन अपने आवेदन एक iframe में चल रहा है। यह एक iframe में इस टैग का उपयोग करना संभव है? यदि ऐसा है तो किसी को भी किसी भी उदाहरण है?

04/05/2009 को 15:47
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


4 जवाब

वोट
16

हाँ, यह निश्चित रूप से संभव है, लेकिन आप का उपयोग करने के लिए है फेसबुक कनेक्ट और XFBML । विशेष रूप से, आप उपयोग करना चाहते serverfbml: अमेरिकन प्लान टैग अमेरिकन प्लान प्राप्त करने के लिए: दोस्त-चयनकर्ता काम कर रहे। मैं जिससे मैं और यह सब अमेरिकन प्लान का उपयोग एक iframe अनुप्रयोग है: मानक में दोस्त-चयनकर्ता संदर्भ "को अपने ऐप्लिकेशन पर दोस्तों को आमंत्रित", और यह बहुत अच्छा काम करता है।

यहाँ मेरी टेम्पलेट फ़ाइल है, जो मेरी iframe के शरीर के अंदर उत्पादन हो जाता है का मुख्य भाग है:

<fb:serverfbml style="width: 650px;"> 
<script type="text/fbml">
    <fb:fbml> 
        <fb:request-form
            action="http://example.com/invite/sent"
            method="POST"
            invite="true"
            type="My App"
            content="Try out my app!
                <fb:req-choice url='http://your-facebook-canvas-url'
                label='<?php echo htmlspecialchars("Accept button text",ENT_QUOTES); ?>'
                /> 
            " > 
            <fb:multi-friend-selector
                showborder="false"
                actiontext="Invite your friends to try My App."
                exclude_ids="<?php echo $excludeIds; ?>"
                rows="3"
            /> 
        </fb:request-form> 
    </fb:fbml>
</script> 
</fb:serverfbml>

serverfbml सामग्री: पेज के पाद लेख में, मैं मानक फेसबुक कनेक्ट कोड है, जो लोड और अमेरिकन प्लान प्रस्तुत करना होगा:

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<script type="text/javascript">
    FB_RequireFeatures(
        ["CanvasUtil"],
        function(){
             FB.XdComm.Server.init('/xd_receiver.html');
             FB.CanvasClient.startTimerToSizeToContent();
        }
    );
</script>

<script type="text/javascript">
    FB_RequireFeatures(["XFBML"], function(){ FB.Facebook.init("Your Facebook API Key", "/xd_receiver.html"); });   
</script>

यही कारण है कि आप सभी की जरूरत किया जाना चाहिए (अपने खुद के विकल्प जहां लागू ज़ाहिर है, को भरने में)। आप एक क्रॉस-डोमेन रिसीवर फ़ाइल के साथ कार्य करने के लिए फेसबुक कनेक्ट स्थापित करने के लिए होगा। मैं अनुसरण करने का सुझाव प्रतिपादन XFBML चरणों

04/05/2009 को 20:10
का स्रोत उपयोगकर्ता

वोट
3

कि जब से iframe के भीतर दोस्त-चयनकर्ता के बारे में सवालों की एक बहुत हैं।

दोस्तों सही sintax अब है <fb:serverfbml width="650px">

29/07/2010 को 01:39
का स्रोत उपयोगकर्ता

वोट
9

इस सूत्र में सवाल अभी भी प्रासंगिक है, लेकिन इस सवाल का जवाब पुराना हो चुका है। आप नए जावास्क्रिप्ट एसडीके का उपयोग करना चाहिए। यह दूसरा कोड स्निपेट zombat द्वारा पोस्ट की गई बदलना चाहिए

<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script type="text/javascript">
   FB.init({appId: 'your app id',
       status: true,
       cookie: true,
       xfbml: true});
   FB.Event.subscribe('auth.sessionChange', function(response) {
     if (response.session) {
       // A user has logged in, and a new cookie has been saved
     } else {
       // The user has logged out
     }
   });
</script>

अधिक जानकारी: http://www.clickonchris.com/2010/11/facebook-javascript-sdks/

09/11/2010 को 06:54
का स्रोत उपयोगकर्ता

वोट
0

एक प्रमुख और महत्वपूर्ण बात याद किया जाता है कि (मुझे सहित) आप में से कई लिपियों में रहना है कि बस के बारे में कहीं भी ... लेकिन "अमेरिकन प्लान" load.js फ़ाइल लोड करने की आवश्यकता है तुरंत बॉडी टैग के बाद।

कम से कम यह है कि क्या मैं सब कुछ काम करते हैं और humm तदनुसार बनाने के लिए मिल गया है। मैं किसी दूसरी साइट पर एक पोस्ट पर यह पाया (अगर मैं इसे यहाँ या नहीं पोस्ट करना चाहिए कि नहीं था ...) लेकिन यह अनगिनत घंटे खर्च, ऊपर ऊपर उल्लिखित करने के बाद आया था - और साथ ही निम्न हर दूसरे 1,2, चरण 3 ठीक से आकार करने के लिए iframe हो रही में पंच ...

और अब मैं काम करने के लिए यह मिल गया है :)

31/01/2011 को 16:20
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more