Merhaba arkadaşlar,

Bu videoda jQuery ile iframe içine nasıl düzenlemeler yapacağınızı anlatıyorum. Bu video sayesinde iframe içerisine müdahele edebileceksiniz. Bu hamleyi jQuery contents() methodu ile gerçekleştiriyoruz. Fakat dikkat etmeniz gereken bir nokta var. iframe src ile çağırdığınız domain ile web sayfanızın domaini aynı olmalıdır. Aksi taktirde herhangi bir düzenleme yapamazsınız. .contents() hakkında daha fazla bilgi için buraya tıklayınız.

DEMO | KODLARI İNDİR

Umarım iyi olmuştur video. Biraz heyecan vardı, ses tonum kötü

Merhaba arkadaşlar,

JavaScript Date nesnesinin tarih ve zamanlarla çalışmak için fonksiyonları vardır. getTime() fonksiyonu ile zamanı milisaniye cinsinden elde edebiliyoruz. Bu makale ile bu elde ettiğimiz değeri nasıl UNIX zaman damgasına(timestamp) çevirebileceğimizi göstereceğim.

Anlık tarih ve zamanı UNİX zaman damgasına aşağıdaki gibi çevirebiliriz:

var zd = Math.round((new Date()).getTime() / 1000);

Şimdi açıklayalım. (new Data()).getTime() ile zamanı UNIX zaman damgasına benzer ama mili saniye cinsinden bir değer alıyoruz. Daha sonra bunu 1000 ile bölerek normal saniyeyi elde ediyoruz. Math.round() ile de bölümden sonra elde ettiğimiz sayıyı yuvarlıyoruz. Artık "zd" değişkeni bir UNIX zaman damgası değeri içeriyor.

Umarım işinize yarar,
Kolay gelsin

Merhaba arkadaşlar,

Bu makalede setInterval ile nasıl belirli periyotlarda bir fonksiyon çalıştıracağımızı göstereceğim. Şimdi sayfada her 5 saniyede bir çalıştırılacak fonksiyonun kodunu yazalım:

window.setInterval(function(){
  // Burada fonksiyonlarınızı çağırın
}, 5000);

Şimdi de bir örnek yapalım. Öcelikle bir fonksiyon oluşturalım. Bu fonksiyon kullanıcıya "TR Kodlama'ya gitmek ister misiniz?" sorusunu sorsun. Daha sonra bu soruyu her 60 saniyede bir tekrarlatalım. Kodlar aşağıdaki gibidir:

function trkodlama(){
  var onay = confirm("TR Kodlama'ya gitmek ister misiniz?");
  if(onay==TRUE){
    location.href = "http://www.trkodlama.com";
  }
  else{
    alert("Siz bilirsiniz :)");
  }
}
window.setInterval(function(){
  trkodlama();
}, 60000);

Umarım faydalı olur arkadaşlar, kolay gelsin.

Merhaba arkadaşlar,

Bu makalede basit bir kontrolü anlatacağım. Ben bilmiyordum ilk defa ihtiyacım oldu ve araştırdım oldukça basit bir yöntem. JavaScript'de bir değişkenin tanımlı olup olmadığını nasıl kontrol edeceğimizi göstereceğim(jQuery kullanarak).

Bir form alanınızın olduğunu düşünün. Bu form alanınızda radio seçimi yaptırıyorsunuz. Örnek radio'lar:

<input type="radio" id="radio" value="deneme1" /> Deneme 1
<input type="radio" id="radio" value="deneme2" /> Deneme 2
<input type="radio" id="radio" value="deneme3" /> Deneme 3

Şimdi bunları nasıl kontrol edeceğimizi gösterelim. Diyelim ki gönder butonu bir fonksiyonu çalıştırıyor. Ve bu fonksiyonda veriler işleniyor, kontrol edilip ajax ile gönderiliyor vs. İlgili javascript fonksiyonun sadece bizi ilgilendiren kısmı aşağıdaki gibi olacaktır:

function formuGonder(){
  .
  .
  .
  var radio_degeri = $("$radio").val();
  // Yukarıdaki formdan herhangi bir radio değeri seçilmediği zaman radio_degeri "undefined" olarak gelecektir.
  //"undefined" olarak gelen yani tanımsız JavaScript değişkenleri if ile şöyle kontrol ediyoruz
  if(radio_degeri==undefined){
    alert("Radio inputlarından birini seçmelisiniz");
  }
  .
  .
  .
}

Ben bu şekilde kontrolü yeni öğrendim. Belki benim gibi bilmeyen ender birkaç insan daha vardır diye paylaşayım dedim. Umarım işinize yarar,
Kolay gelsin,

Merhaba arkadaşlar,

Bir <select> form elemanınızın olduğunu düşünün ve bu elemandaki bir değeri linke vb. tıkladığınız zaman seçili hale getirmek istiyorsunuz. Bunu jquery ile basit bir şekilde yapabildiğimizi gördüm. Üzerinde uğraştığım bir projede ihtiyaç duydum, araştırdım ve buldum. Öncelikle olmazsa olmazımız olan jQuery kütüphanesinin sayfanızda yüklenmiş olması gerekiyor. jQuery'yi buraya tıklayarak edinebilirsiniz. Şimdi bir örnek select form oluşturalım:

<select name="sec" id="sec">
    <option value="varsayilan" selected="selected" >Lütfen seçim yapın</option>
    <option value="a">A</option>
    <option value="b">B</option>
</select>
<!-- Şimdi A linkine tıklayınca value="a" olanı seçtirmek için gerekli linkleri hazırlayalım -->
<a href="#" onclick="sectir('a')">A</a>
<a href="#" onclick="sectir('b')">B</a>

Şimdi burada kullandığımız sectir() fonksiyonunu hazırlayalım. Bu fonksiyonda yaptığımız iş çok basit. Öncelikle selected="selected" parametrelerini bulup siliyoruz. Daha value değerini girdiğimiz option'a selected="selected" parametresini ekliyoruz. Aşağıda fonksiyonumuz:

<script>
function sectir(value){
    $("select#sec option[selected]").removeAttr("selected");
    $("select#sec option[value='"+value+"']").attr("selected", "selected");
}
</script>

Kullanımı hakkında bilgi sahibi olmuşsunuzdur. Faydalı olmuştur umarım,Kolay gelsin,

Merhaba Sevgili TR Kodlama Üyeleri,

Bu makale ile web sayfalarınızda bulunamayan veya ulaşılamayan resimlerin yerine jQuery ile nasıl farklı resimler koyabileceğinizi gösteriyorum. Örneğin a.jpg dosyası çağırılıyor fakat bulunamıyor bu resim yerine bulunamadi.jpg dosyasını gösteriyoruz. İlgili kod aşağıdaki gibidir:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
     $('img').error(function(){
          $(this).attr('src', 'bulunamadi.jpg');
     });
});
</script>

Bu kadar basit bir işlemdir arkadaşlar, kolay gelsin,