Javascript Tooltip
Sitelerimizde görselliği artırmak ve kullanıcıların daha rahat daha istekli olmalarını sağlamak amacıyla ekstra şeylere ihtiyaç duyarız. Javascript tooltipler ile kullanıcılara ekstra bilgiler sunabiliriz. Bunu da yaparken görselliği kullanırız.
İnternette bu örneği buldum ve hemen siteme entegre ettim. Kategorilerin sıralandığı bölümde her kategorinin üzerine geldiğinde bu olayı görebilirsiniz.
Örnekte oluğu gibi gayet hoş bir durum. Kullanışıda gayet basit.
Javascript Tooltip
online demo
Javascript Tooltip
örnek uygulama - kaynak dosyalar
İyi Çalışmalar!
Tamamını Okuyun »
Mehmet Duran
21 Temmuz Pazartesi 2008
9
16588
5,0
Javascript ile Linkleri Renklendirme
İnternet sitelerine canlılık kazandırmak ve görselliği artırmak için onmouseover ve onmouseout olayı sık sık kullanılır. Bu olayı css ve javascript ile yapabiliyoruz. Ancak css ile yaptığımızda (hover olayı) tüm tarayıcılar bunu desteklemiyor. Javascript ile yaparsak çoğu tarayıcı destekliyor. Şimdi bu olayı nasıl yapacağımıza bakalım.
Öncelikle bu olayı javascript ile yazacağımız bir fonksiyonla yapacağız ve tüm linklerde bu fonksiyonu kullanacağız.
Tamamını Okuyun »
Mehmet Duran
20 Temmuz Pazar 2008
0
14219
5,0
Jquery E-book
Jquery`i anlatan çok güzel bir kaynak. Jquery`nin tüm özelliklerini tek tek ve örneklendirerek anlatan pdf formatında güzel bir e-book. Bu e-book ile kısa sürede jquery`e hakim olabilirsiniz.
Buradan indirebilirsiniz.
Tamamını Okuyun »
Mehmet Duran
18 Temmuz Cuma 2008
1
22639
3,7
Javascript ile Karakter Saydırma
Javascript kullanarak web projelerimizde kullandığımız textbox veya bilgi alınan diğer kontrollerin karakter sayılarını javascript ile sınırlandırabiliriz. Öncelikle javascript kodlarımıza bakalım.
Tamamını Okuyun »
Mehmet Duran
15 Temmuz Salı 2008
8
23956
4,1
Javascript ile Manşet Yapımı
Javascript ile manşet alanı birçok sitede kullanılan bir yöntem. Özellikle haber sitelerinde kullanılıyor. Bende bunun yapılışını basit bir şekilde anlatacağım. Öncelikle yapacağımız uygulamanın görüntüsü şöyle olacak.
Şimdi de yazacağımız javascript kodlarına bakalım.
Tamamını Okuyun »
Mehmet Duran
11 Temmuz Cuma 2008
37
30599
4,0
Javascript - Css ile Saydamlık
Sitelerimizde saydam yapmak istediğimiz nesneleri javascript ve css yardımı ile saydam yapabiliriz. Bunun için aşağıda javascript fonksiyonunu sayfamızın head tagı arasına yazalım.
function makevisible(cur,which){
strength=(which==0)? 1 : 0.2;
if (cur.style.MozOpacity){cur.style.MozOpacity=strength}
else if (cur.filters){cur.filters.alpha.opacity=strength*100}}
Daha sonra da saydam yapacağımız nesneye aşağıda yazılan kodu ekleyelim.
Tamamını Okuyun »
Mehmet Duran
24 Haziran Salı 2008
5
20450
5,0