CSS ile resim üzerine yazı ekleme

17 / Ağustos / 2008 İsa Engiz    Genel, javascript     css, featured, galeri, javascript, resim 4 Yorum Yapilmis.

İnternette yapılan her site, ziyaretçisine belli bir konuda bilgi sunmak, hizmet sağlamak için yapılmakta. (kimileri sundukları bu bilgilerden para kazanmakta, kimileri ise kazanmamakta ama konumuz bu değil!) Sunulan bilginin ziyaretçi tarafından anlaşılmasını sağlamak ve kolaylaştırmak için yapılabilecek en önemli unsur, resim ve yazıları birbirleri ile harmanlamak. Yapılan araştırmaların gösterdiği üzere birbirleri ile alakalı resim ve yazılar beraberce kişiye sunulduğunda öğrenme daha kolay gerçekleşmekte.

Bu ilkeden olsa gerek, haber içeriği sunan bütün sitelerde fotolar ile yazıların birbirleri ile harmanlanarak verildiğini görebiliriz.

Resimler le yazıları harmanlamanın bir yolu da, yazıyı resmin üzerine yazmaktır. Bunu, resim düzenleme programlarından biri ile de yapabilirsiniz ancak biz bu yazımızda, resmin üzerine CSS (javascript) ile yazıyı ekleyeceğiz. Uygulamanın canlı örneğine buradan göz atabilir veya dosyaları buradan indirebilirsiniz.

Devamını Oku »»

Javascript için PHP fonksiyonları

03 / Ağustos / 2008 İsa Engiz    javascript, php     javascript, php 6 Yorum Yapilmis.

PHP’nin çekirdeğinde yer alan fonksyonlar o kadar kullanışlıdır ki, tek satır kod ile dizileri sıralayabilir, md5 kodlanmış halini alabilir veya dizideki tüm elemanlara elinizdeki fonksiyonu tek bir satır ile uygulatabilirsiniz.

Şu andaki mevcut kütüphaneler ile ‘altın’ çağına giren javascriptde de bunlara benzer fonksiyonlar olsa ne güzel olur değil mi? İşte böyle düşünen bir geliştiricinin (Kevin van Zonneveld) başlattığı açık kaynak bir javascript kütüphanesi oluşturma fikrinin pek çok başka geliştiriciden de destek bulması ile ortaya 146 adet PHPdekilerin eşleniği olan javascript fonksiyonları çıkmış.

Devamını Oku »»

Javascript ile dökülen menü

27 / Nisan / 2008 İsa Engiz    javascript     javascript Henuz Yorum Yapilmamis.

Dökülen menülerin en önemli tarafı her halde kullanıcının tıklayabileceği pek çok bağlantı varsa, bunları tek bir çatı altında toplayabilmesidir. Böylece bağlantılar daha düzenli gözükür, birbirleriyle alakalı olanlar aynı grupta buluştuğu için kullanıcı ilgilenmiyorsa, o tıklamadıkça gözükmez.

Biz de şimdi javascript yardımıyla döküen bir menü yapacağız. Uygulamanın canlı haline buradan göz atabilirsiniz ya da dosyaları buradan indirerek inceleyebilirsiniz.

Devamını Oku »»

Javascript ile banner yapma

09 / Nisan / 2008 İsa Engiz    javascript     banner, javascript 1 Yorum Yapilmis.

Eğer bir sloganınız varsa ve bunu resimler ile göstermek/anlatmak istiyorsanız en iyi yol bir banner yapmaktır, değil mi? Ama bir banner yapmak için Flash bilmenize gerek yok, javascript ile bunun üstesinden gelebilirsiniz.

Bu uygulamamızda yapacağımız örneğin canlı haline buradan bakabilirsiniz veya dosyaları buradan indirebilirsiniz.

Devamını Oku »»

Javascript, haberleri resimle gösterme

25 / Mart / 2008 İsa Engiz    javascript     javascript 6 Yorum Yapilmis.

Günümüzde popüler haber sitelerini gezerken hepimiz görüyoruz, haberler ana sayfada bol resimlerle sunuluyor. Bu şekilde haberler verilirken resimler sizin isteğinize göre gösteriliyor. Örnek olarak hürriyetin sitesini verebiliriz, birden yediye kadar olan numaraların her hangi birisinin üzerine geldiğinizde ilgili haberin resmi çıkıyor.

Bu uygulamamızda biz de buna benzer bir şey yapacağız. Sıra numarasının üzerine gelince ilgili haber gözükecek. Uygulamamızın canlı örneğine buradan göz atabilirsiniz. İsterseniz dosyaları buradan indirebilirsiniz.

Devamını Oku »»

Javascript ile “display:none / block”

28 / Şubat / 2008 İsa Engiz    javascript     javascript Henuz Yorum Yapilmamis.

Önceki yazılarımızda javascript-innerHTML kullanarak bir içeriği göster – gizle uygulaması yapmıştık. Ona benzer bir uygulamayı ise innerHTML kullanmadan, javascript ile doküman elemanının sitil özelliğini değiştirerek yapabiliriz.

Bize bu konuda yardıma koşan CSS kodu “display:none; display:block;”. Bunun bir örneğini görmek için buraya tıklayabilirsiniz, dosyaları ise buradan indirebilirsiniz.

Devamını Oku »»

innerHTML ile Dinamik Olarak İçerik Eklemek

15 / Şubat / 2008 İsa Engiz    javascript     javascript Henuz Yorum Yapilmamis.

Yarattığımız dokümanlara dinamik olarak içerik eklemek istediğimizde HTML-DOM metodları ile bunu yapmak zaman alıcı olabilir. Klasik HTML-DOM, createElement(), appendChild() metodlarını kullanarak dokümana html etiketleri eklememize izin verir ancak bu yöntem oldukça zahmetlidir. İşte burada imdadımıza innerHTML() metodu yetişir.

innerHTML() metodu ile dokumanlara javascript yardımıyla dinamik olarak kod ekleyebiliriz, hemde istediğimiz yerine. innerHTML() kullanarak yapacağımız basit bir deneme uygulamasına bu sayfadan bakabilirsiniz.

Devamını Oku »»