How to close Browser Tab After Submitting a Form?

Question

<?php
    /* ... SQL EXECUTION TO UPDATE DB ... */
?>

<form method  = "post"
      action  = "<?=$_SERVER['php_self']?>" 
      onSubmit= "window.close();">
  ...
  <input type="submit" value="submit" />
  <input type="reset"  value="reset" />
</form>

I would like to close page after submitting the form. After running the above code the page is closed after clicking submit button, but the SQL doesn't execute.

Can anyone help me?

score 77 · Accepted Answer · edited Oct 20 '12 at 14:49

77

<?php    
    /* ... SQL EXECUTION TO UPDATE DB ... */

    echo "<script>window.close();</script>";
?>

and Remove the window.close() from the form onsubmit event

edited Oct 20 '12 at 14:49

hakre

193,403
52
435
836

answered Dec 02 '11 at 11:04

Shakti Singh

84,385
21
134
153

maybe change it to `echo "` – HighTechProgramming15 Feb 13 '17 at 17:14
That **did** work form me, but it wasn't because i was using the `header('Location: text.php');` function before i'm trying to close it, so in case you are using a `header` but the `window.close()` script in the PHP page that you are redirecting to... (`text.php` in my example)... Hope this helps. – Mousa Alfhaily Dec 23 '17 at 16:27
7

year 2018: doesnt work anymore in chrome or firefox - some security issues – The Vojtisek May 31 '18 at 06:24

score 11 · Answer 2 · edited Sep 22 '13 at 05:34

11

Remove onsubmit from the form tag. Change this:

<input type="submit" value="submit" />

To:

<input type="submit" value="submit" name='btnSub' />

And write this:

if(isset($_POST['btnSub']))
    echo "<script>window.close();</script>";

edited Sep 22 '13 at 05:34

Mathieu Guindon

69,817
8
107
235

answered Dec 02 '11 at 11:07

Sonal Khunt

1,876
12
20

score 5 · Answer 3 · edited May 23 '17 at 10:31

5

Window.close( ) does not work as it used to. Can be seen here:

window.close and self.close do not close the window in Chrome

In my case, I realized that I didn't need to close the page. So you can redirect the user to another page with:

window.location.replace("https://stackoverflow.com/");

edited May 23 '17 at 10:31

Community

1
1

answered May 08 '15 at 05:39

blueseal

355
3
5
15

score 1 · Answer 4 · edited Jul 25 '16 at 11:07

1

This worked brilliantly for me, :

 $query = "INSERT INTO `table` (...or put your preferred sql stuff)" 
 $result = mysqli_query($connect, $query); 
 if($result){
  // If everything runs fine with your sql query you will see a message and then the window
  //closes
        echo '<script language="javascript">';
        echo 'alert("Successful!")';
        echo '</script>';
        echo "<script>window.close();</script>";
        }
 else {
        echo '<script language="javascript">';
        echo 'alert("Problem with database or something!")';
        echo '</script>';           
        }

edited Jul 25 '16 at 11:07

Cecilie Olsen

29
4

answered Jun 13 '16 at 21:12

Macarrao

60
1
11

1

This still doesn't solve the problem imo. I am trying to build a small registration-system for larger events. The registration happens by scanning QR-codes ("tickets"), and I am trying to minimalize amounts of clicks. The alert will still require my registration team to do this extra interaction (confirm/ok the alert)! – MahNas92 Sep 21 '16 at 01:33

score 1 · Answer 5 · answered Dec 02 '11 at 11:05

If you have to use the same page as the action, you cannot use onSubmit="window.close();" as it will close the window before the response is received. You have to dinamycally output a JS snippet that closes the window after the SQL data is processed. It would however be far more elegant to use another page as the form action.

score 1 · Answer 6 · answered Dec 02 '11 at 11:13

1

try onsubmit="submit(); window.close()"

answered Dec 02 '11 at 11:13

Marijn van Vliet

5,239
2
33
45

score 0 · Answer 7 · edited Dec 02 '11 at 11:20

0

That's because the event onsubmit is triggered before the form is submitted.

Remove your onSubmit and output that JavaScript in your PHP script after you have processed the request. You are closing the window right now, and cancelling the request to your server.

edited Dec 02 '11 at 11:20

Elias Dorneles

22,556
11
85
107

answered Dec 02 '11 at 11:03

Jan Hančič

53,269
16
95
99

score -1 · Answer 8 · answered May 10 '20 at 13:07

-1

You can try this methods

window.open(location, '_self').close();

answered May 10 '20 at 13:07

warfish

613
5
20

How to close Browser Tab After Submitting a Form?

8 Answers8

Linked