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

Popular posts from this blog

scala - Play Framework - how to bind form to a session field -

Django Celery - running scheduled tasks -

perl - 'Unquoted string ".." may clash with future reserved word' but only when package is used -