Şu anda çalıştığım şirket için dahili bir satış uygulaması üzerinde çalışıyorum ve kullanıcının teslimat adresini değiştirmesine izin veren bir formum var.
Şimdi, ana adres ayrıntıları için kullandığım metin alanı içindeki metnin alanını kaplar ve metin değiştirilirse otomatik olarak yeniden boyutlandırırsa, çok daha güzel görüneceğini düşünüyorum.
İşte şu anda bir ekran görüntüsü.
Herhangi bir fikir?
@Chris
İyi bir nokta, ancak yeniden boyutlandırmasını istediğim nedenler var. Kapladığı alanın, içerdiği bilgilerin alanı olmasını istiyorum. Ekran görüntüsünde görebileceğiniz gibi, sabit bir metin alanım varsa, oldukça fazla dikey alan kaplar.
Yazı tipini azaltabilirim, ancak adresin büyük ve okunabilir olması gerekiyor. Artık metin alanının boyutunu küçültebilirim, ancak 3 veya 4 (biri 5) satır alan bir adres satırına sahip insanlarla sorun yaşıyorum. Kullanıcının bir kaydırma çubuğu kullanmasını sağlamak büyük bir hayırdır.
Sanırım biraz daha spesifik olmalıyım. Dikey yeniden boyutlandırmanın peşindeyim ve genişlik o kadar önemli değil. Bununla ortaya çıkan tek sorun, pencere genişliği çok küçük olduğunda (ekran görüntüsünde görebileceğiniz gibi) ISO numarasının (büyük "1") adresin altına itilmesidir.
Bir gimick sahibi olmakla ilgili değil; Bu, kullanıcının düzenleyebileceği, gereksiz yer kaplamayan, ancak içindeki tüm metni gösterecek bir metin alanına sahip olmakla ilgilidir.
Gerçi birisi soruna yaklaşmanın başka bir yolunu bulursa ben de buna açığım.
Kodu biraz değiştirdim çünkü biraz tuhaf davranıyordu. Onu keyup'ta etkinleştirmek için değiştirdim çünkü yeni yazılan karakteri hesaba katmazdı.
resizeIt = function() {
var str = $('iso_address').value;
var cols = $('iso_address').cols;
var linecount = 0;
$A(str.split("\n")).each(function(l) {
linecount += 1 + Math.floor(l.length / cols); // Take into account long lines
})
$('iso_address').rows = linecount;
};