My HTML page consists of 2 div blocks and 2 links. I want to open the content of the first div in a new window when the first link is clicked, and the content of the second div in another new window when the second link is clicked.
You can find the code here - http://jsfiddle.net/PAJWV/5/
I know it seems impossible, but if there's a workaround, please let me know. Thank you!
function printWebpage(divId)
{
elementIdentifier=divId;
var contentToPrint = document.getElementById(elementIdentifier);
var urlForWindow = 'about:blank';
var uniqueTitle = new Date();
var windowTitle = 'Print' + uniqueTitle.getTime();
var printerWindow = window.open(urlForWindow, windowTitle,'left=500,top=500,width=500,height=500');
printerWindow.document.write('<html><head></head><body>'+contentToPrint.innerHTML+'</body></html>');
}
Test the code above by triggering the function onclick event
To implement this solution, simply create a new page containing the contents of div1 and div2, then execute your script to display each page accordingly. Utilize iframes to fetch content from external files for both div1 and div2.
By following this approach, you can effectively manage and display multiple div elements on separate pages with ease.
Have you tried using this method before?
Give this code a try:
This code may not work smoothly on jsfiddle, but it should run seamlessly with the actual code because of certain limitations.
I haven't personally tested this method, but you could potentially link to another section on a webpage using:
window.open("index.html#second");
In addition, ensuring that other divs with IDs not equal to #second are hidden should function properly.
To have separate HTML files for div1 and div2, follow the steps below:
window1.html
<body>
<div id="first">
Contents of First Div.
</div>
</body
window2.html
<body>
<div id="second">
Contents of Second Div.
</div>
</body
main.html
<div>
<a id="link1" href="window.open('window1.html')">Open div 1</a><br />
<a id="link2" href="window.open('window2.html')">Open div 2</a>
</div>
I am currently working on an application using Asp.Net MVC3 and I need to create a view that reflects the data in my database table. For example, if my table has one column with 5 records (rows), I want my application's view to display those 5 record ...
I need to verify the presence of an object on the page that contains a link. The object is represented as follows: <td > <input class="ng" type="checkbox"/> <a href="http://testsite.com ">67365853</a> </td> Although ...
Check out this code snippet: <tr ng-repeat="doc in providers"> <td><input type="checkbox" ng-true-value="{{doc.provider.Id}}" ng-false-value="" ng-model="ids"></td> </tr> {{ids}} I am trying to store the values of ...
Within my $scope, there is a property called $scope.cars, which is an array of cars. Users have the ability to delete a car from this array. When calling the delete function deleteThis, I pass the $index parameter created by ng-repeat. However, in the Ja ...
Check out the code below which successfully edits a link to redirect users to a specific website based on their location. I'm interested in enhancing this code in two ways: $(window).load(function () { $.getJSON('http://api.wipmania.com/json ...
I encountered an issue while trying to integrate the "Materialify" and "Carbon Components for Svelte" libraries into my Sapper project. The components seem to be loading, but without any associated styles. I followed the installation commands provided on t ...
I have created a form with PHP like this: <?php include '../db/baza.php'; ?> <?php include 'vrh.php' ?> <div id="page"> <div id="pageFrame"> <form action="up ...
Recently, I have been utilizing a Formly form that includes a section for displaying dynamic HTML content. Within this form, I am using the template field to initialize some HTML content when the page loads. However, I have encountered an issue where chang ...
I'm having trouble with the compilation of my React project. While everything runs smoothly with npm start, I encounter an error during compilation: npm run build <a href="/cdn-cgi/l/email-protection" class="__cf_ema ...
I am having trouble with appending some HTML that is being received as a string in a div. For some reason, the appendChild method is not working as expected. Here is my JavaScript code: var doc = document.getElementById("products"); var notes = doc.getEle ...
I'm in the process of setting up a discord channel to serve as an SSH terminal. This involves using a NodeJS server to establish the connection. A custom command will then be used to spawn a new terminal instance that can function as a shell. However ...
Hey there! I need your expertise on how to create a specific layout using bootstrap: codepen.io/anon/pen/bqJdQJ <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div cl ...
Looking at the JSON array and another array provided below. JSON OBJECT { id: 1, name: 'abc', email: '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="dfbebdbc9fb8b2beb6b3f1bcb0b2">[emai ...
Here we go again... I'm having trouble with my sub-menu elements moving when I hover over them. I've searched for a solution but haven't found anything helpful. The previous advice I received about matching padding and adding transparent bo ...
Can someone help me understand why I'm getting an 'undefined' response when I use console.log(tooltipValues), but there's no issue with console.log(tooltipJSON). I've noticed that when I embed the data directly in my JS code, ever ...
Seeking guidance on adjusting vertical alignment of text in <TextField /> const styles = theme => ({ height: { height: '20rem', }, }); class Foo extends React.component { ... <TextField InputProps={{ classes: ...
I need assistance with extracting and printing error messages from the provided JSON using jQuery. Any guidance would be greatly appreciated. Thank you! var validationErrors = {"errors":["Please enter the month (1-12)","Please enter a day 1-31"]} Edit, ...
I've recently integrated the jquery.videoBG plugin into my project to add a video background. Here's the HTML code: <div id="div_demo"> <div class="videoBG"> <video autoplay="" src="media/snow.mp4" style="position: abso ...
To view the codepen for reference, please click on the following link: http://codepen.io/rezasan/pen/apvMOR I am attempting to align all the content within the columns (Date, Title, and Button, including the separator) vertically. I have tried using displ ...
One of the tables in my database has a hyphen in its name, for example, "user-cars". Unfortunately, I am unable to change the name to "user_cars". Is there any way for me to name the model as "user_cars" while still making it reference the "user-cars" ta ...