«

»

Tem 11

Sitenize Jquery CountDown (Geri Sayım Sayacı) Ekleyin


Yine okuyucularımdan birinin sorusu üzerine yazdığım bu yazıda sitenize, jquery countdown (geri sayım sayacı) nasıl ekleyeceğinizi anlatacağım. İnternette jquery ile hazırlanmış çok fazla geri sayım sayacı var. Ben burada, okuyucumun bana gönderdiği dosyadakinin nasıl yapılacağını detaylı bir şekilde açıklayacağım.

Öncelikle Jquery Countdown dosyasını bilgisayarınıza indirin. Sıkıştırılmış dosyayı açtıktan sonra içerisindeki images, js ve style isimli klasörleri hostunuza yükleyin.

Aşağıda verdiğim kodları <head></head> etiketleri arasına ekleyin.

Bu kodda dikkat etmeniz gereken şey dosyaları hostunuza yüklerken herhangi bir klasör içine yüklemeyin. Klasörleri olduğu gibi atın. Eğer hostunuzda, deneme amaçlı bir klasör açıp dosyaları içine atmayı istiyorsanız, yukarıdaki kodda src içerisindeki yolun başına klasörünüzün ismini yazın. Örneğin; deneme isimli bir klasör oluşturduysanız src içerisini deneme/js/dosyaismi.js şeklinde değiştirmelisiniz. Aynısı css dosyası için de geçerli.

Buraya kadar sorunsuz bir şekilde yaptıysanız geri çok basit. Zaten hata yapma ihtimali olan kısım üst kısımdı.

Şimdi tek yapmanız gereken şey aşağıdaki kodları, geri sayım sayacının görünmesini istediğiniz yere eklemek ve üzerinde gerekli değişiklikleri yapmak.

Gördüğünüz gibi eklediğiniz kodların sonunda hedef gün, hedef ay gibi açıklamalar var. Sayacın hangi tarihten geriye doğru saymasını istiyorsanız, oradaki rakamları kendinize göre düzenleyin. Hepsi bu kadar.

Yazar hakkında

Polat Büyükarslan

Amacım, siteyi açtıktan sonra başladığım GNU/Linux dağıtımlarına olan ilgim ve bilgilerimi bu site üzerinden paylaşmak, bununla birlikte, yılların verdiği birikimle Windows ile ilgili yazılara da sıkça yer verip siteye gelen kişileri bilgilendirmek. Umarım sitede aradığınızı bulmuşsunuzdur. Her türlü sorununuzda iletişim sayfasından bana ulaşabilirsiniz. Elimden geldiğince yardımcı olmaya çalışırım.

Yorumu formunu geç

  1. Hüseyin

    tarih alanını veritabanından çekmek istesek kodları nasıl değiştirmemiz gerekir

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Maalesef bu konu ile ilgili bir bilgim yok.

    [Cevapla]

    Can Yanıtladı:

    <% response.write("<script language='javascript' type='text/javascript'>") %> olarak değiştirmen gerekiyor

    daha sonra veritabanından çekmen için

    'day': <% veritabanındaki alan %>

    gibi çekebilirsin. asp.net için bu şekilde yapabilrisin diğer dillerdede buna benzer halledebilirsin. Ben deneyerek bu şekilde buldum ve kullanıyorum.

    [Cevapla]

    Abdullah Yanıtladı:

    asp bilgin sıfır. insanları yanlış yönlendirme

    [Cevapla]

    Abdullah Yanıtladı:

    asp bilgin sıfır. insanları yanlış yönlendirme

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Maalesef bu konu ile ilgili bir bilgim yok.

    [Cevapla]

    Can Yanıtladı:

    <% response.write("<script language='javascript' type='text/javascript'>") %> olarak değiştirmen gerekiyor

    daha sonra veritabanından çekmen için

    'day': <% veritabanındaki alan %>

    gibi çekebilirsin. asp.net için bu şekilde yapabilrisin diğer dillerdede buna benzer halledebilirsin. Ben deneyerek bu şekilde buldum ve kullanıyorum.

    [Cevapla]

  2. webmaster

    Teşekkürler. 🙂

    [Cevapla]

  3. Can Türk

    hocam çok güzel bir script hoşuma gitti asp.net için kullanmak istiyorum ama şu eksik benim için. scriptte complete kullandım çalışmadı herşeyi yaptım ama zaman sıfırlandıktan sonra işlem yapmak istiyorum ben sayacın sıfırlandıgını nasıl anlayacaz peki ? sayaç sıfırlandıgında saati kontrol et saat 10:00 ise sayacı tekrar başlat gibi uygulama yapmak istiyorum

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Asp.Net ile ilgili pek fazla bilgim yok. Sadece bir dönem çok kısa bir süre kullanmıştım.

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Asp.Net ile ilgili pek fazla bilgim yok. Sadece bir dönem çok kısa bir süre kullanmıştım.

    [Cevapla]

  4. mert

    hocam. süre bitince yönlendirmeyi nasıl yapabiliriz.

    [Cevapla]

  5. murat

    nasıl küçültebiliriz ben bir sayfanın tamamında değilde ufak bir resmin altında kullanmak istiyorum

    [Cevapla]

    Cemal Yanıtladı:

    css dosyasını incelersen biraz değişiklik yapabilrisin

    [Cevapla]

    Cemal Yanıtladı:

    css dosyasını incelersen biraz değişiklik yapabilrisin

    [Cevapla]

  6. arif erzin

    Bittiğinde

    <script language="javascript" type="text/javascript">
    jQuery(document).ready(function() {
    $('#countdown_dashboard').countDown({
    targetDate: {
    'day': 30,// hedef gün
    'month': 05,// hedef ay
    'year': 2015,// hedef yıl
    'hour': 07,// hedef saat
    'min': 41,// hedef dakika
    'sec': 1//hedef saniye
    },
    onComplete: function() { alert("tamam"); }
    });
    });
    </script>

    yapabilirsiniz

    [Cevapla]

  7. ali

    Teşekkürler.

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Rica ederim.

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Rica ederim.

    [Cevapla]

  8. Osman

    sistem bilgisayarın saatine göre çalışıyor bunu bizim belirlediğimiz saate göre ayarlayabilirmiyiz lütfen bu konuda yardımcı olun

    [Cevapla]

  9. Arif

    peki bunun gibi ileri sayım sayacı nasıl olur?

    [Cevapla]

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Önceki yazıyı okuyun:
Sitenize/Blogunuza Yahoo WebPlayer Ekleyin

Benden Yahoo WebPlayer konusunda yardım isteyen bir okuyucum sayesinde Yahoo'nun böyle bir oynatıcısı olduğunu öğrendim. Hem kendisine yardımcı olmak hem...

Kapat