मैं टेक्स्ट बॉक्स पर क्लिक करने के लिए datepicker को लाने में सफल रहा
& lt; link Rel = "स्टाइलशीट" href = "http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" / & gt; & Lt; script src = "http://code.jquery.com/jquery-1.9.1.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; स्क्रिप्ट src = "http://code.jquery.com/ui/1.10.1/jquery-ui.js" & gt; & lt; / स्क्रिप्ट & gt; $ (फ़ंक्शन () {$ ("# तारीख पिक्चर 1") तिथिपिकर ({अधिकतम दिनांक: नई तिथि, मिनट तिथि: नई तिथि (2007, 6, 12), तिथि प्रारूप: 'yy-mm-dd'});}); और मैं पृष्ठ को लोड करने पर पॉप अप को लाने में भी सफल रहा, यहां कोड है
& lt; script type = "text / javascript "Src =" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js "& gt; & lt; / स्क्रिप्ट & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" & gt; $ (दस्तावेज़) .ready (फ़ंक्शन () {var id = '#dialog'; // स्क्रीन की ऊँचाई और चौड़ाई वाले मुखौटा प्राप्त करें हाइट = $ (दस्तावेज़)। हाइट (); var मुखौटा = $ (विंडो)। विथ () ; // पूरी स्क्रीन $ ('# मुखौटा') को भरने के लिए हेइग्थ और चौड़ाई सेट करें। सीएसएस ({'width': मास्क वाइडथ, 'ऊंचाई': मुखौटाइटइट}); // संक्रमण प्रभाव $ ('# मुखौटा' ) .फ़ेडइन (1000); $ ('# मुखौटा') .FadeTo ("धीमी", 0.8); // विंडो ऊँचाई और चौड़ाई var winH = $ (खिड़की) प्राप्त करें। हाइट (); var winW = $ (विंडो )। Width (); // पॉपअप विंडो को केंद्र $ (id) .css ('top', winH / 2 - $ (id)। हिट () / 2); $ (id) .css ('left ', Winw / 2 - $ (id)। विथथ () / 2); // संक्रमण प्रभाव $ (id)। FadeIn (2000); // अगर बंद करें बटन पर क्लिक किया जाता है $ ('। Window। Close ')। (फ़ंक्शन (ई) {// लिंक व्यवहार e.preventDefault (); $ ('# mask')। ()। $ ('। Window')। Hide ();}); // यदि मुखौटा है $ ('# मुखौटा') क्लिक करें (फ़ंक्शन () {$ (this) .hide (); $ ('। Window')। Hide ();});}); & Lt; / स्क्रिप्ट & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; शरीर {फ़ॉन्ट-परिवार: वर्दााना; font-size: 15px; } एक {रंग: # 333; पाठ-सजावट: कोई नहीं} ए: होवर {रंग: # सीसीसी; पाठ-सजावट: कोई नहीं} # मास्क {स्थिति: निरपेक्ष; बाएं: 0; शीर्ष: 0; z- सूचकांक: 9000; पृष्ठभूमि का रंग: # 000; कुछ भी डिस्प्ले मत करो; } # बॉक्स। विन्डो {स्थिति: पूर्ण; बाएं: 0; शीर्ष: 0; चौड़ाई: 440px; ऊँचाई: 200px; कुछ भी डिस्प्ले मत करो; z- सूचकांक: 9999; गद्दी: 20px; } # बॉक्सेस # डायलोल {चौड़ाई: 375px; ऊँचाई: 203px; गद्दी: 10px; पृष्ठभूमि का रंग: #ffffff; } & Lt; / style & gt; & Lt; / head & gt; & lt; body & gt; & Lt; h2 & gt; & lt; a href = "http://www.queness.com/" & gt; सरलता jQuery मोडल विंडो उदाहरणों से क्वाइज़ेशन वेबब्लॉग & lt; / a & gt; & lt; / h2 & gt; & Lt; div शैली = "फ़ॉन्ट-आकार: 10px; रंग: आरजीबी (204, 204, 204);" & gt; सिवाय जहां अन्यथा नोट किया गया है, इस साइट पर सामग्री क्रिएटिव कॉमन्स एट्रिब्यूशन 3.0 लाइसेंस के तहत लाइसेंस प्राप्त है। & Lt; / div & gt; & Lt; div id = "बॉक्स" & gt; & Lt; div शैली = "शीर्ष: 199.5px; बायां: 551.5 पीएक्स; डिस्प्ले: कोई नहीं;" Id = "डायलॉग" वर्ग = "विंडो" & gt; सरल मोडल विंडो | & Lt; a href = "#" वर्ग = "बंद" & gt; उसे बंद करें & lt; / a & gt; & Lt; / div & gt; & Lt;! - पूरे स्क्रीन को कवर करने के लिए मुखौटा - & gt; & Lt; div शैली = "चौड़ाई: 1478 पीएक्स; ऊंचाई: 602 पीएक्स; डिस्प्ले: कोई नहीं; अस्पष्टता: 0.8;" id = "मुखौटा" & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt; अब मैं दोनों datepicker चाहते हैं और वें एएसईएम पेज में पॉप अप करते हैं, लेकिन जब मैंने इसे एक ही पृष्ठ पर एकीकृत किया है तो मुझे पता चला कि पॉप ओवर ठीक काम कर रहा है, जहां डेटपेकर आने वाला नहीं है अप। जब मैंने डेट पिक्चर पर पॉप के लिए कोड को निकाल दिया है, तो मैं पूरी तरह से confused है कि मेरे कोड के साथ क्या हो रहा है, वहाँ से बाहर कुछ कृपया मेरी मदद करो
आप दो बार jQuery का उल्लेख नहीं करना चाहते। चूंकि आप पहले से ही डेट पिकर में हैं, इसलिए आपको इसे संवाद के लिए जोड़ने की आवश्यकता नहीं है।
इसे रखें,
& lt; link rel = "stylesheet" href = "Http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" / & gt; & Lt; script src = "http://code.jquery.com/jquery-1.9.1.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; स्क्रिप्ट src = "http://code.jquery.com/ui/1.10.1/jquery-ui.js" & gt; & lt; / स्क्रिप्ट & gt; और इस रेखा को निकालें,
& lt; script type = "text / javascript" src = "http://ajax.googleapis.com/ajax /libs/jquery/1.4.2/jquery.js"></script> यहां कार्य कोड है,
No comments:
Post a Comment