Archive for JavaScript
Aralık 18, 2011 at 11:11 · Kategori: JavaScript
Projelerimizin birinde JSON olarak aldığımız verilerden bir kısmını işlerken javascript’in parseInt methodundan yararlanıyorduk. "gün/ay/yıl" formatında gelen bir tarih stringini (örn: 08/12/2011) parçalarına ayırıp bir takım işlemlere tabi tutuyorduk.
Ancak burada parseInt("08")' ve parseInt("09")‘un 0 değerini döndürdüğünü farkettik. Kısa bir araştırma sonucu parseInt’in 8′lik tabanda çalıştığını öğrendik. Artık bu fonksiyonu kullanırken parseInt(deger,taban) şeklinde kullanıyor olacağım.
parseInt('01'); //eşittir 1
parseInt('02'); //eşittir 2
parseInt('03'); //eşittir 3
parseInt('04'); //eşittir 4
parseInt('05'); //eşittir 5
parseInt('06'); //eşittir 6
parseInt('07'); //eşittir 7
parseInt('08'); //eşittir 0
parseInt('09'); //eşittir 0
Kasım 25, 2011 at 00:05 · Kategori: JavaScript, Jquery
Genellikle açılır menülerde sıkça rastlanılan bir senaryo diyebiliriz. Bir elemente tıklanır ya da fare ile üzerine gelinir ve daha sonra bunun kendisi dışında sayfada herhangi bir yere tıklanılması durumunda kapatılması istenir. Bu elbette birçok şekilde yapılabilir. Stackoverflow‘da rastladığım aşağıdaki yöntem bence gayet güzel bir çözüm olmuş. Siz de varsa eğer kendi çözümlerinizi paylaşabilirsiniz.
var isMouseInside = false;
$(function()
{
$('.ilgiliElement').hover(function(){
isMouseInside = true;
}, function(){
isMouseInside = false;
});
$("body").mouseup(function(){
if(!isMouseInside)
$('.ilgiliElement').hide();
});
});
Ekim 9, 2011 at 09:48 · Kategori: JavaScript
Javascript’de bazen bir işlemi belli aralıklarla tekrar tekrar yapmamız gerekir. Bunun için de genelde setInterval methodu tercih edilir.
Her 2 saniyede bir sayfadaki bir panel içerisinde bilgilerin veritabanı sorgusu yapılarak güncellenmesini istebiliriz. Ancak gözden kaçırabileceğimiz durum, çalışan fonksiyon 2 saniye içerisinde tamamlanamayabilir. Bu durumunda setInterval işlem bitmeden aynı fonksiyonu ikinci kez çalıştıracaktır. Böyle bir senaryoyu engellemek için javascriptin kendini çağıran fonksiyon yapısını setTimeout ile kullanmak daha mantıklı olabilir.
(function(value){
alert(value);
setTimeout(arguments.callee,2000);
})("61")
Kullanım şeklinin rahat anlaşılması için örneği basit tuttum. Burada alert yerine uzun bir işlem sürecine sahip bir yapı düşenebilirsiniz.
İyi çalışmalar,
Mayıs 24, 2010 at 20:55 · Kategori: JavaScript, PHP
Bir yandan projeler, diğer yandan bilgisayar mühendisliğinin bölüm başkanlığını yapmam sebebiyle diğer öğrenci arkadaşlardan gelen sorular derken bloguma yazmaya vakit bulamadığımı itiraf etmeliyim. Bu yoğun dönem içerisinde web programlama dersinin son ödevi olan ajax, php ve javascript kullanarak bir hesap makinesi yapmamız istenmişti. Sizin de dikkatlice incelemeniz koşuluyla bulabileceğiniz bir hata dışında, sorunsuz çalışan bir proje oldu diyebilirim. Herkesin yararlanabilmesi adına blogumda paylaşıyorum.
Aşağıdaki bağlantı aracılığıyla projeyi indirebilirsiniz.
Projeyi indir
Ocak 2, 2010 at 20:40 · Kategori: JavaScript, Jquery
Merhabalar,
Birçok sitede yazıların devamını okuyabilmek için bir seçenek bulunur ve bu seçenek genellikle konunun tümünün başka bir sayfada açılmasını sağlar. Ancak eğer biz konunun devamını yine aynı sayfada görmek istersek, burada Javascript kütüphanelerinden biri olan Jquery yardımımıza koşuyor. Sözü daha fazla uzatmadan kodumuzu yazmaya başlayalım.
1) Öncelikle xhtml ve css ile basit bir şablon oluşturalım.
<html>
<head><title>Jquery ile Read More Methodu</title>
<style type="text/css">
#mesajKutusu { width:400px; border:2px solid #000; padding:10px} /* En dış çerçeve ( Mesaj Kutusu ) */
#mesajKutusu #mesaj p.baslik { font-weight:bold; font-size:18px; font-decoration:underline; color:red; }
#mesajKutusu #mesaj .m2 { display:none; } /* Varsayılan olarak yazının devamının gösterilmemesi sağlıyoruz */
#mesajKutusu #mesaj p.readMore { font-size:12px; color:#000; } /* "Devamını oku" kısmı için yaptığımız görünüm ayarı */
</style>
</head>
<body>
<div id="mesajKutusu">
<div id="mesaj">
<p class="baslik"> Jquery ile read more methodu </p>
<div class="m1">1923 yılında Trabzon'da ilk resmi lig maçları oynanmaya başlandı. İlk sezon İdmanocağı şampiyon olmuştu. Bunu 1923-24,1924-25 sezonlarında Lise takımının arka arkaya şampiyonlukları izledi. 1925 sezonunda yine İdmanocağı şampiyon olurken, 1929 yılına kadar da önce Lise, arkasından Muallim Mektebi daha sonra da Ticaret Lisesi takımları mutlu sona ulaştılar.</p>
<div class="m2">İdmanocağı ile İdmangücü arasındaki büyük rekabet 1930dan sonra had safhaya ulaştı. 1929-30dan sonra 5 kez arka arkaya İdmanocağı'nın şampiyon olmasından sonra 1934-35 sezonundan itibaren İdmangücü takımı tam 7 yıl arka arkaya şampiyon olarak bu iki takım arasındaki rekabeti büsbütün alevlendirmişti.</div>
<p class="readMore"><a href="#">Devamını Oku...</a></p>
</div></div>
</body>
</html>
2) Jquery kütüphanesini şablonumuza çağıralım.
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
[/html]
Not: Bu kodu "head" tagları arasına ekleyiniz ve eklemeden önce indirdiğiniz Jquery kütüphanesinin sürümünün kullandığım sürüm ile aynı olmasına dikkat ediniz. Eğer indirdiğiniz sürüm farklı ise, ilgili sürümünün adını src kısmında gereken yere yazınız.
Yazının Devamı
Önceki Yazılarım
