Anasayfa | 19.08.2009
  • Blog
  • Arşiv
  • Fotoğraflar
  • Flickr
  • Zooomr
  • Twitter
  • RSS'ten Paylaştıklarım
 
Microsoft Ajax Library ile Animasyon'a hızlı bir bakış
15.09.2007 - 01:39 | Atakan Eser  | Kendime Notlar  | 0 Yorum |  Tavsiye Et

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

<script type="text/javascript">
    
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.


YORUMLAR :  0 Yorum yapıldı.
Yorum bulunamadı


YORUM YAZIN
Adınız Soyadınız
 
e-Posta
Verdiğiniz Puan
Yorumunuz
Beni Hatırla
Güvenlik Numarası
Güvenlik numarasını giriniz
Konular

Aklımda Kalanlar

Başımdan Geçenler

Sevdiğim Yazılar

Kendime Notlar

Vizör

Kitaplardan

Isa'ya

Geliştirme

Kısa kısa
Diğer Yazılar
Bak işte bunun için bir PS3 alabilirim!
Yasaklara karşı bir duruş ve Google IP'leri
Ne diyebilirim ki? Çok üzgünüm...
Usta olabilmek
hash hash
Haberlere karşılaştırmalı bir bakış için Haberdar.com
Unicode (utf-8) çevirim aracı
Uğur Böceği Terbiyecisi
Orası İstanbul, Konstantinapol değil.
SVN : Access denied: 'username' MKACTIVITY repository:
Ailenizin kahramanı
Mükemmel bir atlayış! Screenr.com *
Varchar(MAX) alanlar için veri girişi problemlerine bir çözüm.
Toplantı nasıl olmalı?
2 Adam 2 Açı
Son Yorumlar
ERKAN ÖZDEMİR 24/07 13:36
Sanma şâhım herkesi sen sâdıkâne yâr olur
vefa kılınç 16/07 11:42
Sanma şâhım herkesi sen sâdıkâne yâr olur
vefa kılınç 16/07 11:41
Sanma şâhım herkesi sen sâdıkâne yâr olur
CaN AKIN 14/07 22:05
Sanma şâhım herkesi sen sâdıkâne yâr olur
Hakan 10/07 22:46
Bak işte bunun için bir PS3 alabilirim!
Serkan Tütüncü 24/06 15:13
Sanma şâhım herkesi sen sâdıkâne yâr olur
Serkan Tütüncü 24/06 15:13
Sanma şâhım herkesi sen sâdıkâne yâr olur
Serkan Tütüncü 24/06 15:13
Sanma şâhım herkesi sen sâdıkâne yâr olur
Serkan Tütüncü 24/06 15:13
Sanma şâhım herkesi sen sâdıkâne yâr olur
Serkan Tütüncü 24/06 15:12
Sanma şâhım herkesi sen sâdıkâne yâr olur
Son Foto Yorumlar
enver kahraman 18/07 15:16
Atatürk'ün Evi
Halil 09/07 21:00
Yivli Minareli Cami
Halil 09/07 20:58
Yeşil Türbe
Halil 09/07 20:51
Üçüncü Ahmet Çeşmesi
Halil 09/07 20:49
Uludağ
Halil 09/07 20:47
Sümela Manastırı 2
Halil 09/07 20:46
Sultanahmet Meydanı
Halil 09/07 20:44
St.Antoine Kilisesi
Halil 09/07 20:42
Nemrut Dağı Kalıntıları
Halil 09/07 20:40
Muradiye Camii 2
Yazarlar
Atakan Eser
Linkler
Korhan Erdem
10.cu Köy
Haberdar
Belediyeden.com
Hasan Özcan
Marketplace Dominator
Bisorusor Blog
Bisorusor
Erkyazılım
Basit Mevzular
Ahmet Kırtok
İdris Cin Blog
Erkyazılım Blog
Blog Arşivi
2010 (8)
Haziran (2)
Mayıs (2)
Şubat (1)
Ocak (3)
2009 (29)
Aralık (3)
Kasım (3)
Ekim (2)
Eylül (1)
Ağustos (4)
Temmuz (3)
Haziran (1)
Nisan (1)
Mart (4)
Şubat (3)
Ocak (4)
2008 (59)
Aralık (8)
Kasım (7)
Ekim (8)
Eylül (3)
Ağustos (2)
Temmuz (2)
Haziran (4)
Mayıs (6)
Nisan (5)
Mart (6)
Şubat (4)
Ocak (4)
2007 (53)
Aralık (6)
Kasım (7)
Ekim (7)
Eylül (11)
Ağustos (3)
Temmuz (2)
Haziran (3)
Mayıs (1)
Nisan (3)
Mart (5)
Şubat (3)
Ocak (2)
2006 (28)
Aralık (2)
Kasım (2)
Ekim (8)
Eylül (2)
Ağustos (1)
Temmuz (2)
Haziran (1)
Mayıs (3)
Nisan (2)
Mart (2)
Şubat (1)
Ocak (2)
2005 (30)
Aralık (1)
Kasım (1)
Ekim (6)
Eylül (2)
Ağustos (2)
Haziran (4)
Mayıs (2)
Nisan (2)
Mart (1)
Şubat (7)
Ocak (2)
2004 (24)
Aralık (2)
Kasım (1)
Ekim (4)
Ağustos (3)
Temmuz (1)
Haziran (1)
Mayıs (5)
Nisan (4)
Mart (1)
Şubat (2)
2003 (14)
Aralık (2)
Kasım (1)
Ekim (3)
Eylül (2)
Mayıs (6)
© 2003 - 2010 Kendime Notlar. Tüm hakları saklıdır.
Anasayfa | | Tavsiye Et
Bu sitede KolayBlog kullanılmıştır.