Tôi hiện đang làm việc trên một ứng dụng bán hàng nội bộ cho công ty tôi đang làm việc và tôi có một biểu mẫu cho phép người dùng thay đổi địa chỉ giao hàng.
Bây giờ tôi nghĩ nó sẽ trông đẹp hơn nhiều, nếu văn bản tôi đang sử dụng cho các chi tiết địa chỉ chính sẽ chỉ chiếm diện tích của văn bản trong đó và tự động thay đổi kích thước nếu văn bản bị thay đổi.
Đây là ảnh chụp màn hình của nó hiện tại.
Có ý kiến gì không?
@Chris
Một điểm tốt, nhưng có những lý do tôi muốn nó thay đổi kích thước. Tôi muốn khu vực nó chiếm là khu vực thông tin có trong đó. Như bạn có thể thấy trong ảnh chụp màn hình, nếu tôi có một vùng văn bản cố định, nó sẽ chiếm một lượng lớn không gian dọc.
Tôi có thể giảm phông chữ, nhưng tôi cần địa chỉ lớn và dễ đọc. Bây giờ tôi có thể giảm kích thước của vùng văn bản, nhưng sau đó tôi gặp sự cố với những người có dòng địa chỉ mất 3 hoặc 4 (một dòng mất 5) dòng. Cần để người dùng sử dụng thanh cuộn là một điều tối kỵ.
Tôi đoán tôi nên cụ thể hơn một chút. Tôi đang theo đuổi việc thay đổi kích thước theo chiều dọc và chiều rộng không quan trọng bằng. Vấn đề duy nhất xảy ra với điều đó, là số ISO ("1" lớn) bị đẩy xuống dưới địa chỉ khi chiều rộng cửa sổ quá nhỏ (như bạn có thể thấy trên ảnh chụp màn hình).
Nó không phải là để có một gimick; đó là về việc có một trường văn bản mà người dùng có thể chỉnh sửa sẽ không chiếm dung lượng không cần thiết, nhưng sẽ hiển thị tất cả văn bản trong đó.
Mặc dù nếu ai đó nghĩ ra một cách khác để tiếp cận vấn đề, tôi cũng sẵn sàng giải quyết vấn đề đó.
Tôi đã sửa đổi mã một chút vì nó hoạt động hơi kỳ lạ. Tôi đã thay đổi nó thành kích hoạt khi gõ phím, vì nó sẽ không tính đến ký tự vừa được nhập.
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;
};