I have to develop a web page that have a button to print the current web page. How can I achieve this through JavaScript? Or Is there any other scripting language or framework to achieve this easily?
UPDATE
I have to pass some data from my server or my browser memory to the printer driver so that I can use these data to print in a formatted way.
Just call window.print(). That is same as the user pressing e.g. Ctrl + P on windows.
Related
I´m making a simple webapp, I want that when it is open in mobile phones print some data using the user´s wifi printer which most of cases will be an Epson L355.
Can anybody give me a clue or sample to achieve this?
Thank you all.
You won't be able to do this because you don't have access to the user's printer. Instead, you can just generate a pdf and redirect user on it.
The user will then be able to download / print the pdf via his inline PDF viewer.
You can do it by following this :
How to force files to open in browser instead of download (pdf)?
I have developed a token dispensing system (web based POS) with key component being a kiosk screen with angularjs on the client side and Java/Springs on the server side. The kiosk setup would be a normal (Win OS) Google Chrome browser window running on full screen mode, fitted with a thermal printer to print token slip.
The kiosk will dispense a token slip when the user clicks on a button (say 'Get Token') on the screen. The slip will contain a token number, a barcode and other miscellaneous info (like timestamp and kiosk id). The barcode has to be generated from the data I get from server side API call.
What I am looking for is a solution to silently (without print preview) print a token slip on the thermal printer connected to the client (kiosk) when the user clicks on a button on the kiosk screen.
Creating an iframe on-the-fly or binding values to a pre-defined html template is not helping since the data to be printed is not just plain text. It also has the barcode.
Any help would be much appreciated!!!
I haven't try completed solution as your demand, but you can try 2 separate steps below:
From server side API, you should generate an PDF for exactly
expectation print version as you want (mPDF is my best
recommendation) .
Disable print preview mode in google chrome with start up parameter "disable-print-preview"
(make your own shortcut at the desktop to run Chrome without print
preview mode. Then using javascript to do the print like you did
with iframe or new window.
PS: a good tip for a shortcut from techlogon: http://techlogon.com/2012/03/29/how-to-disable-print-preview-in-chrome/
I am developing a web-based POS. Unfortunately, POS must print through a thermal receipt printer (TM-T88IV, Epson). The web application is based on Django. Is there any idea on how the system could automatically print a receipt whenever a user clicks a control in the web application?
I was thinking of creating other services in python for that purpose, but that would defeat the purpose of having a web application, where all you need is a browser, without any extra installation.
The printer is connected to the client by the way, and the printing should be "silently" triggered, which means that there is no need for human intervention. Once the transaction is finalized, the printing should starts.
Any suggestion is welcomed!
I see two ways to accomplish it:
First method - Configure your browser
Notes
Good solution if you have one printer for every client (because you can use the default printer only). Keep in mind that you can remove your print server (useful for very resource limited devices) making a script that the browser should automatically execute for open your file. You can use something like this:
#!/bin/bash
printer="/dev/usb/lp0"
encoding_needed=true #false
if $encoding_needed; then
iconv -c -t 437 $1 > $printer
else
cat $1 > $printer
fi
Firefox
Manual setup:
Open about:config
Create a new boolean value called print.always_print_silent and set it to True
Create a new boolean value called print.show_print_progress and set it to False
Use an extension, like: https://addons.mozilla.org/en-us/firefox/addon/attendprint/
Keep in mind that there are other extensions for making kiosks, for example:
https://addons.mozilla.org/en-us/firefox/addon/r-kiosk/
https://addons.mozilla.org/en-us/firefox/addon/mkiosk/
Chrome
You can start it with those options: --kiosk --kiosk-printing
Internet Explorer
For kiosk mode see: http://support.microsoft.com/kb/154780
Second method - Server handles every printer
Notes
Good solution if:
You have more clients than printers (few money or faulty printers)
More printers than clients (different printers or paper colors for different needs)
Clients that can't print directly (PDA/smartphones)
You want to know the printer status
How to do
Connect printers (to the clients and/or to the server)
Share printers connected to clients over the network
Manage every printer from your Django server
Two options here: print an html page or provide a PDF file.
Note: it was not clear initially that prints should be automatic, which means the answer is not directly useful to OP.
HTML + "Print Me"
Show the receipt as an html page, then create a media="print" CSS stylesheet which the browser will use when printing the receipt. There's a lot to say about CSS print style sheets, but what's important is that you should remove all navigation elements and images that are going to be expensive to print.
When you do this, the user will simply have to print the page himself. You can also add a "Print Me" button which is going to show your user a printer dialog. This is done via JavaScript:
Print this page
(This is a bit obstrusive for your clients who don't have JS, check this tutorial about JS printing for a better way.)
PDF
Generate a PDF in Django, and show it to the user. He will be free to print it or save it on his computer later. Most web sites do this since it's far easier to control the layout of a PDF file, and it will be easier to make it look like a real receipt.
XSL-FO can help you do this (it translates an XML to a PDF with a "stylesheet").
A more Pythonic way seems to be explained in the Django docs
The above pages lists alternatives such as xhtml2pdf (Pisa) which seems to be used a lot on StackOverflow
If using raw/esc/p try jzebra on google code.
I want to print a webpage that resides inside my website using javascript or jquery or vbscript or any client side scripting language that can run on IE, without any prompt.
for example function should just take in the URL of page and send print command to the printer.
window.print(URL);
Thanks
This is impossible.
Allowing web pages to use ink and paper resource without permission would be an insane thing for a browser to do.
I'm building a web application that is primarily ASP.NET MVC / Javascript. The application needs to be able to print certain content to a label printer and other content to a standard printer. I'd prefer for the user to be able to select a default printer for each one rather than having to always explicitly select a printer.
Is there a way to save and reload some sort of default printer settings for multiple printers in such an application. I am also open to using Silverlight for the p;rinting features if there is no way to do it via javascript.
Not via JavaScript, no; JS uses the browser's built-in print mechanism, which in turn defers to the OS's default print mechanism.
I know its been 6 years since this question was posted but since it wasn't answered here is what I believe is the best way to solve this issue.
You still cannot manipulate printers from a web browser, but there is a great choice out there called QZ Tray
You have to install a program that will communicate between javascript from your application and your configured printers, allowing you to send RAW printing commands and also HTML to any printer.
You can also print to multiple printers at once and save all printer configuration and parameters inside your web app, so you have full control over your printers.
Browsers do not allow javascript (or any script) to access information about the available set of printers or offer any means to select even a "prefered" printer.
Simliarly Silverlight does not support access to infomation about the set of printers available and does not allow printing API to select a specific printer to.