JQuery ile basit bir buton yapıyoruz. Örneğimizde kısa bir yazının, devamını görüntülemeyi kullandık. Bunun için div, p ve span taglarını kullandık… Span tıklandığında, click fonksiyonu çalışacak ve kısa yazımızın tamamı görüntülenecek, kapat butonu tıklandığında ise tekrar kısa ön yazıya dönülecek… 2 Adet içerik kullandım, birisi kısa ön yazı, diğeride devamına tıkladığımızda görüntüleyeceğimiz yazının tamamıdır. Butonlara [...]
JQUERY datepicker. Hazırladığım Örnek uygulamayı buradan inceleyebilirsiniz… Örnek uygulamayı buradan indirebilirsiniz..TAKVIM Dil dosyaları için: http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/ Dil dosyasını (jquery.ui.datepicker-tr.js) indirebilirsiniz. JQUERY download adresine gidiyor ve buradan datepicker seçip indiriyoruz..
Daha önce bu başlıkda basit bir açılır, kapanır menü yapmıştık. Şimdi ise aynı biçimde 3 satır kod yazarak dikey(vertical) menü yapıyoruz.. Örneği Buradan İnceleyebilirsiniz. Örneği olduğu gibi kaydedebilir, ya da kaynak kodları bir text dosyasında, .html dosyası olarak kaydederek deneyebilirsiniz.. JQUERY kodlarımız aşağıdaki gibidir…
JQUERY ve CSS ile basit açılır menü… Örneği Buradan İnceleyebilirsiniz.. İlgili sayfanın kaynak Kodlarına bakarak kodları kopyalayıp, html sayfası olarak kaydetmeniz yeterli olacaktır… Üst öğemizin arka plan resmi ise aşağıdaki gibidir. HTML sayfanızın yanına kopyalamanız yeterli olacaktır.. $(document).ready(function(){ $(“.icerik”).hide(); $(“h2.ustoge”).click(function(){ $(this).toggleClass(“active”).next().slideToggle(“fast”); }); }); H2, class ustoge olan tagımızın click olayına icerik tagımızın acılmasını sağladık.. slideToggle(“fast”) yerine slideToggle(“slow”) [...]
Daha Önce basit bir şekilde, JQUERY ile PHP veri gönderme, alma işlemine değinmiştim.. Şimdi ise, form verilerini JQUERY ile kontrol edeceğiz ve text kutuları boş ise, kırmızı oklarla belirtecek ve işlem yapmayacağız. Eğer kutular dolu ise PHP dosyamıza verileri gönderecek ve cevabı alacağız… Örnek Uygulamayı Buradan İnceleyebilirsiniz.. Örneği buradan indirebilirsiniz.. HTML KODLARI JAVASCRIPT function giris() [...]
