Generate 2 events with one click

Question

I'm working on a website. I have a page with a button on it. When the user clicks the button, I'd like the following 2 things to happen:

(1). Current page (with the button) redirects to a new page

(2). A linked external webpage (say google) is opened in a new window

Any ideas on how to achieve this?

score 1 · Answer 1 · edited May 23 '17 at 11:59

1

Do 2 first and the 1.

I mean, open a new window first and the change the page and not in the reverse order.

To redirect check: How to redirect to another webpage in JavaScript/jQuery?

To open a new window: http://www.w3schools.com/jsref/met_win_open.asp

And by the way, you still have only one event, the mouse event, what you want is two actions to atached to the same event at the same block of code

edited May 23 '17 at 11:59

Community

1
1

answered Jun 30 '12 at 23:28

Mario Corchero

5,257
5
33
59

In other words, either wrap the code inside a function or put a `window.open()` followed by `location=`/`location.href='http://newurl'` inline with the HTML, but I'd suggest a function or listener. – Fabrício Matté Jun 30 '12 at 23:50

score 0 · Answer 2 · answered Jun 30 '12 at 23:51

Here is a sample HTML page that will open yahoo in current window (you can replace with your own page) and google in a new window. For tabbed browsers it would open a new tab instead of a new window. You can call it in any order.

<html>
<head>

<script type="text/javascript">
function openwindows()
{
window.open("http://www.yahoo.com", "_self")
window.open("http://www.google.com")
}
</script>

</head>
<body>
<input type="button" value="open" onclick="openwindows()"
</body>
</html>

`window.location = ...` can sometimes be read more easily if changing current location. — jaypeagi, Jul 01 '12 at 00:24

Generate 2 events with one click

2 Answers2