दिलचस्प पोस्ट
IQueryable <T> और IEnumerable <टी> के बीच अंतर क्या है? कैसे LINQ से SQL का उपयोग करने वाले ग # प्रकार से गुमनाम प्रकार वापस कैसे करें प्रोग्रामर एंड्रॉइड फोन के फोन नंबर प्राप्त करें एक्लिप्स, सबक्लिप्स और सबस्सोस्विज़ के लिए एसवीएन प्लग इन के पेशेवरों और विपक्ष क्या हैं? सीएसएस: एक <div> तत्व के भीतर केंद्र तत्व मैं एक्लिप्स में अपने एडीटी को कैसे अपडेट कर सकता हूं? चेतावनी: बूटस्ट्रैप वर्ग पथ -सोर्स 1.5 के साथ संयोजन के रूप में सेट नहीं है कमांड लाइन तर्क में * का मुद्दा जावास्क्रिप्ट रेगेक्स में एक मनमानी समूहों की संख्या कैसे कैप्चर करें? पृष्ठ रीफ्रेश के बाद मूल्य को बनाए रखने के लिए जेएस वैरिएबल कैसे प्राप्त करें? Google मानचित्र कैसे अपनी एपीआई कुंजी सुरक्षित करता है? कैसे कुछ समान बनाने के लिए? एफ में मान मानों का उपयोग कैसे करें: चयनइटम (एस) मैं AngularJS के साथ चेकबॉक्स मानों की सूची में कैसे बाँधूं? पासवर्ड एक विशिष्ट URL की सुरक्षा करता है शुद्ध सीएसएस का उपयोग करके मैं "टूलटिप पूंछ" कैसे बना सकता हूं?

पॉपअप संदेश जैसे स्टैक ओवरफ्लो में कैसे दिखाना है

मैं एक पॉपअप संदेश को जोड़ना चाहूंगा, जैसे कि जब मुझे लॉग इन नहीं किया जाता है और मैं वोटिंग बटनों का उपयोग करने की कोशिश करता हूं तो स्टैक ओवरफ्लो पर दिखाई देने वाला एक

उसको प्राप्त करने का सबसे अच्छा तरीका क्या है? क्या यह एक jquery पुस्तकालय का उपयोग किया है?

वेब के समाधान से एकत्रित समाधान "पॉपअप संदेश जैसे स्टैक ओवरफ्लो में कैसे दिखाना है"

संपादित करें : नीचे दिए गए कोड में दिखाया गया है कि जब आप एक नया बैज प्राप्त करते हैं तो स्क्रीन के शीर्ष पर दिखाए जाने वाले सलाखों को दोहराने के लिए, साइट पर पहले आते हैं, आदि। जब आप तेजी से टिप्पणी करने का प्रयास करते हैं, अपने प्रश्न के लिए, आदि, इस सवाल को देखें जहां मैं यह दिखाता हूं कि ऐसा कैसे करें या बस उदाहरण पर सीधे जाएं।


यहां स्टैक ओवरफ्लो कैसे होता है:

यह मार्कअप है, शुरू में छिपा हुआ है ताकि हम इसमें फीका कर सकें:

<div id='message' style="display: none;"> <span>Hey, This is my Message.</span> <a href="#" class="close-notify">X</a> </div> 

ये शैलियों को लागू किया गया है:

 #message { font-family:Arial,Helvetica,sans-serif; position:fixed; top:0px; left:0px; width:100%; z-index:105; text-align:center; font-weight:bold; font-size:100%; color:white; padding:10px 0px 10px 0px; background-color:#8E1609; } #message span { text-align: center; width: 95%; float:left; } .close-notify { white-space: nowrap; float:right; margin-right:10px; color:#fff; text-decoration:none; border:2px #fff solid; padding-left:3px; padding-right:3px } .close-notify a { color: #fff; } 

और यह जावास्क्रिप्ट (jQuery का उपयोग कर रहा है):

 $(document).ready(function() { $("#message").fadeIn("slow"); $("#message a.close-notify").click(function() { $("#message").fadeOut("slow"); return false; }); }); 

और वोला आपके पृष्ठ सेटअप के आधार पर आप प्रदर्शन पर बॉडी मार्जिन-टॉप को भी संपादित कर सकते हैं।

यहां कार्यवाही में इसका एक डेमो है

इसके अलावा चेकआउट jQuery के यूआई संवाद

मैं jqModal का उपयोग करना आसान है और आप कुछ महान प्रभाव प्राप्त कर सकते हैं

AJAX नियंत्रण टूलकिट में मोडलपॉप का उपयोग करना एक और तरीका है जिससे आप इस प्रभाव को प्राप्त कर सकते हैं।

StackOverflow स्रोत को देखने से मुझे जो मिला है वह है उम्मीद है कि किसी के लिए कुछ समय बचाता है शो नोटिफिकेशन फ़ंक्शन उन सभी पॉपअप संदेशों के लिए उपयोग किया जाता है

 var showNotification=function(jClicked,msg){master.showErrorPopup(jClicked.parent(),msg)}; var showFadingNotification=function(jClicked,msg){master.showErrorPopup(jClicked.parent(),msg,true)}; //master... showErrorPopup: function (e, h, f) { var g = $('<div class="error-notification supernovabg"><h2>' + h + "</h2>" + (f ? "" : "(click on this box to dismiss)") + "</div>"); var i = function () { g.fadeOutAndRemove() }; $(e).append(g); g.click(i).fadeIn("fast"); setTimeout(i, (f ? Math.max(2500, h.length * 40) : 1000 * 30)) } 

सीएसएस

 .error-notification{z-index:1;cursor:pointer;display:none;position:absolute;padding:15px;-moz-box-shadow:2px 2px 5px #000;-webkit-box-shadow:2px 2px 5px #000;box-shadow:2px 2px 5px #000;} .error-notification a{color:inherit;text-decoration:underline;} .error-notification li{font-size:110%;padding-top:3px;} .supernovabg{color:#fff !important;background-color:#fe7a15 !important;} 

यह शांत है कि वे किस प्रकार संदेश की लंबाई का उपयोग लुप्त होती समय-सीमा निर्धारित करने के लिए करते हैं मुझे नहीं पता था कि सभी (गैर लुप्त होती शैली) संदेश वास्तव में 30 सेकंड के बाद फ़ेड आउट होते हैं।

बूटस्ट्रैप की जांच करें javascript और css पर आधारित कुछ पॉप-अप प्रभाव, मोडल, ट्रांज़िशन, अलर्ट, सब कुछ है।