Jquery – Ahmet Cansever
Pazartesi , 20 Kasım 2017
Anasayfa » Jquery

Jquery

JQuery UI DatePicker Kullanımı

Bu örneğimizde JQuery’nin UI eklentisini kullanarak DatePicker yapacağız. İlk olarak JQuery’nin sayfasından jquery ve ui dosyalarını indirerek çalışma dosyamıza bağlıyoruz. Ağaç yapısı şu şekilde olacaktır;

Devamını oku »

JQuery Owl Carousel Slider Eklentisi

Bu örneğimizde JQuery’nin Owl Carousel eklentisini kullanarak slider oluştaracağız. Owl Carousel’in sayfasından dosyalarını indiriyoruz. https://owlcarousel2.github.io/OwlCarousel2/ Çalıştığımız klasörün içerisine kullanacağımız dosyaları ekliyoruz. Ağaç yapısı şu şekilde olacaktır; HTML: Çalışma sayfamıza JQuery ve Owl Carousel’in dosyalarını entegre ediyoruz. Kendi JavaScirpt dosyamızı en son bağlamaya dikkat ediyoruz.

Devamını oku »

JQuery UI Dialog Kullanımı

Bu örneğimizde JQuery’nin UI eklentisini kullanarak butona basıldığında açılan dialog kutusu yapacağız. İlk olarak JQuery’nin sitesinden JQuery dosyasını ve UI eklentisini indiriyoruz ve index sayfamıza bağlıyoruz. Head etiketlerinin arasına ui.css ve theme.css dosyalarını ekliyoruz. Body etiketlerinin arasına da ilk olarak JQuery dosyasını daha sonra JQuery-ui dosyasının yolunu yazarak çalışma dosyamıza ekliyoruz. Varsa kendi JavaScript dosyamızı en sona ekliyoruz [crayon-5a12c3acd275a277597651/] [crayon-5a12c3acd2763262174977/] …

Devamını oku »

JQuery Accordion Panel

Bu örneğimizde JQuery’nin Ui eklentisini kullanarak Accordion Panel yapacağız. İlk olarak JQuery’nin sayfasından, JQuery ve JQuery-Ui eklenti dosyalarını indiriyoruz.  ui.css ve theme.css dosyalarını çalışma klasörünün içerisindeki eklenti klasörünün içerisine kopyalıyoruz. Dosyaların ağaç yapısı şu şekilde olacaktır; Head etiketlerinin arasına ui.css ve theme.css dosyalarını ekliyoruz.

Devamını oku »

JQuery Vize Final Notu Ortalaması Hesaplama

Bu örneğimizde JQuery ile Vize ve Final Notu Girilen bir öğrenciye ait Ortalama hesaplayarak ve Ortalaması ve Final notuna göre öğrencinin geçme ve kalma durumunu göstereceğiz. Örneğimizde Jquery ile CSS özelliklerini değiştirme, fadeIn ve fadeOut kullanımlarını da inceleyebilirsiniz.  Örneğimizde Vize notunun  %40 ile Final Notunun %60 ı toplamı Ortalamayı verecektir. Ortalamanın 50 den düşük olması durumunda veya Final notunun 50 den …

Devamını oku »

JQuery Animate Olay Kullanımı

Bu örneğimizde açılır-kapanır div oluşturacağız. Bunun için JavaScript’in kütüphanesi olan JQuery’i kullanacağız. Örneğe başlamadan önce JQuery’i indirmemiz gerekiyor. https://jquery.com/ HTML: Öncelikle ‘ustPanel’ adında bir div oluşturuyorum. Bu divimiz aşağı yukarı hareket edecek olan divimiz. İçerisine şimdilik örnek bir yazı yazıyorum. Daha sonra açılıp kapanmasını sağlamak için içerisine bir div ekliyoruz. Bu div bir buton olarak da görülebilir.

Devamını oku »

JQuery – < li > Etiketi Kullanarak Sayfaya Liste Ekleme

Bu yazımızda JQuery ile sayfamızda oluşturduğumuz ul etiketleri içine JQuery ile li etiketi kullanarak liste elemanı ekleyecek bir örnek oluşturacağız. Örneğimizde liste elemanlarını eklemeden önce temizleme işlemini empty() metodunu kullanarak, li etiketi ile listeye eleman ekleme işlemini append metodu ile gerçekleştireceğiz. Ekleyeceğimiz liste elemanlarını oluşturacağımız diziyi kullanarak gerçekleştireceğiz. Dizi elemanlarının eklenmesini ise For Döngüsü içinde gerçekleştireceğiz. Örneğimize ait html kodları aşağıdaki …

Devamını oku »

JQuery ile Toplama Örneği

Bu yazımızda JQuery ile text kutularına girilen 2 adet sayının JQuery kullanarak toplayacağız ve yine belirlediğimiz bir text kutusunda sonucu görüntüleyeceğiz. Örneğimizde kullanacağımız javaScript dosyalarını “js” isimli bir klasörde tutacağız. jquery-3.1.1.min.js dosyasını aşağıdaki linkten indirebilirsiniz. https://jquery.com/download/ Bu dosyayı indirdikten sonra toplama.js ve index.html dosyalarını oluşurarak örneğimize başlıyoruz. İlk olarak index.html dosyasına aşağıdaki gibi input nesnelerini, yani 3 adet text ve 1 adet …

Devamını oku »

JavaScript ile Sayı Tahmin Oyunu

Bu yazımızda JavaScript ile basit bir sayı tahmin oyunu gerçekleştireceğiz. Kodlarımızı incelediğimizde kullanıcıya 10 hak verilerek tahminde bulunmasını istediğini görüyoruz. Eğer Kullanıcı 10 hak sonunda bilemezse mesaj gösteren ya da 10 hak içinde bilirse kaçıncı hakkında bildiğini kullanıcıya bildiren kodlar aşağıdaki gibi olacaktır.

Devamını oku »

JavaScript Switch Case Kullanımı

Bu yazımızda JavaScript ile Switch kullanımını gösteren bir örnek yapacağız. Örneğimizde bugüne ait gün bilgisini çekerek (Pazar için 0, Pazartesi için 1..) switch kullanarak gün ismi olarak görüntüleme işlemini gerçekleştireceğiz.

Devamını oku »

JavaScript Metin İçinde Arama Yapma (Search)

Bu yazımızda Javascript String metotlarından biri olan Search metodunu kullanarak verilen bir string içinde arama yapan bir örnek gerçekleştireceğiz. Arama yapacağımız değer bir harf olabileceği gibi bir kelime de olabilmektedir. Geriye dönen değer karakterin yada karakterlerin başlangıç index numarasını vermektedir. İlk index numarasının 0 (sıfır) dan başladığını belirtelim.

Devamını oku »

JavaScript Faktoriyel Hesaplama

JavaScript ile kullanıcının girmiş olduğu sayının faktoriyelini hesaplayarak ekranda gösteren örneğe ait kodlar aşağıdadır. Örneği dilerseniz .html dosyası olarak kaydedip çalıştırabilirsiniz.

Devamını oku »
Wordpress Tema indir