Onfocus ve Onblur ile Textboxları Zenginleştirme

Gezdiğim birçok blogda ve birçok sitede textboxlar üzerinde onfocus ve onblur olayları kullanılarak kullanıcılara daha renkli daha göze hoş gelen bir tasarım oluşturuluyor. Bende bu olayın nasıl yapılabileceğini anlatmaya çalışacağım. Şimdi yazmamız gereken kodlara bakalım.

Öncelikle textbox kontrolümüzün özellikleri aşağıdaki gibi olacak.

Daha sonra kullanacağımız javascript kodlarımız:

onfocus_onblur_olayi_javascript_kodu

Yazdığımız javascript kodlarını textbox kontrolüne ekleme:

Oluşan görüntümüz ise sırasıyla şöyledir.
onfocus_onblur_olayi

Buradan örnek dosyalara ulaşabilirsiniz.
İyi Çalışmalar!

Mehmet Duran 30 Temmuz Çarşamba 2008 1 22229 4,0

Javascript Web Tasarım Tasarım-Görsellik

Bu Yazıyı Değerlendirin.

Konuyla İlgili Olabilecek Diğer Yazılar Javascript ile Karakter Saydırma FancyBox Kullanımı Visual Studio'da Daha İyi Kodlama için Temalar İnternet Explorer 6.0 ve İnternet Explorer 7.0`ı Aynı Anda Kullanma Javascript ile Mouse Pozisyonunu Bulma

Yorumlar

Yorum Yaz

RSS Yorum Takibi

Mutues 11 Eylül Perşembe 2008 11:41 #1

Bu site diğer sitelere göre çok farklı tebrik ediyorum sizi mehmet bey klasik kopyala yapıştır sitelerin dışına çıkmışsınız başarılarınızın devamını diliyorum

İsim :

Site :

Yorum :

Buradan bu yazıya ait yorumları RSS olarak takip edebilirsiniz.

Bu servis ile yazılara eklenen yorumları RSS ile takip ederek konu ile ilgili başkaları tarafından yapılan yorumları veya konuyla ilgili sorduğunuz sorulara verilen cevapları görebilirsiniz.

Hata yapmayan bir insan genellikle hiçbirşey yapmıyordur.

Bölümler

Yazılar

Arşiv

Arama

Linkler

Kategoriler

Asp.net (136) C Sharp (73) Veritabanı (61) Asp.net MVC (40) jQuery (109) Javascript (91) Web Tasarım (67) Güncel (135) Diğer (137) Programlar (19) E-Book (32) Ajax (58) Flash (3) Asp (8)

Etiketler

Access Benden Blog Class Css Donanım Editör Fotoğraf Futbol Google Güvenlik Hayat Hosting IP İndir İnternet Jquery Linq List Microsoft MVC MySql Okul Özel Günler Programlama Proje Resim Rss SEO Silverlight Site Araçları Sitemap Sql Sql Server Staj Takvim Tanıtım Tarih Tasarım-Görsellik Teknoloji Tema UML URL User Control Visual Studio XML XNA Yazılım

Rastgele Yazılar

Microsoft DreamSpark Servisi Kullanımda Asp.net MVC Cheat Sheets Javascript ile Menü Effect Asp.net'te Session ile Sayfaların Okunma Bilgisin .. Pageboss ile Sitenizin Değerlerini Öğrenin - Site .. Türkiye'de Hosting Artık daha.net! MySql'de limit ve rand Kullanımı Left Join ile Çoklu Tablo Bağlama

Son Yorumlanan Yazılar

Jquery'de Tanımlayıcı Değiştirme mehmetduran.com 3 Yaşında C# ile Insertion Sort Algoritması C# ile Merge Sort Algoritması C# ile Quick Sort Algoritması Jquery ve Ajax ile Kullanıcı Kontrollerini Kullan .. Javascript ile Mouse Pozisyonunu Bulma Javascript ile Asp.net'te Kendi Validation'larımı ..

Çok Okunan Yazılar

'Mehmet' İsminin Anlamı Nedir? Asp.net ile Dinamik Site Yapımı (Örnek Uygulama) Flash Banner Reklam Yapma Programı Emu 8086'da Hazırladığım Assembly Örnekler İnner Join ile Tabloları Bağlama Jquery ile Haber Manşet Alan Yapımı (Manşet Uygul .. Asp ile FCK Editör Kullanımı Fck Editör Kullanımı

Son Eklenen Yazılar

Askerliğin Ardından O Şimdi Asker Kara Suratlı Bir Garip - Neşet Ertaş mehmetduran.com 4 Yaşında mehmetduran.com 3 Yaşında Citroen C3 Picasso Sahibiyiz Hayatımdaki Gelişmeler Asp.net MVC ile İlgili Birkaç Bilgi

Arşiv

Nisan 2015 (1) Mayıs 2014 (1) Eylül 2012 (1) Nisan 2012 (1) Nisan 2011 (1) Ağustos 2010 (1) Temmuz 2010 (3) Haziran 2010 (4) Mayıs 2010 (2) Nisan 2010 (4) Mart 2010 (2) Şubat 2010 (3)

Takvim

Site İçi Arama

Geliştirdiğim Uygulamalar - Linkler

Jquery ve Ajax ile Geliştirdiğim Uygulamalar Jquery ve Ajax ile Geliştirdiğim Fotoğraf Galerisi jQuery Ajax ile (Google) Arama Merkezi Google Pagerank ve Backlink Sorgulama

Sayfalar

İş Fırsatı, Teklifi Türk Atasözleri - Tanıtım Asp.net MVC Yazılarımın Listesi jQuery ile Yaptığım Örneklerin, Uygulamaların Lis .. Reklam Verme - Yayınlama Tavsiye Linkler - Takip Ettiklerim Bloğumun Öyküsü

Son Zamanlarda Ne Yapıyorum ?

İstatistikler - Araçlar - Reklam

Anasayfa Hakkımda Fotoğraflarım İletişim Site Haritası Arşiv İstatistikler Uygulamalarım RSS