Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim dersi formatında olup, bir eğitmen tarafından jQuery kullanarak basit bir arama formu uygulamasının nasıl yapılacağını göstermektedir.
- Videoda, web sitelerinde görülen arama formu uygulamasının jQuery ile nasıl oluşturulacağı adım adım anlatılmaktadır. Eğitmen önce form oluşturma, ardından jQuery ile sayfa hazır olduğunda fonksiyon çalıştırma, input seçimi, focus ve blur olaylarını kullanarak formun üzerine odaklanıldığında ve bırakıldığında formun davranışını değiştirme işlemlerini göstermektedir. Uygulama, formun üzerine odaklanıldığında "lütfen aranacak kelimeyi giriniz" yazısının kaybolması ve formun bırakıldığında tekrar görünmesi şeklinde çalışmaktadır.
- 00:05jQuery ile Arama Formu Uygulaması
- Bu derste jQuery ile basit bir arama formu uygulaması yapılacak.
- Web sitelerinde görülen, üzerine tıklandığında yazı giden ve geri geldiğinde tekrar çıkan arama formu benzeri bir uygulama yapılacak.
- Formda "lütfen aranacak kelimeyi giriniz" yazısı yer alacak.
- 00:56Formun Oluşturulması ve jQuery Kullanımı
- Form oluşturulup, input type text olarak ayarlanıyor.
- jQuery ile sayfa hazır olduğunda (document ready) bir fonksiyon çalıştırılıyor.
- Bir değişken oluşturulup "text" olarak adlandırılıyor ve formun üzerine "lütfen aranacak kelimeyi giriniz" yazısı ekleniyor.
- 02:30Formun Odaklanma İşlemi
- Formun üzerine odaklandığımızda (focus) yazı gidecek şekilde kodlanıyor.
- Eğer seçilen nesnenin değeri "lütfen aranacak kelimeyi giriniz" ile eşitse, nesne boşaltılıyor.
- Odaklanma işlemi bittikten sonra (blur) yazı tekrar gelmesi için kontrol yapılıyor.
- 04:27Uygulamanın Tamamlanması
- Eğer nesne boşsa, nesnenin attribute özelliğini value değerine yeniden "lütfen aranacak kelimeyi giriniz" yazdırılıyor.
- Sayfa yenilendiğinde tıklandığında yazı gidiyor, geri geldiğinde tekrar geliyor ve arama yapıldığında yazı kaybolmuyor.
- Bu basit kod ile arama formu uygulaması başarıyla tamamlanıyor.