JavaScript print function shifting Colorbox window left in Internet Explorer

Has anyone encountered the issue of printing an html page displayed in a colorbox window and finding that the padding on the left is removed, causing the window to shift left in IE? This problem is new to me and I would greatly appreciate any advice on how to resolve it. Below is my code:

(click on mumbai)

<script type="text/javascript>
    function printpage() {
    window.print();
}
</script>

<a href="#" onclick="printpage()"><img src="images/user_ruth/blogtitle.jpg" /></a>

Answer №1

Just got it fixed by implementing a handy jquery print feature. You can check out the solution here:

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

What is the mechanism of concurrency in a Node.js and Express application?

(Success! Issue Resolved) To illustrate my question, I will begin with a code example: var express = require('express'); var customModule = require('./custom-module'); var app = express(); // Page A app.get('/a', function( ...

Attempting to input information into a form and then showcase the data both on the current page and in a separate pop-up window

Each time I complete the entire form, the data vanishes. However, if I only input three fields, it displays properly. But as soon as I enter the last piece of data and click on display, everything gets erased. Moreover, I also require the data to be shown ...

Troubleshooting issues with ngIf and [hidden] in Angular 5 while utilizing the fxFlex Framework

Important Note: The following snippet showcases the use of ngIf, where elements meant to be hidden are still present in the DOM but invisible, occupying space. <div fxLayout="row wrap" fxLayoutAlign="space-around center"> <div *ngFor= ...

What is the procedure to retrieve a user object in passport.authenticate (local) once the user has successfully logged in?

Is there a way to configure the authController file so that it returns a user object when I am logged in? Currently, I am attempting to achieve this by setting res.json(req.body) in the userController file within the exports.register function. However, it ...

A guide on integrating external validation for forms using jQuery

Hey, I'm having a little trouble with my contact form. The data is coming through, but for some reason the jQuery isn't working as expected. When I enter two different email addresses, it doesn't catch that they are not the same. Here's ...

Calling a function upon a checkbox event change and passing an object to it

I am attempting to implement a checkbox change so that when it is clicked, a value is added to my object. I tried using an onclick event since jQuery wasn't working for me. Here is the code snippet: The object is named Contact() and contains 'ad ...

A Comprehensive Guide: Obtaining the Final Tab from a JSON using API

What is the method to extract the last tab from a given JSON code? { "claimed_levels": { "level_1", "level_2" } } I want to display the level when someone types "!levels". The desired output format should be: Your current level is "2" ...

Tips for implementing absolute positioning with dynamically loaded images using ajax

Currently, I am faced with a challenge in setting up absolute position for all images that are dynamically generated through ajax. Below are the snippets of my code: for loop... var imagediv = document.getElementById('image_layout'); //gene ...

Using JavaScript to connect SQL query results to a specific function

Hello everyone, I find myself in a bit of a pickle while working with WebOS enyo. Although the fact that I am using enyo is irrelevant to my question... Here is a method I have: clickPopulate: function(){ // Do some SQL }; I am utilizing a data ...

What is the best way to incorporate a search bar into a dropdown menu?

Would someone be able to assist me in adding a search bar as the primary value of the dropdown menu? I am using ASP.NET MVC and this is my current code snippet. <div class="col-md-8"> <div class="dropdown"> <div class="chzn-d ...

The call stack is overflowing due to excessive use of async.queue, causing a

I'm encountering an issue where I am receiving a "stack size exceeded" error when running the code snippet below. The code works perfectly fine with fewer items (tested up to 1000), but as soon as I increase the number of items, this error occurs cons ...

Manipulate HTML Table to Obtain Value of First Column Cell When Another Cell is Clicked using Javascript

I have a PHP web application where I am retrieving data from MySql and displaying it in the HTML table below. <table id = "table" width="500px" cellpadding=2 celspacing=5 border=2 > <tr> <th>Subject Code</th> <th>Subje ...

During model update, AngularJS experienced a loss of CSS class in DOM re-rendering

My challenge involves managing a table that dynamically updates via WebSocket messages, causing the selection state to be lost. The rows in this table loop through model data, and upon clicking a cell, all cells in the same row toggle to have an .active cl ...

Javascript: regular expression to validate alphanumeric and special characters

Looking to create a regular expression for a string (company/organization name) with the following conditions: No leading or trailing spaces No double spaces in between Shouldn't allow only a single character (alphanumeric or whitelisted) Can start ...

Is there a way to modify the image of a single face in a Cubemap using THREE.js?

In my project, I am attempting to showcase a panorama using cubemaps by initially loading and displaying 6 low-quality images on the cubemap. Achieving this can be easily done through the following code: var urls = [ 'path/to/low-q-pos-x.png', & ...

Correctly formatted onclick

How should I go about this? $chatterhtml .= '<span style="float:right;" > <a href="javascript:void(0);" onClick="deletecmnt(this, "'.$val['id'].'", "'.BASE_URL.'");" title="Delete Chatter">x</a&g ...

Conceal an HTML element by utilizing *ngIf in Angular after a user clicks away from the designated area

Is there a way to implement an eventlistener on a <div> or another element, in order to hide a displayed item controlled by an *ngIf in Angular, when the user clicks away from that element? Context: I have a customized CSS dropdown that appears usin ...

Issue with form control validation within a form array not functioning as expected

I am working with a form array that contains form controls. Here is the snippet of HTML code: <div class="container"> <ng-container formArrayName="positions"> < ...

Revamp your Three.js scene by simply clicking a link to switch views

Is there a way to configure a Three.js scene so that clicking on a link can change the scene's view? I assumed it would be simple to create a function to modify the scene and then call that function through a link, but I have been unable to make it wo ...

Efficiently Minimize Bootstrap Components Upon Clicking the Link

I've successfully created a navigation menu that expands and collapses without using a dropdown feature. However, I'm encountering an issue where I can't seem to toggle the div when clicking on a menu link. I attempted to use JavaScript to c ...