Ajax için arşiv

jQuery ve mootools birlikte kullanmak

Ben genellikle jQuery ile çalışıyorum, ama bazen diğer javascript kütüphaneleride kullanmak gerekiyor. Bende yeni projemde mootools’un multibox lightbox kolonunu kullandım.

Tabi jquery ve mootools ile birlikte kullanmamdan dolayı hata vermeye başladı.

Çözüm çok basit $ işareti yerine jQuery yazmak yeterli.

$.ajax

yerine

jQuery.ajax

Javascript ipucu: Şartlı koşulların(if..else) kısa yazılımı

Bir çok kere lazım oldu ve aramak zorunda kaldım ve her aramam da 10-15 dakika kaybettim. En sonun da buraya yazmaya karar verdim. Malum kendi sitemde aramak daha kolay ve hatırda kalıcı oluyor. Birde sizlere de yardımı dokunur bir ihtimal diye yazıyorum.

Javascript’te if..else şartlı koşulunu herkes biliyor.

if(kosul)
{
//kosulun gerçekleşmesi halinde olacak olay
}
else{
//kosulun gerçekleşmemesi halinde olacak olay
}

Bu kodu bir kere yazmak sorun değil ama bir çok programcı bilir ki bu bir kodlama da sadece bir kere yazılmaz ve çok fazla yazıncada bıkkınlık verir. Bizi düşünene javascript geliştiricileri bunu da düşünerek bize kısa bir yazım şekli sunmuşlar.

  1. koşul ? koşulun gerçekleşme durumu : koşulun gerçekleşmeme durumu;

Bir örnek yapalım.

durum = (yas >= 18) ? "yetişkin" : "küçük";

yas değeri 18′den büyük ve eşit olması durumunda durum değişikeninin değeri “yetişkin” değilse “küçük” olacaktır.

Kaynaklar

IE6′un Tekrarlayan Karakter Sorunu

Bu hata birden fazla float uygulanmış içiçe elementlerde meydana gelir. Son float uygulanmış elementin son karakterleri tekrarlar.

<div id="icerik">
<!-- icerik alani-->
    <div id="anaIcerik">
    ....
    </div><!-- anaIcerik sonu -->
    <!-- sagkolon baslangici -->
    <div id="sagKolon">
    ...
    </div>
</div>

Örnek sayfayı görmek için tıklayınız. (hatayı görmek için IE6 ile bakmalısınız.)

Float uygulanmış elementlerin ilki ve sonuncusu arasında bir çok yorum kodu(<!– bunun gibi –>) var ise bu hata meydana gelir. İlk iki yorumun hiç bir etkisi yoktur, ama iki yorumdan sonraki her bir yorum iki karakterin kopyalanmasına neden olur. yorum varsa iki karkater tekrarlayacak, dört yorum olduğunda da dört karkater ve beş yorum olunca da altı karakter tekrarlayacaktır.

şžaşılacak bir durum ancak bu hatanın geçen makalede bahsettiğimiz 3 piksel metin öteleme hatası ile ilişkisi vardır. Bu hatayı düzeltmek için sondaki float uygulanmış öğeye sağdan 3 piksel eksi değer atamalıyız veya içerik alanını 3 piksel genişletmeliyiz. Ancak bu çözüm metodlarının her ikisi de IE 7′de sorun çıkaracaktır. Bundan kurtulmak için en kolay ve sağlıklı yol bu bu yorumları kullanmamaktır.

Ancak illa yorum kullanmalıyım derseniz onun içinde çözüm:

<!--[if !IE]>Yorumunu buraya yaz <![endif]-->

şeklinde yorum satırlarınzı eklemelisiniz.

Örnek kodu görmek için tıklayınız.

Bu sorun IE7 versiyonunda giderilmiştir.

Kaynaklar

Adobe’dan Ajax Framework

Adobe Ajax uygulamaları geliştirebilmek için Spry Framework’ü kullanıcılara sundu. Bu araç sayesinde HTML, CSS ve çok az javascript bilgisi ile ajax kodları üretilebilecek. Bunun yanında üç demo uygulamada mevcut: Fotoğraf Galerisi, RSS Okuyucu ve On-line Mağaza.

Ayrıntılı bilgi ve programı indirmek için tıklayınız.

Kategoriler

Kitap

CSS'e başlangıç Uzun süredir üzerinde çalıştığım CSS’e başlangıç kitabımı bitirdim. Aslında buna bir kitap demek ne kadar doğru bilmiyorum. Tam doğru tanımı makalelerimin derlenip düzenli hale getirildiği bir e-doküman demek daha doğru olur. Bu kitap makalelerimi derleyip hazırladığım ilk kitap. İnşallah ikinci kitabıda yazmayı düşünüyorum. Zaman ve imkânlar nispetinde 2. kitapta çıkacaktır.