ASP.NET'te jQuery aracılığıyla bana gmail benzeri ileti kutusu hissi veren bazı örnek kod/denetim arıyorum.Gmail, ASP.NET'teki jQuery öğesinin tetiklenmesi gibi (uyarı veya hata görüntüleme için) jQuery'yi kullanıyor
5
A
cevap
13
Aradığın şeyin jQuery BlockUI olduğunu düşünüyorum.
demo's'a bir bakın.
css'yi kullanarak gmail stillerini eşleştirebilirsiniz.
5
Eklentileri kullanabilirsiniz, ancak sayfanızın üst kısmında sabit bir DIV oturtabilirsiniz ve onu açıp kapatabilirsiniz. Bir örnek görelim: Dışarı çalışmak zorunda
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('input').click(function() {
$('#notification').fadeIn('slow');
});
});
</script>
</head>
<body style="height: 1000px;">
<div id="notification" style="position: fixed; top: 0px; margin-left: 50%; background-color: yellow; font-weight: bold; display: none;">Sending...</div>
<input type="button" value="Gmail notification!" />
</body>
</html>
(operasyon, vb tamamlandıktan sonra bir geri arama) nasıl gizlemek için, böylece tarzı onu ve. Bu sadece bir örnek.
İlgili konular
- 1. ASP.NET, ValidationGroup gibi JQuery validate eklentisini kullanıyor?
- 2. zaten (gibi veya jquery) javascript gibi
- 3. Hata: Uyarı
- 4. jQuery öğesinin,
- 5. Görüntüyü zengin metne yapıştırın (gmail gibi)
- 6. NoSQL veritabanları endeksleri kullanıyor veya kullanıyor mu?
- 7. Firebase Kök Görüntüleme Denetleyicisi Bulunamadı Uyarı
- 8. Bir div öğesinin içinde bilgi görüntüleme
- 9. jQuery height öğesinin yüksekliği
- 10. JAXB, String kullanıyor olduğu gibi
- 11. Yeni Facebook'taki gibi denetleyiciler arasında güzel yakınlaştırma geçişi, Gmail uygulamaları
- 12. Bir DOM öğesinin görüntüleme özelliği nasıl alınır?
- 13. android Gmail uygulaması gibi Liste Görünümü icon
- 14. Gmail Tablet'in Navigasyon Çekmecesi gibi uygulanması
- 15. sunucu gmail kullanarak e-posta gönder smtp uyarı alır
- 16. android nasıl GMail gibi webview içinde PopupMenu göstermek için
- 17. Uyarı hata hızlı
- 18. document.ready yok uyarı mesajı - jQuery
- 19. Sinatra ile Hata İletisini Görüntüleme
- 20. GMAIL
- 21. Mousemove'un tetiklenmesi Javascript'te nasıl çalışır?
- 22. Tetikleyici denetiminin programlı olarak tetiklenmesi
- 23. JSLint - 'jQuery' bildirilmemiş 'uyarı' uyarısı
- 24. jQuery Doğrulama eklentisi: sınıf öğesinin/kapsayıcısının hata kapsayıcıya ekle/kaldır
- 25. Dışa aktarılan sınıfın genel mülkü özel adı kullanıyor veya kullanıyor
- 26. jQuery öğesinin Non-DOM alt kümesi
- 27. Jquery .hasClass() öğesinin tersi mi?
- 28. jQuery DOM öğesinin iç taşıyıcısını taşıyın
- 29. DOM hata ayıklayıcısında Nesneler olarak Nesneleri Görüntüleme
- 30. jQuery öğesinin nasıl çalıştığını anlama
Mükemmel eklenti, iyi bulun. – Kieron
Sadece mesaj göstermek istiyorsanız, http://stanlemon.net/pages/jgrowl kullanarak daha basittir. –