Posts tagged Jquery

jQuery – each

Çok geçte olsada jQuery’i temelden ve elimden geldiği kadar anlatmaya karar verdim.(Eğer “jQuery ne” diye bir soru oluştu ise aklınızda erhan burhan‘ın sitesindeki güzel yazısını tavsiye ederim)
Sanırım sadece yazı değil, yanında videolar ile anlatımlarımda olacak.
jQuery dökümanları ile paralel olarak yazmaya çalısacağım ancak içerisinde atlayacağım alanlar olacak. Orta hatta ortanın üstü bir jQuery bilgisine sahip olmanızı [...]

jQuery ile Validation

Jquery ile bir çok validation (doğrulama) plugin’i bulmamız mümkün. Ancak küçük ve orta boyutlu projelerde kendimize has ve daha küçük boyutlu doğrulama ihtiyaçlarımız doğabilir. Kendi yazdığımız kodlar her zaman için daha rahat kontrol altında tutulabilir diye düşünüyorum.
Jquery ile bir formda yer alan input elemanlarından “type=text” yani tipi yazı olanları kapsayan bir script yazalım. Doğrulama esnasında [...]

jQuery ile Animasyon(Animation) – II

Bir önceki yazımda jQuery ile animasyona giriş yapmıştık. Bu yazı ile zincirleme ve etkileşimli animasyonlar hazırlayacağız.
Zincirleme derken neden bahsediyorum ;
Bir divimiz var ve biz bunu önce genişlemesini sonrada yüksekliğinin değişmesini istiyoruz. İşte burada jQuery’nin en sevdiğim özelliklerinden birisi olan zincirleme devreye giriyor.
Önce javascript kodlarımızı yazalım :

function func1(id)
{
//id'sini parametre olarak gönderdiğimiz elementin
//önce [...]

jQuery ile Animasyon (animate)

jQuery’nin işimizi kolaylaştırdığı tartışılamaz. Ancak bize sunmuş olduğu bazı imkanlar varki bunlar işimizi kolaylaştırmanın yanında işimizi zevkli kılıyor. Bunların başındada animate geliyor. Çok daha görsel sayfalar oluşturabilmek çok daha kolay.
Animate jQuery’nin effect grubundan bir öğedir. Genel yazım şekli ;
.animate( params, [duration], [easing], [callback] );
params : animasyonumu belirleyen parametrelerden oluşur.
duration : anismasyonun süresini belirlememizi sağlar. Alabileceği [...]

jQuery Accordion Plugin

Bir önceki yazımda jQuery ile accordion menü hazırlamayı anlatmıştım.  Şimdi ise o functionun plugin halini sizlerle paylaşıyorum.
Pluginin asıl amacı accordion menüler oluşturmak. Ancak ayarlardan daha değişik işlemler için kullanılabilir hale getirebilirsiniz.
Kullanım şekli :

$('div.accordion1').accordion();

İsterseniz kullanabileceğiniz 6 tane ayar barındırıyor içerisinde. Ayarlarının kullanım şekli :

$('div.accordion1').accordion({
acik:1,
baslik:'<div class="menuTitle">Fade – ul </div>',
hiz:150,
etiket:'ul',
effect:'fade',
style:'menu'
});

Ayarlarımızı tek tek açıklayalım :
acik:
Menüdeki maddelerden hangisinin açık geleceğini [...]

Jquery ile Accordion menu hazırlayalım

Neredeyse bir web 2.0 standardı olan accordion menüler sayfalarımızında vazgeçilmezi haline geldi. Şimdi yazacağımız plugin ile accordion menü hazırlamak çok
kolay hala gelecek. Sizlerde üzerinde biraz değişiklikler yaparak istediğiniz yapıda menüleri kolaylıkla oluşturabilirsiniz.
Öncelikle menümüzün salt html halini oluşturalım;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9" />
<title>Accordion Menü</title>
</head>
<body>
<div class="accordion">
<ul title="Baslık bir">
<li><a [...]

jqueryturk.com’da yazılarım

Çok ama çok kötü bir blog yazarı olduğumu biliyorum. Aslında bu yazı yerine konuşma ile olsaydı çok iyi olurdu diye düşündüm geçen gün ve bundan sonra (umarım) yazmaya başlıyacağım jquery örneklerini video ile hazırlamaya karar verdim.
Ortalarda yokken çok önemli bir projede yer aldım ve jQueryTurk.com‘da yazmayada başladım.
Oraya paralel olarak yazılarımı burayada ekleyeceğim tabii ki.

Jquery ile Livesearch

John Nunemaker‘ın ilk olarak sadece javascript ile yazdığı, daha sonra Jquery ile desteklediği LiveSearch uygulamasını, John Resig biraz optimize etmiş.

LiveSearch John Nunemaker versiyonu, prototype versiyonu.
John Resig’in modifiyeli versiyonu.

Hangisi daha iyi, daha performanslı derseniz, şu an için hiç deneme şansım olmadı ve eldeki örneklerden ise bu daha iyi diyemeceğimiz için sytanxı düzgün olan versiyonu seçmek daha [...]

IPhone’da Jquery’i seçti

Iphone’u birçoğumuz biliyoruz, bilmeyenlerde Vodafone‘un kampanyası ile haberdar oldu sanırım.
IPhone bildiğiniz gibi OS X mobile işletim sistemi kullanıyor. Hangi javascripti destekleyeceklerini en azından ben merakla bekliyordum. Bugün okuduğuma göre Jquery 1.1.3.1 ile IPhone‘un seçimi olmayı başarmış. Başarmış diyorum çünkü IPhone 2 piyasaya çıkalı 2 hafta olmadan 3-4 milyon arasında sattı bile. Yani piyasada gerçekten çok [...]