Làm cách nào để in biểu mẫu bằng html?

Nó tạo một nút và nó hoạt động tốt, nhưng biểu mẫu của tôi được chia thành hai phần và nút In nằm ở phần thứ hai. Khi bạn nhấp vào nút, nó chỉ cung cấp cho bạn tùy chọn in phần mà nút được bật.   

Tôi biết HTML dành cho in 'cửa sổ', nhưng tôi không biết mã để thay đổi nó thành in toàn bộ biểu mẫu

Điều này thậm chí có thể?

Thanks,

Hóa đơn thanh toán

0 0

Đăng liên kết

đã trả lời vào ngày 14 tháng 12 năm 2018

Dưới đây tôi có một số mã làm việc cho tôi. Nó làm cho tất cả các trang hoạt động hiển thị thông tin, ẩn các nút, xuất hiện bản in, loại bỏ lớp đang hoạt động (ẩn tất cả nội dung tab), hiển thị tab (sẽ cần sửa đổi #q80 thành tab bạn đang sử dụng)

$('#cmdPrint'). nhấp (hàm () {
// đặt hoạt động trên tất cả
$('. trang cf'). addClass('đang hoạt động');
      
// Ẩn các nút
$('. cf-prev-btn'). ẩn giấu();
$('. cf-next-btn'). ẩn giấu();
      
// in
cửa sổ. in();
      
// loại bỏ hoạt động trên tất cả, ngoại trừ hoạt động chúng tôi đang sử dụng
$('. trang cf'). removeClass('đang hoạt động');
    $('#q80'). addClass('đang hoạt động');
   
// hiển thị lại các nút
$('. cf-prev-btn'). chỉ();
$('. cf-next-btn'). chỉ();
});

Và đây là HTML cho nút

In

1 0

Đăng liên kết

đã trả lời vào ngày 12 tháng 2 năm 2021

Bạn có thể nêu chi tiết nơi mã sẽ được sao chép vào không? . Ngoài ra, tôi nên sử dụng giá trị nào cho "#q80" hoặc tôi sẽ tìm giá trị đó ở đâu?

0 0

Đăng liên kết

đã trả lời vào ngày 25 tháng 9 năm 2018

Khi bạn in cửa sổ, các trường ẩn sẽ không hiển thị trừ khi được hiển thị trước khi chọn in. Vì vậy, bạn sẽ cần gọi javascript của riêng mình để hiển thị tất cả thông tin ẩn trên phần khác trước tiên, sau đó gọi window. in()

Bạn thậm chí có thể yêu cầu chức năng javascript của mình hoạt động thông qua quy tắc trường, bằng cách đặt quy tắc trường thành ẩn khi javascript kích hoạt trường kích hoạt ẩn

Với các mẫu 10. Tuy nhiên, 3, tôi không thể sử dụng phương thức in này nữa, vì một số lý do, nó sẽ gửi biểu mẫu khi bạn nhấp vào nút in

0 0

Đăng liên kết

đã trả lời vào ngày 26 tháng 9 năm 2018 • Hiển thị lịch sử phiên bản

Xin chào Bill,

Bạn có thể sử dụng JavaScript để di chuyển tất cả các trường của trang vào một trang khi nhấp vào nút in. Điều này có một lời giải thích rất chi tiết về cách di chuyển các trường từ trang này sang trang khác. Bạn có thể sửa đổi JavaScript này để di chuyển các phần từ các trang khác sang trang bằng nút in khi nhấp vào nút in. Sau đó, bạn sẽ có thể sử dụng cửa sổ. print() để in toàn bộ trang, bây giờ tất cả các trường đã được chuyển vào một trang

Tuy nhiên, tôi vẫn chưa tìm ra cách di chuyển các trường trở lại các trang tương ứng của chúng sau khi in, vì vậy bạn có thể muốn xem xét giải pháp cho vấn đề đó

Một tùy chọn khác mà bạn có là xử lý việc tạo bản sao có thể in được thông qua Sơ đồ quy trình. Nếu biểu mẫu là biểu mẫu bắt đầu, thì bạn có thể cho phép người dùng in trang sau khi họ đã gửi biểu mẫu. Trong Sơ đồ quy trình, bạn có thể định cấu hình Sự kiện bắt đầu thông báo để hiển thị biểu mẫu đã gửi và cung cấp cho người dùng tùy chọn In biểu mẫu đó. Thao tác này sẽ tự động đối chiếu tất cả các trang lại với nhau.  

Nếu biểu mẫu là Tác vụ người dùng, bạn có thể tạo tác vụ người dùng thứ hai sẽ tự động tải nếu cùng một người được chỉ định. Sơ đồ quy trình sẽ trông giống như thế này

Tác vụ thứ hai của người dùng này (Biểu mẫu có thể in) sẽ hiển thị một biểu mẫu chỉ đọc với các ngắt trang bị loại bỏ và nút "in" hoạt động giống như bạn đã mô tả ở trên. Bạn thậm chí có thể mã hóa nút in để nhấp vào nút gửi và tiếp tục quy trình với mã bên dưới