Web Tasarım
Metin kutularına alfabetik olmayan karakterlerin girilmesini engelleyin

Metin kutularına alfabetik olmayan karakterlerin girilmesini engelleyin

Form alanlarınızdaki metin kutularına alfabetik olmayan karakterlerin girilmesini JavaScript kullanarak engelleyebilirsiniz. Alfabetik değil de, sadece rakam girilmesini de sağlayabilirsiniz. Ya da sadece harf olmadı sadece alfabetik karakterler dışındakileri.. Peki bunları formlarınızdaki hangi alanlar için kullanacaksınız? Örneğin şifre kutularına alfabetik olmayan karakterlerin girilmesini engelleyebilirsiniz. Ya da sadece rakam olması gereken kutulara, sadece rakam girilmesini de sağlayabilirsiniz.

Bedava Javascript WYSIWYG Zengin Metin Editörleri

Bedava Javascript WYSIWYG Zengin Metin Editörleri

WYSIWYG yani What You See Is What You Get (Ne görürsen onu alırsın) editörler birçok web yazılımı üstünde yer almaya başladı. Bu uygulamalar arasına bir süre önce WordPress te TinyMCE ile katılmıştı. WYSIWYG editörler sayesinde sanki Word üzerinde biçimlendirme yaparcasına rahat bir şekilde metinlerin rengini, fontunu v.b. değiştirebiliyorsunuz. Peki kaç farklı ve kullanımı bedava olan WYSIWYG editör var? Buyrun burada birçoğu 😉

Web2.0 logoları yaratın

Web2.0 logoları yaratın

Web 2.0 logolar bu aralar sitelerde ve günlüklerde çok moda. Ehh tabi bu tarz logolar için biraz grafik editörü yazılımı bilgisi gerekiyor. Hımm, yok mu? O zaman buradaki site çok güzel web 2.0 logo hazırlıyor. Hem de şıpp diye :)

CSS ile basit bir ilerleme durum çubuğu yapımı

CSS ile basit bir ilerleme durum çubuğu yapımı

Kimi zaman istatistik grafiklerinden kimi zamanda yüklenme grafiklerinde, ilerleme durum çubukları oluşturabiliyoruz. Bunlar için genelde resim dosyaları kullanmaktayız ya da tablolar. Fakat resim dosyadan olmadan bu işi css ile basit bir şekilde halledebilirsiniz :)

Siteniz yeni yıla havai fişek gösterisi yaparak girsin

Siteniz yeni yıla havai fişek gösterisi yaparak girsin

Evet evet siteniz yeni yıla girerken ziyaretçilerinizi havai fişek gösterileri ile karşılayabilir :) Hiç de fena olmazdı hani diyorsanız buyrun devam edelim ve hemen bu özelliği sitenize nasıl ekleyeceğinizi görelim.

Yeni yıl geliyor, sitenizde kar yağsın

Yeni yıl geliyor, sitenizde kar yağsın

Gördüğünüz üzere benim sitede orta şiddette bir kar yağışı var. Bazılarınız bunu nasıl yaptığımı sorabilir ve kendi sitelerine de böyle bir uygulama eklemek isteyebilirler. O zaman buyrun detaylı bir şekilde bu işi nasıl yapabileceğinizi görelim.

PhpNuke NSN News 750 1.1.6 pl1 popup haber hatası

PhpNuke NSN News 750 1.1.6 pl1 popup haber hatası

Uzun süredir PhpNuke ile ilgilenmiyordum. Fakat almış olduğum bir çalışma üstüne dün tekrar PhpNuke kurdum ve ilgili çalışmalara başladım. Aslında pek birşey unuttuğum söylenemez 😀 Paslanmamışım yani phpnuke konusunda. Haber modülü olarak NSN News 750 1.1.6 pl1’i tercih etmiştim. Zira 2.0 sürümleri test aşamasında olduğu için indirilemiyordu. 1.1.6 sürümünü kullanırken, haberlerin pop-up pencere içerisinde görüntülenmesini istememize karşın, görüntülemek yerine beyaz, boş bir ekran sunduğunun farkına vardım. Elbette hatayı düzelttim 😀 İşte çözümü.

Javascript hata mesajlarını engelleyin

Javascript hata mesajlarını engelleyin

Javascript ile haşır neşir olanlar bu sıkıntıyla birçok kez karşılaşmış ve boyun da eymiş olabilirler. Yazmış olduğunuz javascript kodlarında herhangi bir kural dışı satır varsa tarayıcınız kimi zaman uyarı penceresi açmaktadır. Aslında bu sadece Internet Explorer üstünde gerçekleşmektedir. Kimi zaman ve gerçeği söylemek gerekirse her zaman, bu uyarı mesajları çekilmez bir hal alabilir ziyaretçileriniz için. İşte bu uyarı pencerelerini engellemek elinizde.

Javascript ile uyarı mesajı olmadan tarayıcı penceresini kapatmak

Javascript ile uyarı mesajı olmadan tarayıcı penceresini kapatmak

Uzunnnn uzunnn zamandır merak edilen ve üzerinde çokça tartışılan bir konudur, javascript ile uyarı mesajı olmadan tarayıcı penceresini kapatmak. Öylesine sörf yaparken buldum bu kodları :) Hani uğraşanlar bilirler; işin içinde programlama varsa tarayıcı pencereleri sorgusuz sualsiz kapanıyor ama sadece javascript+html kullanınca illa uyarı mesajı alıyordunuz. İşte bunu çözdük sayılır 😉

Gmail’deki gibi dosyaları çoklu yüklemek

Gmail’deki gibi dosyaları çoklu yüklemek

Bilirsinizki Gmail’de epostalara dosya eki yaparken birden fazla dosyayı bir seferde yükleyebiliyoruz. Bu tarz bir uygulamayı kendi çalışmalarınızda da kullanabilirsiniz. Böyle bir uygulamanın kodlarını birlikte inceleyelim.