Mike Alsup'un geliştirdiği Bloklama Uygumalasından Bahsedeceğim..
Malsup Bloklama uygulamasını kullanabilmek için jQuery ve Malsup js dosyalarını sayfamıza dahil etmemiz gerekiyor.
// jquery js dosyası
<script></script>
//malsup js dosyası
<script></script>
Kullanımı:
$("nesne").block();
bu şekilde kullandığımızda blokladığımız alanda bilgilendirme kutucuğu olucakdır ve Please Wait.. yazısı beliricektir.
mesaj kutusundaki yazıyı kendiniz belirlemek isteyebilirsiniz yapmanız gereken
$("nesne").block({ message:'MESAJ İÇERİĞİ'});
Eğer Mesaj Kutusunun Açılmasını İstemiyorsanız aşağıdaki biçimde kodunuzu düzenleyiniz..
$('div.blokdiv').block({ message: null });
Ürettiğiniz Mesaj Kutusuna Css özellik kazandırmak isterseniz :
$("nesne").block({ css:{'width':150px,'height':'25px','background-color':'red'} ,message:'MESAJ İÇERİĞİ' });
ve parçaları bir araya getirdiğimizde oluşturduğumuz js kodları bu şekide..
$('#blokgoster').click(function() {
$('div.blokdiv').block({
message: '
Kontrol Ediliyor..
',css: { backgroundColor: '#f00', color: '#fff',border: '3px solid #a00',"font-family":"verdana","font-size":"10px","width":"250px" }
});
});
İletişim Formuyla ilgili Oluşturduğum
Demoya göz atabilirsiniz.
