Announcement

Collapse
No announcement yet.

Tạo nút in văn bản trên website bằng javascript

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [Java Script] Tạo nút in văn bản trên website bằng javascript

    Để tạo được nút in một hóa đơn như ý bạn thì bạn có thể sử dụng hàm window.print() trong

    javascript.
    Trước hết bạn hãy tạo một nút để in hóa đơn (button), trong sự kiện onclick của button này bạn hãy

    gọi hàm window.print() để thực hiện chức năng in.

    <input type=”button” id=”print_button” value=”Print This Page” onclick=”window.print()” />

    P/S: Nhưng…khi in ra trên giấy lại có nút print. Vậy làm thế nào để khi in ra thì không có nút

    print ở trong giấy??? Có 2 giải pháp được đưa ra:

    Giải pháp 1: Cũng trong sự kiện onlick trước khi gọi hàm in, bạn dùng javascript ẩn nút đó đi.

    <input type=”button” id=”print_button” value=”Print This Page” onclick=”this.style.display

    =’none’; window.print()” />

    Giải pháp 2: Trong phần header của trang, ta gắn thêm dòng code sau:

    <style type=”text/css” media=”print”>
    #print_button{
    display:none;
    }
    </style>

    Bạn có thể tham khảo thêm ở clip hướng dẫn dưới đây:
    Mình muốn post link ở đây nhưng "chỉ số" thành viên mình ít quá post ko dc, bạn nào muốn xem video

    minh họa cho tính năng tạo nút in văn bản trên website bằng javascript thì pm skype mình nhé

    Chúc các bạn thành công !
    Nam Phương - WEB4ALL.VN
    Skype: monera226
    20130722-cover-fanpage.png

LHQC

Collapse
Working...
X