Malum, Microsoft tarafından geliştirilen, Ajax framework'ü ile isterseniz Visual Studio üzerinde sürükle bırak AJAX destekli uygulamalar geliştirebilirsiniz. Eğer Asp.net kullanmayıp başka diller ile uygulama geliştiriyor veyahut ben sadece javascriptleri alsam diyorsanız mootols, prototype, Yahoo! YUI gibi güzel bir javascript kütüphanesi de mevcut.
Ajax eklentileri temel işi yapsalarda, Ajax Control Toolkit ile çok daha verimli çalışabilirsiniz. Bu eklentiler ile yapılan otomatik olarak javascript kütüphanesini kullanan çıktıları uğraştırmadan üretmek. Lakin bazen o çıktıyı üretmek veya düzgün üretecek kombinasyonu bulmak dert olabiliyor.
Geçen gün, Belediyeden.com ile uğraşırken haber kutularının kapanması işleminde animasyon uygulayalım istedim, lakin AnimationExtender ile istediğimi hızlıca yapamadım. Animasyonları eklemek için Animasyon referansını göz önüne alarak şu şekil pratik bir çözüm işimi gördü.
1 - Sayfanın üstüne (scriptmanagerin altında bir yere) bir adet Ajax Control Toolkit objesi olan AnimationExtender eklenir,
2 - Hemen altına bir "label" ekleyip, visible=false yapılır
3 - 1. objeye TargetControlID olarak üstteki maddedeki gizli "label" gösterilir
4 - Sayfanın en altına alttaki gibi bir javascript fonksiyonu koyulur, içine referansa uygun animasyonlar gönlünüzce yazılır
function AnimasyonlaGizle(GizlenecekDivID){
var effects = new Array();
//Fadeout animasyonu
effects[0] = new AjaxControlToolkit.Animation.FadeOutAnimation($get(GizlenecekDivID), .2, 30, 0, 1, true);
//Gizleme animasyonu
effects[1] = new AjaxControlToolkit.Animation.HideAction($get(GizlenecekDivID), .2, 30, false);
// Parallel animasyon. Ustteki iki animasyonu paralel calistirir.
AjaxControlToolkit.Animation.ParallelAnimation.play($get(GizlenecekDivID), 1, 30, effects);
}
</script>
Colorized by: CarlosAg.CodeColorizer
5 - Yazılan fonksiyon istediğiniz yerden onclick, onclientclick gibi yöntemler ile çağrılır ve kullanılır.
