Sayfanızda bulunan bütün input kontrolleri pasif hale getirmek için aşağıdaki kod satırını kullanmanız yeterli olacaktır. jQuery(":input").attr("disabled", "disabled"); Sayfanızda pasif olarak bulunan bütün input kontrolleri tekrar aktif hale getirmek için aşağıdaki kod satırını kullanmanız yeterli olacaktır. jQuery(":input").removeAttr("disabled"); Sayfanızda bulunan bütün input…
Etiket: jQuery
jQueryde istediğimiz nesnelere nesne id sinin başına # işareti koyarak jQuery(“#btnTest”) şeklinde erişiyoruz. Aşağıdaki kod parçasında btnTest isminde butonumuza tıklanıldığında Ad ve Soyad inputlarına Emrah KAHRAMAN yazdırılma işlemi yapılmaktadır. Butonun tıklanma olayını jQuery(“#btnTest”).click şeklinde kullanarak tetikliyoruz. <!DOCTYPE html> <html>…
Sayfanın yüklenmesi tamamlanıp sayfa hazır hale geldiğinde $(document).ready içindeki fonksiyon çalıştırılacaktır. Aşağıdaki sayfa açıldığında ekranda Merhab jQuery yazacaktır. <!DOCTYPE html> <html> <head> <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script> <script> $(document).ready(function(){ alert(‘Merhaba jQuery’); }); </script> </head> <body> Emrah KAHRAMAN </body> </html>
Adresinden JQuery UI kütüphanesini indiriyoruz ve projemizin içindeki scripts klasörü altına atıyoruz [code lang=”html”] <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> #outer { width:200px; height:200px; background-color:Aqua; } #ustmenu { width:200px; height:200px; background-color:Maroon; } </style> <script src="Scripts/jquery-1.7.2.js" type="text/javascript"></script> <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>…
Aşağıdaki linkten dosyaları indirip sitenizin bulunduğu hostinge yükleyin ve daha sonra alttaki kodu head tagları arasında olacak şekilde yapıştırın.Son olarak image_small.jpg yerine sitenizin açılışına koymak istediğiniz resmin linkini yerleştirin. <link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="all"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="js/fancybox/jquery.fancybox-1.3.4.js" type="text/javascript" charset="utf-8"></script>…