ftoptas blog

Burada yapacağımız örneklerin demosunu şuradan inceleyebilir, kaynak kodlarını da şuradan indirebilirsiniz.

jQuery bilinen en popüler Javascript kütüphanelerinden biridir. Javascripti daha zevkli bir hale getirdiğini rahatça söyleyebiliriz. jQuery öğrenmek isteyenler için burada ufak tefek örnekler yapacağız. Javascript kodlarını <script> taglarının arasına yazıyoruz.

<script type="text/javascript">
    //javascript kodları buraya
</script>

Önce jquery kütüphanesini şuradan indirip sayfamızda şu şekilde çağırıyoruz.

<script type="text/javascript" src="jquery-1.3.2.min.js"></scritpt>

Ardından jquery kodlarını da $(document).ready fonksiyonu içine yazıyoruz.
devamını oku…

Uzun zamandır jQuery ile alakalı yazı yazmak istiyordum. Zaman bulamadığım için bir türlü yazamamıştım. Şimdi bunu telafi etmek için güzel bir uygulama yapacağız.
Yapacağımız uygulama, herhangi bir linkin üzerine gelince çıkan bilgilendirme mesajlarından (tooltip) yapmak.

Bu uygulamayı yapmak için temel HTML/CSS ve Javascript bilginizin olması sizin için daha olur.
Kullanacağımız tooltipleri 2 şekilde yapacağız.

1. İçerik bir div olacak. İçerisine resim link gibi elemanlar eklenebilecek.
2. Tooltip’in içeriği linkin veya alt değeri olacak. Yani sadece metin olabilir.

Birinci Uygulama

Tooltip bir div bölmesi olacak ve bu bölmenin z-index değeri farklı olduğundan diğer elemanların üzerinde gibi duracak. Fakat bunun için position değerinin absolute olması lazım.
Önce HTML kısmını yapalım.

devamını oku…