Ajax Accordion Menu ile Php Birleşimi

Tarih: Ekim 8th, 2008 | Yazar: | Kategori: Php | Etiketler: , , , , , | 2 Yorum »

Merhaba arkadaşlar. Bu dersimizde nasıl Ajax Accordion Menu ile Php sayesinde çektiğimiz verileri birleştiririz bunu göreceğiz. Aslına bakarsanız demo olarak görmeniz daha sağlıklı olur. Buraya tıklayarak nasıl birşey yapacağımızı görebilirsiniz…

Demomuza göz attıktan sonra nasıl böyle birşey yapabiliriz bunu göreceğiz. Blog scriptimiz ile birleştirme yaptığım için bizim yapacağımız o kadar süper birşey olmayacak. Direk olarak listeleyecek. İlk önce Ajax ile yapılmış olan Accordion Menu script ini indirelim.

Scriptmizin içindeki accordian-src.js ve accordian.pack.js adlı iki Javascript dosyasını acor adlı bir klasör yaratıp içine koyalım. Buraya kadar herşey tamam. İçindeki html dosyası demo olarak verilmiş. Ben ilk olarak nasıl yapıldığını görmek için html kodlarına bakmıştım. İçerisinde belirli komutlar mevcut. Biz bunları kendi kodlarımız ile birleştirerek dinamik hale getireceğiz.

devamını okuyun »


Ajax ve Php Kuramı

Tarih: Ekim 7th, 2008 | Yazar: | Kategori: Makaleler | Etiketler: , , , , | Yorum yok »

Bu mesaj atıldığında büyük ihtimal bilgisayar başında olmayacağım. Çünkü yayınlama ayarlarında oynadım :) Evet arkadaşlar kısa bir geyikten sonra hemen konumuza girelim;

Ajax ı bilmeyeniniz var mı diye sormaktan önce Ajax ın tanımını yapmak çok daha iyi olacaktır sanırım. Arkadaşlar Ajax sayesinde islem.php ye yönlendirilmeden direk tek sayfada bütün işlemleri yaparız. Mesela iletişim sayfalarında sayfayı yenilemeden mail atılır. İşte böyle göze uyum sağlayan, web 2.0 standartlarına uyan dile Ajax denir. Fakat Ajax ın bazı durumları olur ki yandım anam dersiniz. Çünkü Ajax ta islem.php arkaplanda çalıştırılır. Herhangi bir durumda bağlantı kesilmediğinden doğal güvenlik açıkları olur. Neyseki gelişen güvenlik sistemleri bunlarıda engelliyor.

devamını okuyun »


JS ile Tıklayınca İçindeki Yazıyı Silen Metin Kutusu Yapalım

Tarih: Eylül 29th, 2008 | Yazar: | Kategori: Javascript | Etiketler: , , , , , , , | 2 Yorum »

Artık Web 2.0 ile estetik tasarımlar moda oldu. Javascript ve Html in kendi etiketlerini kullanarak böyle birşey yapmak oldukça basit.

<label >Arama Kutusu</label>
<input name="txt" type="text" value="Birşeyler Yazın"
onfocus="if(this.beenchanged!=true){ this.value = ''}"
onblur="if(this.beenchanged!=true) { this.value='Birşeyler Yazın' }"
onchange="this.beenchanged = true;" />

Evet bu koda bakarsak; ilk önce metin alanında “Birşeyler Yazın” çıkıyor. Yazı yazma imleci üstünde durdukça bu yazı görünmüyor. Seçim bırakılınca da eski dönüyor.

Herkese iyi günler…