Submit a form open new browser

Question

i have a form to submit like this

<form role="form" action="{{ url('panel/print/direport') }}" id="printForm" method="post" class="form-horizontal">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="dfno" value="{{ $dfno }}" class="form-control">
    <input type="hidden" name="bonperiod" value="{{ $bonperiod }}" class="form-control">
    <input type="hidden" name="bonstuck" value="{{ $bonstuck }}" class="form-control">
    <input type="hidden" name="boninc" value="{{ $boninc }}" class="form-control">
    <input type="hidden" name="userids" value="{{ $userids }}" class="form-control">
</form>
<button type="button" onclick="document.getElementById('printForm').submit();" class="btn btn-primary">
<i class="glyphicon glyphicon-print"></i>&nbsp; Print</button>

usually if we want to the form submit to open new tab we just need to add target="_blank", my question is how to open new browser window when i click the button submit form?

Possible duplicate of [Javascript Post on Form Submit open a new window](http://stackoverflow.com/questions/178964/javascript-post-on-form-submit-open-a-new-window) — Rakesh Sojitra, Oct 05 '16 at 09:38

score 0 · Answer 1 · answered Oct 05 '16 at 09:31

0

please try like this with js

$('.btn-primary').click(function () {
   var url="http://www.yoursite.com";
   window.open(url,'NewWindow','width=600,height=600');
});

answered Oct 05 '16 at 09:31

anuraj

157
8

how to specify the width and height so it can go full screen size? – Idham Choudry Oct 05 '16 at 09:59
@Wallflower we can eight er specify width and height like in the above example . for full screen you need to specify fuulscreen=true , **window.open(url,'NewWindow','fullscreen=true');** like this – anuraj Oct 05 '16 at 10:05
its not equal `true` but `yes` or `1` if u want to go fullscreen – Idham Choudry Oct 05 '16 at 11:33

score 0 · Answer 2 · answered Oct 05 '16 at 09:34

0

Two Way I Given Here

<form action="..." ...
onsubmit="window.open('google.html', '_blank', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');return true;">

Also We can Use

<form target="_blank" action="http://example.com"
  method="post" id="mc-embedded-subscribe-form"
  name="mc-embedded-subscribe-form" class="validate">

answered Oct 05 '16 at 09:34

Samudrala Ramu

2,088
1
15
36

I've seen this answer before – vher2 Oct 05 '16 at 09:38
@Samudrala Ramu how to specify the width and height so it can go full screen size? – Idham Choudry Oct 05 '16 at 09:59
function OpenWindow() { window.open('../ReportWebForm.aspx?ReportType=Report','', 'width = 100, height = 100'); } – Samudrala Ramu Oct 05 '16 at 10:02

score 0 · Answer 3 · edited May 23 '17 at 12:15

0

It can be done bywindow.open method when you give height and width attribute to it

Refer the link for detail information JavaScript open in a new window, not tab

edited May 23 '17 at 12:15

Community

1
1

answered Oct 05 '16 at 09:36

Annalaxmi

135
1
8

Submit a form open new browser

3 Answers3