Javascript ile Sadece Sayı Girilmesini Sağlamak

Sadece sayı girilmesini istediğiniz textbox ları aşağıdaki javascript kodu ile kontrol edebilirsiniz.
Aşağıdaki kodu head tagları arasına ekleyin.


Kullanımı

 

 
Continue Reading

Jquery iframe içerisindeki kontrollere erişmek

Merhaba, jquery ile iframe içerisindeki herhangi bir kontrole erişmek için jquery .contents() metodu imdadımıza yetişiyor. Diğer yöntemde iframe yüklenirken kontrolü buldurup değişiklikleri yaptırıyoruz. Aşağıdaki örneklerde Iframe içerisinde bulunan “DivIframe” id li dive erişip arka plan rengini değiştiriyoruz. Umarım işinize yarar..

Örnek

    <iframe id="iframeID" src="iframe.html" height="120px" width="290px"></iframe>
    <script type="text/javascript">
        jQuery(function () {
            $('#iframeID').load(function () {
               $('#iframeID').contents().find('#DivIframe').css("background-color", "red"); 
               // ya da
               $(this.contentDocument).find('#DivIframe').css("background-color", "red"); 
            });
        });
    </script>

Dipnot: Localde Chrome üzerinden iframe işlemlerinde “Blocked a frame with origin “null” from accessing a frame with origin “null”. Protocols, domains, and ports must match.” alma ihtimaliniz çok yüksek.

Continue Reading

Jquery ile Resimli Hava Durumu

Yahoo’nun api’si ile estetik bir hava durumu uygulaması. İstediğiniz şehir’i gösterebilirsiniz.
Hava durumu önizlemesi

Şehir kodunu bulmak için : http://edg3.co.uk/snippets/weather-location-codes/
Aşağıdaki kod(TUXX0015) İzmir için geçerli. Yukarıdaki linkten istediğiniz şehirin kodunu bulabilirsiniz.
Aşağıdaki kodları HEAD tagları arasına yapıştırın





Bu kodu da hava durumunun görünmesini istediğiniz yere koymalısınız.

Gerekli dosyaları indirmek için tıklayın

Continue Reading

Jquery ile Kes, Kopyala,Yapıştır Fonksiyonlarını Kapatma

Merhaba, jquery ile herhangi bir input, textarea, div .. gibi from elemanlarının içeriklerini değiştirme, kopyala, yapıştır gibi işlemeri kısıtlamak için ufak ama etkili bir yöntem. Genellikle üye kayıt formlarında email adresi ve email adresi doğrulama kutularına direkt kopyala yapıştır yapılmasını engellemek için bu inputların kopyala ve yapıştır özellikleri engellenmiştir.
Sayfanıza jquery kütüphanesini ekledikten sonra scriptinize aşağıdaki kodu ekleyerek gerçekleştirebilirsiniz. Aşağıdaki örnekte class ında “pasif” olan html elemanlarında bu kod çalışacaktır.
 Jquery:

 $(function () {
        var kontroller = $(".pasif");
        kontroller.bind("paste", function () {
            return false;
        });
        kontroller.bind("drop", function () {
            return false;
        });
        kontroller.bind("cut", function () {
            return false;
        });
        kontroller.bind("copy", function () {
            return false;
        });
    });

 Denemek için

Continue Reading

Jquery Nedir? Nasıl Kullanılır?

javaScript kütüphaneleri kendilerine çok sağlam bir yer edindiler. Gerek kod yazma sürecini azaltmaları, gerek tarayıcı farklılıklarından doğan pek çok sorunla boğuşmamızı engellemeleri ve nesne tabanlı yapıları itibariyle javaScript kütüphaneleri çabuk benimsendiler. Prototype.js‘nin tetiklediği bu süreçte yüzlerce javaScript kütüphanesi duyuruldu. Dolayısıyla bunların arasından bir seçim yapmak gerekiyor. Bugüne kadar benim seçimim Prototype.js idi ama artık çok daha isabetli bir seçim olduğuna inandığım jQuery ile yoluma devam ediyorum.
 

Continue Reading

Jquery ile Pdf Görüntüleme Eklentileri

Merhaba arkadaşlar. Pdf dökümanınızı web sayfanız üzerinden görüntülemenize yarayacak ve işinizi kolaylaştıracak bir çok eklenti mevcut. Bir çok formatı ekstra program gerek duymadan açan Google Chrome pdf dosyaları içinde ideal. Fakat amacımız web sayfamızda (mesela popupla) görüntülemekse eklenti listesi,
 

  1. JavaScript PDF Reader (pdf.js): HTML5 altyapısını kullanarak şık gürünümlü pdf görüntüleme sayfası hazırlayabilirsiniz. Dikkat etmeniz gereken html5 altyapısı kullandığı için Internet Explorer’ın desteklemeyen sürümlerinde sıkıntı yaşamamanız.
    DEMO: http://mozilla.github.io/pdf.js/web/viewer.html

     

  2. jQuery Media Plugin: Tavsiye ettiğim ve sevdiğim bir eklentidir. Pdf dosyalarınızı iframe mantığı sayfanızın istediğiniz köşesinde sitediğiniz boyutlarda gösterebilirsiniz. Sadece Pdf dosyalarınız için değil Ses ve bazı (wmv) video formatlarını da oynatabileceğiniz güzel bir eklenti.
    DEMO: http://jquery.malsup.com/media/misc.html

     

  3. PDFObject: Yine pdf dosyalarınızı sayfanızın istediğini bir divin içerisinde ya da tam ekran sayfa şeklinde göstermenizi sağlayacak bir eklentidir.
    DEMO: http://pdfobject.com/examples/index.php

     

Continue Reading