Thursday, March 09, 2006

Dün yüklediğim Ajax ın biraz daha gelişmişini bitirdim az önce, yeni hali ile onuda sizin beğeninize sunuyorum..(:

http://www.cenkcaglar.com/AjaxTest/User.aspx

Burada yapılan iş, kullanıcı adı ve şifre bilgilerini alıp, bu kullanıcıya bir guid atayarak ve kaydolduğu tarihide hesaba katarak Sunucuda bulunan XML dosyamıza kaydetmek... Aynı zamanda bilgileri güncelleyip, silmesinide sağlamak.

Böylece bu Ajax örneğinde kullanabileceğiniz bütün yapıları görüyorsunuz...

Ajax la ilgili izlenimlerim ise; Ajax gerçekten kolay bir yapı, zorluk namına hiç birşeyi yok. Ancak zor olan JavaScript, ben çok uzun zamanlar JavaScriptle uğraşmış birisi olarak bu kadar sıkıntı çekeceğimi düşünmezdim JavaScript te...

Özellikle sunucudan gelen XML dosyaları ile ilgili işlemler yapmak oldukça vakit aldı, şu aşağıdaki koda bir göz atın,

var root = response.responseXML.documentElement;
var userNameElement = root.getElementsByTagName("user");

var ItemAll = document.createElement("div");

for(var i=0; i < userNameElement.length; i++){
   var ItemDiv = document.createElement("div");
   ItemDiv.setAttribute("id","ItemDiv");
   var ItemCb = document.createElement("input");
   ItemCb.setAttribute("type","checkbox");
   ItemCb.setAttribute("name","SelItem");
   ItemCb.setAttribute("value",root.getElementsByTagName("UserId")[i].firstChild.data);
   ItemDiv.appendChild(ItemCb);
   var ItemList = document.createElement("span");

   ItemList.appendChild(document.createTextNode(root.getElementsByTagName("UserName")[i].firstChild.data + " | " + root.getElementsByTagName("UserPass")[i].firstChild.data + " | " + root.getElementsByTagName("UserAddedTime")[i].firstChild.data + " | " ));
   var LinkItemDel = document.createElement("a");
   LinkItemDel.setAttribute("href","#");
   LinkItemDel.appendChild(document.createTextNode("Sil"));
   LinkItemDel.onclick = Function("ItemDelete('" + root.getElementsByTagName("UserId")[i].firstChild.data + "','" + root.getElementsByTagName("UserName")[i].firstChild.data + "');");
   ItemList.onclick = Function("ItemChange('" + root.getElementsByTagName("UserId")[i].firstChild.data + "','" + root.getElementsByTagName("UserName")[i].firstChild.data + "','" + root.getElementsByTagName("UserPass")[i].firstChild.data + "');");

   ItemDiv.appendChild(ItemList);
   ItemDiv.appendChild(LinkItemDel);
   ItemAll.appendChild(ItemDiv);
}
document.getElementById("UserList").appendChild(ItemAll);

 

Ne yapılıyor burada değilmi ? Burada yapılan aşağıda listelenen bilgilerin Div lerin içine mantıklı bir şekilde yerleştirilmesi, sonra yerleştirilen bu Div lerin OnClick olayında bazı işlemler yapılması için başka bir fonksiyonun çağırılması...

Artı bu örnekte biraz daha güzel bir yükleniyor ekranı denedim...(:

Kodu indirebilir, sorunuz varsa soldaki mailden, sorularınızı sorabilirsiniz...

Not : Ajax Yeter bu kadar, şimdi sırada Atlas var... bakalım o nasıl bişi (: Beni izlemeye devam edin..(:

AjaxTestYeni.rar (13,9 KB)
Thursday, March 09, 2006 9:19:21 PM (GTB Standard Time, UTC+02:00)  #    Comments [3]  |  Tracked by:
"Ajax " (Kivanc Ozuolmez) [Trackback]

Tuesday, July 25, 2006 1:57:14 PM (GTB Daylight Time, UTC+03:00)
denedim sayfa calismiyor.. tekrardan bi bakiver arkadasim.. calismalarinda basarilar..
Tuesday, August 01, 2006 6:49:35 AM (GTB Daylight Time, UTC+03:00)
Sayfa yükleniyor gibi bir şey ile kalıyor öylesine tekrar kontorle etmeni öneririm.
Tuesday, August 01, 2006 8:14:40 AM (GTB Daylight Time, UTC+03:00)
Selamlar Arkadaslar,

Hosting firmasi 3 kere falan hosting i degistirip, benim diger domaindeki dosyalari almadigi icin maalesef calismiyor...

ilk firsatta bakip duzenlerim...

Ancak, source leri indirebilirsiniz, sonucta onlarda calisan kodlar...
All comments require the approval of the site owner before being displayed.
Name
E-mail
Home page

Comment (HTML not allowed)  

Enter the code shown (prevents robots):

© Copyright 2006, Levent Cenk ÇAĞLAR

eXTReMe Tracker