Using the window.open() function to create various windows

Question

Using the window.open() function to create various windows

As we are all aware, when clicking on a submit button that contains an onClick(windown.open(...)) command, a new window is opened with the specified attributes. However, if you proceed to click on the parent window and then click on the 'submit' button again without closing the previous popup window, the same window gets replaced with new data.

Now, I am in need of a solution for the window.open() script to generate new windows each time it is clicked. This means that I should be able to click the parent "submit" button twice in a row and have two distinct child windows appear.

It seems like a simple issue, but I haven't been able to find a solution yet.

javascript asp.net

Answer 1

Answer №1

Assign a unique name to each new window you create.

window.open(websiteURL, UniqueWindowName)

Answer 2

Assign a unique name to each new window you create.

window.open(websiteURL, UniqueWindowName)

Answer 3

Answer №2

Give this a shot, it will generate a new child element, try it out

let randomNumber = Math.floor((Math.random()*100)+1); 
 window.open(yoururl,"_blank",'PopUp',randomNumber,'scrollbars=1,menubar=0,resizable=1,width=850,height=500');

Answer 4

Give this a shot, it will generate a new child element, try it out

let randomNumber = Math.floor((Math.random()*100)+1); 
 window.open(yoururl,"_blank",'PopUp',randomNumber,'scrollbars=1,menubar=0,resizable=1,width=850,height=500');

Answer 5

Answer №3

Take a look at this code snippet, it can assist you in opening a new window every time.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery example</title>
  <script src="jquery-3.5.1.js"></script>
</head>
<body>

<script>
$(document).on("click", "#button", function(event) {
    window.open("http://www.example.com", '_blank');
});

</script>
<input type="button" name="button" id="button">
</body>
</html>

Answer 6

Take a look at this code snippet, it can assist you in opening a new window every time.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery example</title>
  <script src="jquery-3.5.1.js"></script>
</head>
<body>

<script>
$(document).on("click", "#button", function(event) {
    window.open("http://www.example.com", '_blank');
});

</script>
<input type="button" name="button" id="button">
</body>
</html>

Answer 7

Answer №4

When you click the popup button, a new window will open with dimensions of 1000x500.

This action triggers a fresh pop-up each time it is clicked.

Answer 8

When you click the popup button, a new window will open with dimensions of 1000x500.

This action triggers a fresh pop-up each time it is clicked.

Answer 9

Answer №5

My situation involved the browser blocking the pop-up window. I resolved this by giving permission for the pop-up window to appear.

https://i.sstatic.net/9TJUT.png

Answer 10

My situation involved the browser blocking the pop-up window. I resolved this by giving permission for the pop-up window to appear.

https://i.sstatic.net/9TJUT.png

Answer 11

Answer №6

To prevent outbound links from opening multiple windows, it is important to enable the Track outbound links option. Simply include the below JavaScript code in your index.html file:

<script type="text/javascript>
  var clicky_custom = clicky_custom || {};
  clicky_custom.outbound_disable = 1;
</script>

Answer 12

To prevent outbound links from opening multiple windows, it is important to enable the Track outbound links option. Simply include the below JavaScript code in your index.html file:

<script type="text/javascript>
  var clicky_custom = clicky_custom || {};
  clicky_custom.outbound_disable = 1;
</script>

Using the window.open() function to create various windows

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

What is the correct way to iterate through a list of images fetched with getStaticProps and display them within the same component?

Tips on incorporating JavaScript files into Angular applications

Enhancing the node module of a subpackage within Lerna: A step-by-step guide

Updating divs automatically using Ajax without refreshing the page is not functioning as intended

Using mongoDB to insert data followed by processing it with the process.next

extract data from a dropdown menu with playwright

The pop-up fails to appear

How can I easily activate a C# class from an asp.net webpage?

Is the button inactive until an action is taken?

Utilizing RxJs to flatMap objects containing observable properties

Is there a way to retrieve the current map center coordinates using the getCenter function in @react-google-maps/api?

Utilizing JavaScript Plugin to Fix Image Source URLs in Incorrect Directories

The radio button is not appearing correctly in my HTML form

Is there a tool available that can convert the string "foo:blah" into JSON format?

What is preventing me from successfully sending form data using axios?

Mastering the Art of Integrating API and JSON!

Update a specific division

Switch the checkbox to a selection option

Json error message displayed

updating SQL data source using parameter for listbox selection