html5 - how to duplicate jquery modal dialog -
मेरा अनुप्रयोग jQuery के मोडल संवाद
का उपयोग करता है। फिलहाल मैं केवल डायरेक्टर को मूल पृष्ठ के संदर्भ में स्थानांतरित कर सकता हूं। अब चुनौतीपूर्ण हिस्सा एक प्रमुख पुनः फेक्टरिंग के बिना है: मैं इस संवाद को एक नई विंडो में कैसे बदलूं जिससे कि मैं उसे किसी अन्य स्क्रीन पर ले जाऊं?
संपादित करें:
window.open
एक url
लेता है, जो पूरे पृष्ठ को प्रस्तुत करता है। मुझे केवल div
के अनुभाग / सामग्री को रेंडर करने की आवश्यकता है (जो वर्तमान में modal dialog / code> में है)।
आप यह कोड आज़मा सकते हैं:
$ ('# link')। क्लिक करें (फ़ंक्शन () {window। खुले ('http: //www.example.com', 'मैविंडो', 'वाइडथेल 4,400, हैइट = 200')}); संपादित करें:
यह कोड काम कर रहा है। इस कोड के माध्यम से आप किसी अनुभाग में अनुभाग / सामग्री को एक संवाद में प्रस्तुत कर सकते हैं ।
& lt;! DOCTYPE html & gt; & lt;! - HTML5 कार्यप्रणाली - & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; title & gt; Jquery डायलॉग डेमो & lt; / title & gt; & Lt; link rel = "स्टाइलशीट" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> & Lt; script src = "// code.jquery.com/jquery-1.9.1.js"></script> & Lt; script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"></script> & Lt; link rel = "स्टाइलशीट" href = "/ resources / demos / style.css" & gt; & LT; स्क्रिप्ट & gt; $ (Document) .ready (function () {$ ("# btn1")। क्लिक करें (फ़ंक्शन () {$ ("# div1") .dialog ({height: 140, modal: true});});} ); & Lt; / स्क्रिप्ट & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div id = "div1" & gt; & Lt; p & gt; नमस्ते हम इसे करेंगे। & Lt; / p & gt; & Lt; / div & gt; & Lt; इनपुट प्रकार = "बटन" आईडी = "बीटीएन 1" नाम = "बीटीएन 1" मान = "ओपन संवाद" / & gt; & Lt;! - सामग्री यहां जाती है - & gt; & Lt; / body & gt; & Lt; / html & gt;
इस कोड के उपयोग से आपका विशिष्ट पृष्ठ दूसरे विंडो में खोल सकता है।
Comments
Post a Comment