Struggling to get Print.js to work properly for printing, as nothing seems to be happening when I try to print

I recently started using a new tool called PrintJS. However, after going through the documentation, I realized that it is not displaying a printer preview window when I try to print. What's intriguing is that there are no JavaScript errors showing up in the console on Chrome. Here is a snippet of my code:

     <button type="button" onclick("printJS('JobSheet','html')")>Print Job 
     Sheet</button>
<link rel="stylesheet" href="{{asset('bundles/css/print.min.css')}}">
<script src="{{asset('bundles/js/print.min.js')}}"></script>

If anyone has any tips or suggestions on how to resolve this issue, I would greatly appreciate it. Thank you!

javascriptangularjsprintingprintjs

Answer №1

Are you encountering any issues? Feel free to visit my user-friendly code examples and compare them with yours. Please double-check that you are referencing the correct printJS files and ID.

<p id="myCustomId">Greetings {{name}}!</p>
    <button type="button" onclick="printJS('myCustomId', 'html')">Print Now</button>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

jQuery functions not functioning properly when triggered by an event

I encountered an issue with my page using jQuery and Bootstrap. Everything was functioning properly until I tried calling a function on an event, which resulted in the console showing an error message saying $(...).function is not a function. For example: ...

javascriptjquerytwitter-bootstrap

Tips for accessing the TextField value when clicking a button event in React Material UI

I'm currently working on a feature where I need to retrieve the input value from a search TextField. Upon clicking the "Search" button, I aim to call an API using the search input. Here's my progress so far: const handleSearchSubmit = async () =& ...

javascriptreactjsreact-hooksmaterial-ui

How is it possible for the javascript condition to be executed even when it is false?

Despite the condition being false, the javascript flow enters the if condition. Check out the code snippet below: <script> $(document).ready(function() { var checkCon = "teststr2"; console.log("checkCon: "+checkCon); if(checkCon == " ...

javascriptjqueryajax

How to make Jquery skip over elements with a particular data attribute

I am looking to select all elements that are labeled with the 'tag' class. Once these items have been selected, I would like to remove any items from the list that contain the attribute 'data-tag-cat'. var tags = $('.tag'); c ...

javascriptjqueryhtml

Stylus remains undefined even after a successful npm installation

I've been following a tutorial to learn more about node.js, but I keep encountering a strange error. After running npm install stylus, I receive the following output: npm http GET https://registry.npmjs.org/stylus npm http 304 https://registry.npmjs. ...

javascriptnode.jsstylus

New Vuetify component for customizing data iterators with specific key names

Can I customize the key names in the Vuetify v-data-iterator component? https://i.sstatic.net/Znv41.jpg I need to change the header names without altering the property names inside the "items" array. How can I achieve this when dealing with special chara ...

javascriptvue.jsvuetify.js

What could be the reason for ng-class not being used based on the current state of the UI router?

My web application consists of two distinct views, namely page1 and page2, each configured using ui-router's stateProvider. I aim to dynamically change the styling of the body based on the current view. Essentially, I want to apply class1 when on page ...

angularjsangular-ui-routerangularjs-ng-class

updating information automatically on page every X seconds for Angular component

I am trying to implement a way to automatically refresh the data of an Angular component every 30 seconds. Currently, I have used a simple setInterval function like this: this.interval = setInterval(() => { this.refresh(); // api call ...

javascriptangularsingle-page-application

Are you planning to print the JSON information?

I've been working on mastering JavaScript and decided to create a script that displays all public Facebook statuses related to a specific keyword. However, things aren't going as planned. You can find a sample URL where the JSON data is located h ...

javascriptjsonfacebook-graph-api

Using Express-session on dual servers

I have been experimenting with express-session on two different local servers. The first server is dedicated to database manipulation, while the second server is responsible for loading pages. My goal is to store some data in the session from the first ser ...

javascriptnode.jsexpresssessionexpress-session

Locate and eliminate all occurrences of "<br />" within a webpage using jQuery

I am currently working on a project using the Cargo Collective platform and I have noticed that it automatically includes unnecessary <br /> tags in the body of my document. Is there a way to use jQuery to scan for all instances of <br /> tags ...

javascriptjquery

Selecting Content Dynamically with jQuery

I have a webpage with multiple dynamic content sections. <div id="content-1"> <div id="subcontent-1"></div> <i id="delete-1"></i> </div> . . . <div id="content-10"> <div id="subcontent-10"></d ...

javascriptphpjqueryhtml

Tips for uploading numerous images to Firebase using React Native Fetch Blob

I have a collection of images stored in an array (image paths are stored in the array). I am trying to upload each image using a for loop, but only the last image gets uploaded. My approach involves using React Native Fetch Blob and Firebase for this task. ...

javascriptfirebase-storagereact-native

Using NodeJS to convert a Base64 string into a JPEG image with the help of either NodeJS or

I have successfully stored a JPEG image in my MySQL database using the longblob format. Now, when I retrieve the longblob data, I am only getting a base64 string. How can I convert this base64 string back to a readable JPEG image using MySQL or Node.js? B ...

javascriptmysqlnode.jsimage

What are the steps for adding node packages to sublime text?

Is there a way to install node packages directly from Sublime Text instead of using the command line? If so, what is the process for doing this? I'm not referring to Package Control; I'm specifically interested in installing npm packages like th ...

javascriptnpm

Attempting to send a formik form to a specified action URL

Seeking assistance with a simple fix as I navigate through the learning process. I have created an action called addTenant() that is supposed to receive the state and use it to dispatch a post API call, like so: export const addTenant = (tenant) => (di ...

javascriptreactjsreduxformik

I can't figure out why the callback function for my $.get() request is not being triggered when I send data to the Express

Could anyone help me understand why my callback function is not being called properly? $.get("http://localhost:8080/", msg, function(data) { alert("Data" + data); }); It seems like the server receives the reque ...

javascriptjqueryexpress

Reorder a specific character within an array using Javascript

I am a beginner in JavaScript and I'm hoping for some assistance. I have an HTML list with a select option, and I want to sort the list based on the selected character. Specifically, I would like to arrange the "Z" options first, followed by the "B" ...

javascripthtmljquerycss

Tips for utilizing jQuery ajax to invoke a PHP function

I have a file named myfunctions.php where I keep a collection of functions, such as function submitForm(){ //save form data } function anotherFunction(){ //perform a task } // More functions ... and the jQuery script, $.ajax({ url: "myfunction ...

javascriptphpjqueryajax

Guide on incorporating Bootstrap JS into HTML5 reusable web elements

RESOLVED: the solution is in a comment TL;DR: Issues triggering Bootstrap's JS, likely due to incorrect import of JS scripts I've been working on integrating Bootstrap with my custom reusable web components across all pages. Specifically, I&apo ...

javascripthtmlcsstwitter-bootstrapweb-frontend