我目前正在为所在公司开发一个内部销售应用程序,并且我有一个表单,允许用户更改交付地址。
我认为如果我用于主要地址详细信息的文本区域只占用文本区域中的文本区域,并且在更改文本时自动调整大小,那么它看起来会好得多。
这是当前的屏幕截图。
有什么想法吗?
@Chris
一个很好的观点,但我想让它调整大小有一些原因。我希望它占用的区域是其中包含的信息区域。正如您在屏幕截图中看到的那样,如果我有一个固定的文本区域,它将占用相当大的垂直空间。
我可以缩小字体,但我需要地址大而易读。现在我可以缩小文本区域的大小,但我有人们使用需要3或4行(其中一行需要5行)地址行的问题。需要用户使用滚动条是一个主要的不可行之举。
我想我应该更具体一点。我需要垂直调整大小,宽度并不那么重要。唯一发生的问题是当窗口宽度太小时,ISO号码(大号“1”)会被推到地址下方(如您在屏幕截图中看到的那样)。
这不是一个花哨的问题;这是关于有一个用户可以编辑的文本字段,不会占用不必要的空间,但将显示其中的所有文本。
虽然如果有人提出另一种解决问题的方法,我也愿意尝试。
我修改了代码,因为它表现得有点奇怪。我把它改成了在按键松开时激活,因为它不考虑刚刚输入的字符。
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;
};