Dinamik Tablo (Dynamic Table)
Dynatable; suya sabuna dokunmadan, sadece fare hareketleriyle bile tablo oluşturulmasını sağlayan, kendi işlerimde kullanmak amacıyla yazdığım lisansız javascript uygulamasıdır. İnternette ücretsiz olanını bulamayınca ilk önce kızdım, sonra üzüldüm.
Javascript ile dinamik olarak tablo düzenlemek aslında çok zor olmayan fakat çok kullanışlı bir iştir. Hatta ajax ile tablo düzenleme de yapılsa çok iyi olur. Henüz ajax işini yapmadım.
Nerelerde kullanılır?
Her yerde, her zaman. Özellikle web sitelerinin içeriklerinin düzenlendiği yerlerde, içerik düzenleyen kişinin html bilgisi olmadan tablo oluşturmasını sağlar. Ama uygulamanın bu şekliyle son kullanıcılara sunulması güvenlik sorunlarının doğmasına neden olabilir, hatta olur.
Nasıl kullanılır?
Her şekilde. Bir kaç satır html kodu ve dyntable.js dosyası ile kullanılır. Bu uygulamayı kısıtlı zamanım ve bilgim dahilinde olabildiğince esnek yapmaya çalıştım. Ama kodlar ortada, gerekli yerleri değiştirerek size uygun hale getirebilirsiniz.
Kimler kullanabilir?
Kim isterse. Bu uygulama(altı üstü iki çorba kaşığı kod) bir lisansa sahip değil, gpl de dahil. Bu uygulamayı kullananlardan, değiştirenlerden, bir şekilde fayda görenlerden bir teşekkür dahi beklemiyorum. Ne yaparsanız yapın bu uygulama ile.
Her neyse!
Uygulamanın örneği için buraya tıkla. (Demo)
Uygulamayı indirmek için buraya tıkla. (Download)
Güvenlik
Bu kod kesinlikle güvenli değildir, tabloyu kullanan kişi javascript kodları ekleyerek kötü şeyler yapabilir. Örneğin tablodaki bir hücreye "<script>alert('nı hahaha')</script>" böyle bir şey yazabilir ama bundan daha fazlasını yapabilecekleri konusunda şüphem yok. Eğer uygulamayı güvenli hale getirirseniz ve bunu benimle paylaşırsanız size teşekkür ederim.
Eksikler
- Sütun ve satır yükseklik ve genişliklerinin ayarlanamaması,
- İstenilen bir sütunun sağa veya sola hizalanamaması,
- Düzenleme modunda, yazı kutularının boyutlarının içerik büyüklüğüne göre ayarlanamaması
- Yeterince test edilmemesi
benim için bir eksikliktir ama şimdiki hali ile işimi görüyorum.
Bu uygulama ile ilgili düşüncelerin varsa, alttaki yorum kutusu ile kendini ifade edebilirsin. Bu seni geliştirir.
Ellinize sağlık güzel olmuş
tebrik ederim döktürmüşsün yine
Şu yapılabilir bu yapıyı Tiny Editörün Plugin olarak gömer tool menüde tıklayınca popupda açılır ve tamam dendiğinde ise tiny ekranını basar güvenlikle ilgilil mevzular tiny 'nin valid i temizler.
abi aradığım buydu :))
yazılarının devamını bekliyoruz
Merhabalar,
Yukarıdaki güzel bir örnek. Bunun için teşekkür ediyorum. Yalnız anlamadığım nokta şu :) Değiştirdiklerimiz sayfanın yenilenmesiyle birlikte kayboluyor. Ne anladık :) Bu konuda yardımcı olabilir misiniz?
Tekrar teşekkür ediyorum.
Soner Acar
Burada sunduğum kod sadece örnek amaçlıdır ve spesifik bir işlevi yerine genel bir işlevi vardır. Bu kodu işinize yarayacak hale getirmek, projenize uyarlamak size düşen görevdir.
Bu kodu ajax teknolojisi ile harmanlayarak değişikliklerin yapıldığı anda veritabanına da aynı değişikliklerin olmasını sağlayabilirsiniz. Buradaki sadece bir örnek ve veritabanı ile bir ilişkisi yok.
Ben bu kodu, bir yönetici panelinde, hiç html bilmeyen birisinin tablo oluşturabilmesini mümkün hale getirmek için yazmıştım. İşimi de gördü.
Kısaca, genel bir kod, doğrudan alıp kullanılabilecek bir kod değil. Gerektiği şekilde değiştirilmelidir.