Ölçeklendirilebilir textarea ve Anlık düzenleme
Merhabalar, Sonzamanlarda yazdığım tüm scriptleri bir framework olarak bir araya topluyorum, saha tamamlamadım ancak yapımı sırasında da çok hoşuma giden ve herkesin işine yarıyacağını düşündüğüm bazı scriptler de yazdım ve onları sizlerle paylaşmak istedim, tabi bu arada yazdığım framework'ün de beta versiyonunu görmüş olacaksınız. framework tamamen bittiği zaman onun için ayrıca bir yazı ve dökümanasyon da hazırlayacağım şimdilik sadece bazı fonksiyonlara bakalım.
Yeni framework birçok özellik içericek bunlar genelde bir website inşaa ederken ihtiyac duyabileceğiniz çeşit çeşit fonksiyonlardır, ben bunların arasından eylenceli olan iki tanesini seçtim. umarım işinize yarar. bunları kullanabilmek için Framework.js dosyasını yüklemeniz gerekmektedir.
Blogger javascriptle ilgili bir sorun yarattı için kod örneklerini farklı bir sayfaya taşımak zorunda kaldım.
Ölçeklendirilebilir Textarea
Ölçeklendirilebilir textarea yı yaparken Drupal'dan esinlendim, kod olarak değil ama prensip olarak aynısını yaptım diyebiliriz. Peki nedir bu? sitenizdeki textarea lara ortak bir class ismi verin ardından aşağıdaki örnek fonksiyonu o class ismiyle birlikde çağırın, artık kullanıcılarınız yazı alanlarını istedikleri gibi ölçeklendirebilecekler.
Örnek sayfası
Anlık Düzenleme
Anlık düzenleme bizim zaten JotForm üzerinde kullandığımız birşeydi daha sonra diğer sitelerde de çok popüler oldu bende bunu bir fonksiyon haline getirdim artık belirlediğiniz class ismine sahip bir div, span yada benzeri objeyi bu anlık düzenleme kutularına dönüştürebilirsiniz. Mantık aynı. Ayrıca bunlara işlem tamamlandığında çalıştırmak istediğiniz fonksiyonlarıda verebilirsiniz aynı benim öneğimde olduğu gibi yeni değeri alıp ekrana basmasını istiyorum, siz ajaxla database'de yollayabilirsiniz :)
Örnek sayfası
Bu arada örnekde kullandığım Debug.echo fonksiyonu da framework tarafından yaratıldı. resize, drag&drop gibi özellikleri framework'ü inceleyerek keşfedebilirsiniz.
Herzamanki gibi umarım işinize yarar.
Hiç yorum yok:
Yorum Gönder