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:

 Denemek için

Devamını Oku


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

     

Devamını Oku


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

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.

Devamını Oku


Jquery ile IP Adresi Bulma

Jquery ile ip adresini bulmak öğrenmek için bu sitenin api hizmetinden faydalanıp ip adresi, ülke ve servis sağlayıcı bilgilerini öğrenebiliriz. Api hizmeti malesef şu anlık şehir bilgisini vermiyor.

JQurey ile ip adresini öğrenmek için;

 Çalışır haline buradan bakabilirsiniz.

Devamını Oku


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

Devamını Oku


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ı

Devamını Oku


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.

 

Devamını Oku