I have the following code (listed below). In short, when a user clicks the button "All On" it will open a popup window with yahoo. I want the window to remain open for 3 seconds, then automatically close with no additional interaction from the user.
Although the popup opens exactly as desired, I get this error when the close attempts to execute.
script438: Object doesn't support property or method 'close' lights.html (11,31)
I am not a coder and cannot figure this out. Ultimately, this will primarily run on Safari iOS. And, obviously, the yahoo link will be replaced with a specific IP address. Thank you.
<!DOCTYPE HTML>
<html>
<head>
<title>Light Control Example</title>
<script type="text/javascript">
function allOn(){
var win = '';
open(win,'1366002941508','width=1,height=1,left=5,top=3');
setTimeout(function() { win.close();}, 3000);
}
</script>
</head>
<body>
<h1>Lights Example</h1>
<input type=submit value="ALL ON" onclick="allOn();" />
</body>
</html>
I have the following code (listed below). In short, when a user clicks the button "All On" it will open a popup window with yahoo.. I want the window to remain open for 3 seconds, then automatically close with no additional interaction from the user.
Although the popup opens exactly as desired, I get this error when the close attempts to execute.
script438: Object doesn't support property or method 'close' lights.html (11,31)
I am not a coder and cannot figure this out. Ultimately, this will primarily run on Safari iOS. And, obviously, the yahoo link will be replaced with a specific IP address. Thank you.
<!DOCTYPE HTML>
<html>
<head>
<title>Light Control Example</title>
<script type="text/javascript">
function allOn(){
var win = 'http://www.yahoo.';
open(win,'1366002941508','width=1,height=1,left=5,top=3');
setTimeout(function() { win.close();}, 3000);
}
</script>
</head>
<body>
<h1>Lights Example</h1>
<input type=submit value="ALL ON" onclick="allOn();" />
</body>
</html>
-
2
The reason you can't call
win.close()is becausewinis a string — it's the string "http://www.yahoo.. I don't know if it's possible to close a window in this way but I would suggest a better option, particularly for mobile, would be to create an overlay div rather than a new window. It will look nicer and you can do what you like to it. – Andrew Taylor Commented May 18, 2016 at 18:44 - Closing your own window via script is no longer possible. stackoverflow./a/19768082/391101 – harvest316 Commented Jul 12, 2017 at 4:57
3 Answers
Reset to default 3Give this a try
<script type="text/javascript">
function allOn(){
var win = window.open('http://www.yahoo.','windowname','width=1,height=1,left=5,top=3');
setTimeout(function() { win.close();}, 3000);
}
</script>
win is a string.
Strings obviously don't have a close() method.
You want the Window object returned by open().
<!DOCTYPE HTML>
<html>
<head>
<title>Light Control Example</title>
<script type="text/javascript">
function allOn(){
var myWindow = window.open('http://www.yahoo.','1366002941508','width=600,height=400,left=5,top=3')
setTimeout(function() { myWindow.close();}, 3000);
}
</script>
</head>
<body>
<h1>Lights Example</h1>
<input type=submit value="ALL ON" onclick="allOn();" />
</body>
</html>