javascript örnekleri – Ahmet Cansever
Cumartesi , 29 Nisan 2017
Anasayfa » Tag Arşivleri: javascript örnekleri

Tag Arşivleri: javascript örnekleri

JQuery UI DatePicker Kullanımı

Son Güncellenme : 21st Mart, 2017Bu ö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 UI Dialog Kullanımı

Son Güncellenme : 16th Mart, 2017Bu ö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ı …

Devamını oku »

JQuery Accordion Panel

Son Güncellenme : 17th Mart, 2017Bu ö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

Son Güncellenme : 8th Mart, 2017Bu ö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 …

Devamını oku »

JavaScript .oninput Olay Örneği

Son Güncellenme : 27th Şubat, 2017  Bu örneğimizde “.oninput” olayını kullanarak basit bir hesaplama örneği yapacağız. “.oninput” nesneye değer girildiğinde veya nesnenin içerisindeki değer değiştirildiğinde butona gerek duymaksızın, belirlenen yere sonucu yazdırır.     [crayon-59045d0bd1621939669983/] Html: Sayıları kullanıcıdan almak için text nesnesi oluşturuyoruz. Hangi işlemin yapılacağını ayrı bir text oluşturduk ve sonucu ekrana yazdırmak için bir div oluşturduk. İşlem ilk …

Devamını oku »

JavaScript Vize-Final Ortalaması ve Geçti-Kaldı Örneği

Son Güncellenme : 22nd Şubat, 2017 Bu yazımızda kullanıcı tarafından text kutularına girilen Vize notu ve Final notuna göre ortalamayı hesaplayan ve ortalaması ve final notu 50′ den yüksekse “GEÇTİ“, diğer durumlarda ise “KALDI” yazdıracağız. Ortalamanın 50′ den büyük fakat Final notunun 50′ den küçük olması durumunda kalma nedeninin Final Notunun düşük olduğu bilgisini de ekranda göstereceğiz. Ortalamayı hesaplarken kullanacağımız …

Devamını oku »

JavaScript Girilen Sayıya Kadar Toplama (Fonksiyon Kullanımı)

Son Güncellenme : 20th Şubat, 2017Bu yazımızda JavaScript ile Button‘ a basıldığında kullanıcının text kutusuna girmiş olduğu sayıya göre 1 den bu sayıya kadar olan sayıların toplamını hesaplayarak belirlemiş olduğumuz div içerisinde gösteren örneği oluşturacağız. Örneğimizde InnerHTML kullanımı, Fonksiyon kullanımı ve div içine yazdırma ve css ile div etiketinin biçimlendirilmesi işlemlerini görebilirsiniz. [crayon-59045d0bd305a256714831/] Ekran Çıktısı:

Devamını oku »

JavaScript For Döngüsü Örnekleri

Son Güncellenme : 12th Şubat, 2017 Bu yazımızda JavaScript For Döngüsü kullanımı ile ilgili örnekler oluşturacağız. JavaScript For Döngüsü örnekleri devamlı olarak güncellenecektir. Örneklerimizi gerçekleştirirken harici js dosyası kullanacağız. JavaScript dosyasının harici olarak eklenmesi ve kullanımı ile ilgili detaylı bilgiye aşağıdan ulaşabilirsiniz.

Devamını oku »

JavaScript Olay Kullanımı

Son Güncellenme : 18th Ocak, 2017HTML Etiket İçinde Olay Kullanımı En eski kullanılan yöntemdir. Tavsiye etmemekle birlikte internet ortamında verilen örneklerin çoğu bu şekilde yapılmıştır. Sayfanın sonunda sık kullanılan DOM olay listesi mevcuttur. Kullanımı <etiket OLAYADI=”javascript kodu/kodları“> Mantık aslında şu şekildedir.  Tırnaklar arasında yazılan javascript kodu, kırmızı ile belirtilen olay gerçekleştiğinde çalıştırılır. Not: Çift tırnak içinde tek tırnak metinsel olarak algılanır. …

Devamını oku »
Wordpress Tema indir