2014-06-25 11 views
5

के साथ दाईं ओर एंकर किए गए बटन टिप्पणी पॉपअप जैसे फेसबुक बनाएं, मैं बटन की टिप्पणी पॉपअप जैसे फेसबुक को सही तरीके से संरेखित करने का प्रयास कर रहा हूं। मैं बॉक्स गिनती लेआउट का उपयोग कर रहा हूं ताकि मैं सभी फेसबुक/ट्विटर/Google +/दाईं ओर वाले बटन को संरेखित कर सकूं।बॉक्स गिनती लेआउट

यहां मेरा वास्तविक पृष्ठ लेआउट है। ऐसा लगता है कि मैं चाहता हूँ। My actual buttons layout, it looks fine

लेकिन एक बार जब मैं पसंद बटन पर क्लिक करता हूं, तो टिप्पणी पॉपअप बाएं से एंकर किया जाता है और खिड़की से बाहर होता है। ओह। Crappy result

क्या मैं चाहता हूँ बस पॉपअप छोड़ दिया Google's +1 button does it properly, so why not Facebook? के बजाय सही से लंगर डाले है है मैं बटन के सभी संस्करणों की कोशिश की। IFRAME संस्करण टिप्पणी बॉक्स नहीं दिखाता है लेकिन ठीक से गठबंधन नहीं किया जा सकता है। एचटीएमएल 5 और एक्सएफबीएमएल सही तरीके से गठबंधन हैं लेकिन वे दोनों खिड़की से पॉपअप दिखाते हैं।

मुझे टिप्पणी पॉपअप के संरेखण को समायोजित करने के लिए Facebook's documentation में कोई पैरामीटर नहीं दिख रहा है या वास्तविक ब्राउज़र पॉपअप में टिप्पणी पॉपअप को खोला जा सकता है। बीटीडब्लू, इसे सीएसएस द्वारा एडजस्ट नहीं किया जा सकता है क्योंकि लापरवाही पॉपअप एक डरावनी आईएफआरएएम के अंदर है, भले ही मैं एचटीएमएल 5 और एक्सएफबीएमएल मार्कअप का उपयोग कर रहा हूं।

वहाँ एक साफ रास्ता है:

  1. एंकर सही
  2. खुला एक वास्तविक ब्राउज़र पॉपअप में पॉपअप को यह पॉपअप (window.open())
  3. पॉपअप छुपाएं

क्या यह हासिल करने का कोई तरीका है? Google +1 बटन बहुत सारे कोड जोड़ने के बिना पूरी तरह से नौकरी करता है।

बेशक, आसान समाधान मेरे बटन को बाईं ओर ले जाना होगा लेकिन यह बेकार है।

किसी भी मदद की सराहना की जाएगी। धन्यवाद :)

+0

हैलो, निकोलस के साथ ID_HERE बदलें! क्या आपको अपने प्रश्न का उत्तर मिला? – fedosov

+1

दुर्भाग्य से, नहीं। फेसबुक विजेट एक आईफ्रेम है इसलिए हमारे पास इसका कोई नियंत्रण नहीं है। मैंने जो किया वह विजेट को ओवरफ्लो के साथ एक कंटेनर में रखा गया है: छुपा हुआ पॉपअप दिखाई नहीं देता है लेकिन यह काफी गंदा है: http://twittercats.com/ – NicolasBernier

+0

शायद आप इसे बाईं ओर चिपक सकते हैं और एक बार दाएं स्थानांतरित कर सकते हैं क्लिक किया गया है (कड़ी मेहनत करता है, लेकिन कोशिश क्यों नहीं ..)। –

उत्तर

0

प्रयास करें इस

<center> 
 
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> 
 
</script><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FID_HERE&amp;layout=standard&amp;show_faces=false&amp;colorscheme=light&amp;width=50&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:30px;" allowtransparency="false"></iframe>

अपने पृष्ठ आईडी

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