addEventListener java script kod yapısında herhangi bir html etiketine olay eklemek için kullanılır. Aşağıda bu kullanıma yönelik bir örnek paylaşılmıştır. <div id=”mesaj”>Bilgilendirme mesajı</div> <script> //Yukarıdaki html etiketinin taşıdığı id değeri getElementById yaparak çektik. var bilgi = document.getElementById(“bilgi”); bilgi.addEventListener(“click”,function (e){alert(“Sisteme hoşgeldiniz”);},false); //Bilgi adıyla oluşturduğumuz değişken için addEventListener methoduyla fonksiyon atadık ve ekrana mesaj yazdırdık. </script> </script>…
Herkes İçin JavaScript Eğitimi-17: Anonim fonksiyon oluşturma
Anonim fonksiyon tanımlamada fonksiyona isim verilmeden tanımlama yapılabilir. Bu yöntem özellikle jquery çalışacaklar için ön hazırlık niteliğindedir. Anonim fonksiyon oluştururken öncelikle bir değişken tanımlarız ve değişkene tanımlayacağımız fonksiyonu oluşturabiliriz. <script> var sayilar = [1,2,3,4,5,6,7,8]; //Sayılar isminde bir dizi değişkeni oluşturduk. sayilar.forEach(function(gelen_deger){ alert(gelen_deger); }); //Yukarıdaki fonksiyonda öncelikle sayılar adlı her bir diziye işlem uygulamak için bir…
Herkes İçin JavaScript Eğitimi-16: Fonksiyon tanımlama
Programlama dillerinde fonksiyon aynı türden işlemleri tek bir fonksiyon altında gerçekleştirilmesini sağlar. Fonksiyonlar sayesinde temiz kod yazımı söz konusudur. Fonksiyon yapısına baktığımızda ise, aşağıdaki bir kod yazımıyla karşılaşırız. Türlerine göre JavaScript yapısında paramatreli, parametresiz, geri dönüşlü, geri dönüşsüz ve varsayılan değerli fonksiyon tanımlamaları bulunmaktadır. Parametresiz ve geri dönüşsüz varsayılan değerli fonksiyonlar <script> function mesaj() {…
Herkes İçin JavaScript Eğitimi-15: Dizilerde kullanılan methodlar-3.Bölüm
shift() fonksiyonu <script> var esyalar =[“masa”,”sandalye”,”koltuk”]; //Dizideki ilk veri elde edilir.var ilk_veri = esyalar.shift(); //masa verisi elde edilir. </script> Unshift() fonksiyonu <script> //Dizinin başına bir öğe ekler var esyalar = [“koltuk”,”vazo”,”saat”; esyalar.unshift(“dolap”); //Eşyalar dizisinin başına dolap ifadesini ekledi. </script> toString() fonksiyonu <script> //Dizileri metinsel (string) ifadesine dönüştürmeye yarar. var dizi = [“bardak”,”tabak”,”tencere”]; var yazi…
Herkes İçin JavaScript Eğitimi-14: Dizilerde kullanılan methodlar-2.Bölüm
concat() fonksiyonu concat() fonksiyonu iki farklı diziyi tek bir dizide birleştirmenize olanak verir. <script> var araclar = [“bmw”,”ford”,”peugeot”]; var motorlar = [“yamaha”,”kwazaki”]; var yeni_araclar = araclar.concat(motorlar); document.write(yeni_araclar); </script> every() fonksiyonu Every fonksiyonu dizide belirtilen değerlere göre belirdiğiniz koşul durumuna göre kıyaslama yapar ve dizide koşula uygun değerler dışında bir değer olursa ekrana false bastırır. Bunun…
Herkes İçin JavaScript Eğitimi-13: Dizilerde kullanılan methodlar-1.Bölüm
Dizi oluşturuken ve dizilerle işlemler gerçekleştirirken bazı methodlardan faydalanabiliriz. New anahtar sözcüğüyle dizi oluşturma <script> var muzik_turleri= new Array(“rock”,”caz”,”pop”); </script> Dizi nesnelerine erişim Dizi nesnelerine erişim için diziye atadığımız değişken adından sonra köşeli parantezleri kullanabiliriz. Burada önemli bir detay olarak ilk dizi elemanı birden değil sıfırdan başlayacaktır. <script> var esyalar = [“televizyon”,”masa”,”sandalye”]; document.write(esyalar[0]);//Televizyon ekrana basıldı…
Herkes İçin JavaScript Eğitimi-12: Dizi tanımlama
Diziler içinde birçok veriyi barındırabilir. Bu veriler tamsayı veya metin ifadeleri olabilir. Bir dizi oluştururken aşağıdaki yöntemi izleyebilir. Her bir dizi elemanına erişim sağlamak için ise döngülerden faydalanabiliriz. <script> var meyvalar = [“elma”,”karpuz”,”muz”]; for (meyva in meyvalar) { document.write(meyvalar[meyva]+”<br>”); } </script>
Herkes için CodeIgNiter Eğitimi-12:Veritabanındaki veriyi kaldırma
CodeIgniter framework kullanarak veritabanına ait bir tablodaki veri aşağıdaki yapıyla kaldırılabilir; $kaldirilacak_veri = array( ‘id’=>$this->input->post(‘id’), ); $kaldir = $this->db->delete(‘tabloadi’,$kaldirilacak_veri); İf($kaldir > 0) { Echo “veri başarıyla kaldırıldı”; }
Herkes için CodeIgNiter Eğitimi-11:Veritabanındaki veriyi güncelleme
CodeIgniter üzerinde veritabanı bağlantısı yapılıp tüm bilgiler veritabanına doğru şekilde tanımlandıktan sonra herhangi bir tablodaki veriyi güncelleme işlemleri gerçekleştirilebilir. Bunun için aşağıdaki yapı uygulanabilir; $guncellenecek_veri = array( ‘ad’=>$this->input->post(‘ad’), ‘soyad’=>$this->input->post(‘soyad’), ‘id’=>$this->input->post(‘id’) ); $guncelle = $this->db->update(‘tabloadi’,$guncellenecek_veri); İf($guncelle > 0) { Echo “veri güncellendi”; }
Erişilebilir Kod Oluşturma Projesi
Erişilebilir Kod Oluşturma Portalı (E.K.O.L) Merhaba Uygulama Akademisi projesi kapsamında kodladığım ve nesneleri erişilebilir yapmanızı sağlayacak karekod üretme portalını hizmete sunmuş bulunuyorum. Bu projeyle kolay bir şekilde karekodlarınızı üretebilir ve kullanabilirsiniz. Proje sayfasına buradan gidebilirsiniz.