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ı
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ı
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.
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.
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; }); });
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.
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,
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
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
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