2009-12-05 13 views
10

का JQuery कार्यान्वयन मैं सोच रहा था कि अगर किसी को this MooTools modal box के jQuery कार्यान्वयन के बारे में पता था। मैंने फेसबॉक्स देखा है, लेकिन यह पुराने फेसबुक मोडल डायलॉग लेआउट की तरह दिखता है, न कि नया।फेसबुक के मॉडल बॉक्स

यदि कोई उपलब्ध नहीं है तो थीम की तरह jQuery के यूई मोडल संवाद को कैसे दिखाना है इसका एक उदाहरण वास्तव में सहायक होगा। jQuery यूआई मॉडल संवाद के लिए HTML आउटपुट इस तरह दिखता है:

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"> 
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> 
     <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span> 
     <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a> 
    </div> 
    <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog"> 
     <p>Content.</p> 
    </div> 
</div> 

उत्तर

1

बाहर चेक jQueryUI के संवाद क्लास। आप फेसबुक सीएसएस की तरह दिखने के लिए अपने सीएसएस को हैक कर सकते हैं।

http://www.jqueryui.com/demos/dialog/#modal-form देखें।

+2

मैं वास्तव में यह सब सीएसएस के साथ अच्छा नहीं हूँ। मैंने इसके साथ खेलने की कोशिश की है लेकिन अब तक नहीं मिला। फेसबॉक्स के लिए – zSynopsis

15

jQuery प्लगइन Facebox के बारे में कैसे?

यह आपके द्वारा आवश्यक सभी चीज़ों को पूरा करने वाले बॉक्स से बाहर आता है। फेसबुक से कॉपी की गई एक को बंद बटन के लिए सीएसएस में संदर्भित छवि संसाधन को बस बदलें, और फेसबुक के संवाद की तरह स्टाइल किए गए शीर्ष कैप्शन और पाद लेख। फेसबुक प्लगइन में पारदर्शी ग्रे सीमाएं बॉक्स के बाहर हैं।

+0

+1 .. वास्तव में अच्छा है –

2

फेसबुक कनेक्ट की लाइब्रेरी का उपयोग क्यों नहीं करें?

FB.Connect.showShareDialog हमेशा मोडल संवाद फेसबुक के उपयोग के लिए सही लेआउट दिखाता है। फेसबुक हर समय इस बात को अद्यतन करता है, इसलिए यह किसी ऐसे चीज का उपयोग करने के लिए बहुत समझ में नहीं आता है जो जल्दी से पुराना हो जाएगा, खासकर यदि कोई भी अद्यतित नहीं है। वैसे भी मैं वैसे भी उपयोग करता हूं।

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