Bazen çok gerekli olabiliyor
var dizi = new Array();
dizi.push("aaa");
dizi.push("bbb");
alert(dizi.length)
dizi=[]
alert(dizi.length)
Less
More
Archive for the 'Jquery' Category
Cufon (computer user fonts) başlığa takılmayın ben uydurdum 
son zamanlarda sık tercih edilen yeni bir teknik olan cufon ile istediğiniğz fontu veb sayfalarında kullanabilirsiniz.( zaten resim yapıp kullanabiliyorum diyenler çıkacaktır bu teknik ile seo problemi olmadan istediğiniz fontu kullanabilirisiniz (malum gogle resimleri okumaz).
fazla uzatmadan detaylara geçelim.
Orjinal Makale için http://www.yakuter.com/cufon-bir-sifr-alternatifi-hakkinda-her-sey/
Sitelerimizde bazen kendi zevkimize göre yazı tipleri kullanmak isteriz. Bununla birlikte çok büyük yazı karakterleri de kullanmamız gereken zamanlar oluyor. İşte böyle durumlarda en doğru çözüm bu zamana kadar sIFR teknolojisiydi fakat artık güçlü bir rakip var, şurada örneğini görebileceğiniz Cufón.
Cufón’un Artıları
Bu yeni tekniği özel ve farklı kılan bazı hususlar şunlar.
- sIFR gibi Flash dosyası kullanmak yerine Javascript dosyası kullanır. Böylece görüntülenmesi normal bir metnin görüntülenmesi kadar hızlıdır.
- Kendi dosyaları dışında hiçbir eklentiye ihtiyaç duymaz.
- Oldukça kolay ve kısa süren bir kurulumu vardır.
- Tüm tarayıcılarda sorunsuz bir şekilde çalışır.
- Dönüştürmüş olduğunuz yazı tipi dosyasını sadece belirli bir alanadında çalışacak şekilde düzenleyebilirsiniz. Böylece ücretli yazı tiplerini veya başkasının kullanmasını istemediklerinizi çalınma korkusu olmadan güvenle sitenizde kullanabilirsiniz.
- Yazı tipi dönüştürme sırasında Türkçe karakterleri de ekleyebilirsiniz. Böylece Türkçe karakterler konusunda sıkıntı yaşamazsınız.
- Yazı tipinizi dönüştürürken dosyanın kalite oranını seçerek ortaya çıkacak Javascript dosyasının küçük olmasını ve böylece sisteminizi kasmamasını sağlayabilirsiniz.
Continue reading ‘Cufon nedir? nasıl kullanılır ? (computer user font)’
Geliştirdiğimiz bir projede farklı sitelerden (youtube,dailymotion…) videolar ekleyebilmemiz gerekiyordu.
basitçe bu işi jquery ile ile nasıl yaparım diye düşündüm ortayada böyle bir plug-in çıktı.Scriptin server taraflı versiyonunuda php ile yazıyorum ama şu an için basitçe jwuery ile çalışıyor sistem.
BURADAN test edebilirsiniz.
Bazen javascriptle get parametrelerini almak gerekebilir bu iş için basit bi fonksiyon
function urlParam(name){
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
if (!results) { return 0; }
return results[1] || 0;
}
//kullanımı önr : www.site.com?veri=1
var deger= urlParam("veri") // bu 1 değerini verecektir.
Senaryo : Diyelimki bir tab uygulama geliştiriyoruz diğer yapacağımız işlemlerin yanında birde seçili tabı aktif hale getirip dahaönce seçili olanıda pasif yapmamız lazım .bu kısmı jquery siblings() seçicisi ile kolaylıkla yapabiliriz.
$(this).parent('li').addClass('sekmeSecili').siblings().removeClass('sekmeSecili');
burada yapılanişlem tab uygulamamız listelerden oluşuyor. tıkladığımız tab a “.secmesecili” classını atadık diğer listelerdeki ” .sekmesecili” class atanmış varsa sildik
Önceden javascriptte bir elemana mouseover ve mouseout olayları eklerdik. Jquery ile çok daha basit ve pratik şekilde yapılabiliyor.
$("li").hover(
function () {
// fare üzerinde iken bunu yap
},
function () {
// fare kaçınca bunu yap
}
);
Öncelikle efenim kodun örneğini http://jsbin.com/ucidi/3 adresinden görebilirsiniz. Hatta linke tıklayıp test de edebilirsiniz. Başlıkta da Niye case-sensitive ing. demeyin yoksa başlık aşırı uzun oluyordu 
Jquery’de bildiğiniz üzere contains kodu çalışırken büyük küçük uyumu olmadan çalışmaktadır ve standardı olmayan yazılarda böyle bir uyum olmayacağından düzgün çalışmıyor. Bende koca jquery için bunun kolay yolunu yapmamışlar mı derken bi baktım ki “custom selector” denilen bir velet eklenmiş framework’e. Bende bunu evirip çevirip (tabii gogıl’ında büyük yardımıyla) büyük küçük uyumu olmadan contains’i kullanmayı sağladım. Üstüne de dedim bunun soldan sağa olanı da olmalı ve alttaki iki kodu çıkarttım ortaya. http://www.west-wind.com/weblog/posts/519980.aspx adresinde çok iyi anlatılmış zaten soldanSaga kodunda hiçbir değişiklik yapmadım
Continue reading ‘Jquery ile Case-sensitive olmadan arama yapma !’
Çoğumuz web uygulamaları geliştirirken, tarayıcıların motorlarındaki farklılıklardan dolayı geliştirmiş olduğumuz uygulamaların tüm tarayıcılarda aynı çalışması için bazı yerlerde sorunu gidermek için sadece sorun olan browserda çalışacak hackler yazıyoruz. Bu sıkıcı işlemi işlemi yapmanın ilk aşamalarından biri de tabii ki kullanıcının siteyi hangi tarayıcı ile görüntülediğini bulmak oluyor. Hastalığın ne olduğunu bilelim ki ona uygun ilacı yazabilelim değil mi?
Bu işlem için kullanılacak olan 10larca çözüm olmasına rağmen ben bu yazımda pek sevgilijQuery‘nin browser nesnesinden bahsedeceğim. Browser nesnesi basitçe, kullanıcının kullanmış olduğu browser’ın ne olduğunu ve versiyonunu döndürüyor. Bizi de bu verileri elde etmek için acayip acayip yöntemler kullanma derdinden kurtarıyor. Biraz fazla konuştum, kod yazsam iyi olacak sanırım 
Geliştirmekte olduğum bir projede Tema değişikliği yapmam gerekiyordu klasik yöntemlere yaptım ancak hoşuma gitmedi . jquery ile çözüm ararken şöyle basit bir olay buldum
$("link[title=tema]").attr("href",adres)
burada dikkat edilmesi gereken kısım css dosyasını eklerken birde title tagı eklememiz gerekir
<link rel=stylesheet type=text/css href="tema/css.php" title="tema" >
title eklemek zorunda değiliz farklı şekillerdede bu işlem yapılabilir.
“adres” değişkenide yükleyeceğimiz css dosyasının adresi oluyor
10EylJQUERY İpuçları !
1- Dinamik oluşturulan elementlere live() ile olay atama
Sayfaya dinamik olarak eklenen içeriklerde veya ajax ile doldurduğumuz içeriklerdeki elemanlara bir olay atadığımızda(click, mouseover vd.) çalışmayacaktır. jQuery geliştiricileri bunun için live() fonksiyonunu geliştirmiş.
$('a.acilSusam').live('mouseover', function() {
// yapilacak islemler
});
Continue reading 'JQUERY İpuçları !'
