हालांकि मैं इस धारणा के तहत था कि उन्होंने इसके लिए jQuery के यूआई संवाद का उपयोग किया, मुझे अब भी यकीन नहीं है। हालांकि, इसे स्वयं को चाबुक करना बहुत मुश्किल नहीं है। इन शैलियों के साथ
$('.showme').click(function() {
$('.error-notification').remove();
var $err = $('<div>').addClass('error-notification')
.html('<h2>Paolo is awesome</h2>(click on this box to close)')
.css('left', $(this).position().left);
$(this).after($err);
$err.fadeIn('fast');
});
$('.error-notification').live('click', function() {
$(this).fadeOut('fast', function() { $(this).remove(); });
});
: इस कोड का प्रयास करें
.error-notification {
background-color:#AE0000;
color:white;
cursor:pointer;
display: none;
padding:15px;
padding-top: 0;
position:absolute;
z-index:1;
font-size: 100%;
}
.error-notification h2 {
font-family:Trebuchet MS,Helvetica,sans-serif;
font-size:140%;
font-weight:bold;
margin-bottom:7px;
}
और click here कार्रवाई में यह देखने के लिए।
हालांकि, मुझे लगता है कि आपको अभी भी उस स्थिति के आधार पर सही स्थिति देने के लिए इसे थोड़ा सा ट्विक करने की आवश्यकता होगी जिसमें आप इसका उपयोग कर रहे हैं। मैंने बाएं स्थिति के लिए इसका ख्याल रखा क्योंकि यह शीर्ष के लिए काम कर रहा है, लेकिन मुझे लगता है कि ऐसी कुछ स्थितियां हो सकती हैं जिनमें यह नहीं होगा। सभी चीजों को माना जाता है, यह आपको शुरू करना चाहिए। यदि आप अधिक मजबूत कार्यान्वयन चाहते हैं, तो आपको jQuery BeautyTips देखें जो वास्तव में भयानक है और इसे लागू करने के लिए यह छोटा कर देगा।
स्रोत
2009-04-17 04:46:19
स्रोत कोड देखें? वे बहुत जटिल नहीं लगते –
मुझे संवाद बॉक्स के लिए वास्तविक कोड खोजने में कठिनाई हो रही है, क्या आप कोड पोस्ट कर सकते हैं? – CodingWithoutComments
एसओ की जावास्क्रिप्ट सभी कम हो गई है, इसलिए यह मूल स्रोत को किसी भी तरह से डीकोड करने के लिए कुछ प्रयास करेगा। –