(ASP) Ajax Instant Edit - Ajax ile yerinde düzenleme yapma
24 Ocak 2008Wikilerle gündeme gelen hali hazırdaki bir metin tıklandığında düzenleme yapılmasını sağlayan bir zavazingo çıkmış, her yerde php ile yapılan sürümünü bulabilirsiniz. YvoSchaap bunlardan birisidir.
Bende bu sistemin asp ile çalışanını hazırladım, birlikte inceleyelim.
Öncelikle ihtiyacımız olan Instantedit.Js dosyasını bu adresten temin edelim.
Kullanıcağımız sayfaya include edelim
Kod:
<script type="text/javascript" src="instantedit.js"></script>
Eğer editlenecek veri ile ilgili işlem yapılacak sayfaya farklı verilerde gönderecekseniz onlarıda Setvars ile ekleyeceğiz.
Kod:
<script type="text/javascript">
setVarsForm("islem=duzenle&id=1");
</script>
Şimdi yapacağımız işlem çok basit, Class="EditText" klasını eklediğimiz span alanlar düzenlenebilir hale gelecektir.
Kod:
<span id="veri" class="editText">
Geçti istemem gelmeni<br />
Yokluğunda buldum seni<br />
Bırak vehmimde gölgeni<br />
Gelme artık neye yarar<br />
<br />
<br />
<br />
Hakan Şen
<a href="http://www.hakansen.com">www.hakansen.com</a></span>
bu örnek span kodumuzdu, buradaki id="veri" hangi formun alındığını gösterir.
şimdi Js dosyasinda belirttigimiz ASP dosyasını oluşturalım.
anindaeditle.asp
Kod:
<%
Session.CodePage=1254
Response.Buffer = True
Response.ContentType = "text/html; charset=windows-1254"
YaziYazilanAlan = Request("fieldname")
islem = Request("islem")
id = Request("id")
icerik = Request("content")
%>
<%=icerik%>
bu asp dosyasi kisaca anlatmak gerekirse size o formdan gelen bilgileri alıyor, ve duzenlenen içeriği aynı span içerisine yazıyor.
Ama biz burda veritabanında güncelleme felan yapmadık isterseniz siz ID ye göre sql i açar update ile icerik verisini veritabanınıza yazabilirsiniz.
Çalışan örnek http://www.hakansen.com/kod/instant-edit/ adresinde bulunabilir.
indirmek isteyenler de buradan indirebilirler.
Devamı
Yorumlar (18)
Tarih : 24 Ocak 2008 Perşembe Saat: 18:07:39
Kategoriler : Referanslar, Makale, Programlama
Etiketler : asp, instant edit, yerinde editleme, js
