bildirgec.org

Merhabalar,
Yeni başlayanlar için SPRY serileri devam ediyor.Buradave burada spry yazıları yazmıştık. Şimdiki serimizde SPRY ile Accordion paneller oluşturacağız. Yani akordiyon şeklinde açılan paneller. Kodumuza gelelim

1

var Accordion1 = new Spry.Widget.Accordion("akordiyon");

Burada akordiyon id’li div imizi akordiyon olarak tanımlıyoruz. HTML tarafında ise

Spry Framework

Merhabalar,

Bir önceki yazımda Spry’ı kulanma nedenleri ile birlikte efektleri işlemiştik. Şimdi ise Spry ile ipucu (tip) oluşturmayı deniyeceğiz. Önce Spry’ı bu adrestenindirelim .
Sonra sayfamıza şu dosyaları dahil(include) edelim.

1
2

<script src="http://arsiv.pilli.com/http://arsiv.pilli.com/js/SpryTooltip.js" type="text/javascript"></script>
<link href="css/oylesinebircssadresi.css" rel="stylesheet" type="text/css" />

Şimdi tooltip için Javascript kodumuzu yazıyoruz.

1
2
3
4
5
6
7
8
9
10
11
12

var sprytooltip1 = new Spry.Widget.Tooltip("cssip", "#css", {
										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100
										   });
var sprytooltip2 = new Spry.Widget.Tooltip("htmlip", "#html", {
										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100
										   });
var sprytooltip3 = new Spry.Widget.Tooltip("phpip", "#php", {
										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100
										   });
var sprytooltip4 = new Spry.Widget.Tooltip("aspip", "#asp", {
										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100
										   });

Şimdi kodu inceliyelim. varsprytooltip1 ile ipucunu tanımlıyoruz. şimdi “cssip” olan tarafın nedemek olduğunu anlayalım. Mouse cssip idsine sahip olan yere geldinde tooltipi gösterecek. “css” ise açıklanacak olan ipucunun içeriği. Şimdi setuplara ({ } arasına) bakalım.

Merhabalar,

Spry framework

Piyasada bir çok Javascript framework’u bulmak mümkün. Bunlardan en popülerleri jQuery, Prototype ve Mootools olarak sıralanabilir. Ama kullanacağınız ufak efekt işlemleri, form kontrolleri için bu kütüphaneleri eklemeniz gereksiz olabilir ve performans kaybı olur. Bu nedenle Spry’ı kullanmak kârlı olacak gibi duruyor. Spry Adobe Labs tarafından geliştiriliyor. Spry’ı bu adresten indirebilirsiniz.
Adobe’ye göre Spry’ı geliştirme nedenleri;

Spry nedir?
Spry adobe‘ye ait bir yeniliktir. Birkaç yerde okuduğuma göre amaç Ajax‘ı en popüler hale getirmekmiş.

DW ile Spry arasındaki bağ…
Spry bağımsız da çalışabilir ama esasında Dreamweaver (DW) ile eşleşmiş bir yazılımdır. DW CS3 ile gelen bir yenilik.

Bu yenilik şunları yapabilir:
Yazılara, linklere efekt verebilir. ŞU ADRESten spry effect’lerin adını, adına tıkladığınızda da görevinin tanıtımını görebilirsiniz.

SPRY başka ne yapar?
Hani şu genelde haber sitelerinde gördüğümüz sekme panelleri vardır. (örnek) İşte mesela onu pratik bir şekilde oluşturabilir ve düzenleyebilir.
Ya da mesela menüler vardır ki bu menüler; alt menüleri de olan dinamik menülerdir. (örnek) işte bunu da yapabilir. (Spry ile sadece 3. alt menüye kadar inebiliyorsunuz.)

Spry’leri birleştirip örnek olarak bakın adobe bize neler yapmış…
1) Foto Galeri yapmış. (kaynak kodları) (tanıtımı)
2) Dinamik Form yapmış. (kaynak kodları) (tanıtımı)
3) Diğerleri de BURADA.

Siz de Spry özelliğini kullanarak bu tip scriptler yazabilirsiniz. Bu upload scriptti olabilir, fotograf galerisi olabilir artık arz-talep meselesi…

Adobe firması kullanıcıları için bir ajax çatısı hazırlanmış. İsmini de Spry framework for Ajax olarak belirlemiş.

Hiç JavaScript bilgisi olmayanların bile bu çatıyı kolayca kullanabileceklerini anlatmışlar. Anlatmakla kalmayıp bu sayfada etkileyici demolar hazırlamışlar.

Ücretsiz olarak sunulan bu çatıyla ilgili daha fazla bilgi almak ve download etmek için bu sayfaya girmeniz yeterlidir.