Mixing
How to allow posting form data to a new window in a web app
I have a form where users can choose between options that changes the file that can be either downloaded or that are presented in another window (such as a PDF that can be printed).
<form action="/pdf" method="post" target="_blank">
<input type="checkbox" id="show_some_stuff" name="show_some_stuff" value="1"><label for="show_some_stuff">Show some stuff</label>
(...)
<input type="submit" name="action" value="Print">
<input type="submit" name="action" value="Download">
</form>
This works great across browsers. But when this form is accessed in a mobile progressive web application (made available by a web app manifest) the posted values like show_some_stuff and action are not available in the new window.
Is there a way to get the posted values in the new window?
web-applications progressive-web-apps html-form-post new-window
asked Nov 20 '18 at 7:31
Jasper BriersJasper Briers
7019
add a comment |
I have a form where users can choose between options that changes the file that can be either downloaded or that are presented in another window (such as a PDF that can be printed).
<form action="/pdf" method="post" target="_blank">
<input type="checkbox" id="show_some_stuff" name="show_some_stuff" value="1"><label for="show_some_stuff">Show some stuff</label>
(...)
<input type="submit" name="action" value="Print">
<input type="submit" name="action" value="Download">
</form>
This works great across browsers. But when this form is accessed in a mobile progressive web application (made available by a web app manifest) the posted values like show_some_stuff and action are not available in the new window.
Is there a way to get the posted values in the new window?
web-applications progressive-web-apps html-form-post new-window
asked Nov 20 '18 at 7:31
Jasper BriersJasper Briers
7019
add a comment |
I have a form where users can choose between options that changes the file that can be either downloaded or that are presented in another window (such as a PDF that can be printed).
<form action="/pdf" method="post" target="_blank">
<input type="checkbox" id="show_some_stuff" name="show_some_stuff" value="1"><label for="show_some_stuff">Show some stuff</label>
(...)
<input type="submit" name="action" value="Print">
<input type="submit" name="action" value="Download">
</form>
This works great across browsers. But when this form is accessed in a mobile progressive web application (made available by a web app manifest) the posted values like show_some_stuff and action are not available in the new window.
Is there a way to get the posted values in the new window?
web-applications progressive-web-apps html-form-post new-window
asked Nov 20 '18 at 7:31
Jasper BriersJasper Briers
7019
I have a form where users can choose between options that changes the file that can be either downloaded or that are presented in another window (such as a PDF that can be printed).
<form action="/pdf" method="post" target="_blank">
<input type="checkbox" id="show_some_stuff" name="show_some_stuff" value="1"><label for="show_some_stuff">Show some stuff</label>
(...)
<input type="submit" name="action" value="Print">
<input type="submit" name="action" value="Download">
</form>
This works great across browsers. But when this form is accessed in a mobile progressive web application (made available by a web app manifest) the posted values like show_some_stuff and action are not available in the new window.
Is there a way to get the posted values in the new window?
web-applications progressive-web-apps html-form-post new-window
web-applications progressive-web-apps html-form-post new-window
asked Nov 20 '18 at 7:31
Jasper BriersJasper Briers
7019
asked Nov 20 '18 at 7:31
Jasper BriersJasper Briers
7019
asked Nov 20 '18 at 7:31
Jasper BriersJasper Briers
7019
asked Nov 20 '18 at 7:31
Jasper BriersJasper Briers
7019
asked Nov 20 '18 at 7:31
Jasper BriersJasper Briers
7019
7019
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
As it seems not possible to post values to a new window within web applications, and to preserve the post method on forms when accessed outside a web application, I've added this code so that these forms do not open in a new window inside a web application.
if (window.matchMedia('(display-mode: standalone)').matches) {
$("form[target='_blank']").each(function() {
$(this).removeAttr('target');
});
}
I've been put on the right track by this article by Stefan Judis.
answered Nov 20 '18 at 11:58
Jasper BriersJasper Briers
7019
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53388189%2fhow-to-allow-posting-form-data-to-a-new-window-in-a-web-app%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
As it seems not possible to post values to a new window within web applications, and to preserve the post method on forms when accessed outside a web application, I've added this code so that these forms do not open in a new window inside a web application.
if (window.matchMedia('(display-mode: standalone)').matches) {
$("form[target='_blank']").each(function() {
$(this).removeAttr('target');
});
}
I've been put on the right track by this article by Stefan Judis.
answered Nov 20 '18 at 11:58
Jasper BriersJasper Briers
7019
add a comment |
As it seems not possible to post values to a new window within web applications, and to preserve the post method on forms when accessed outside a web application, I've added this code so that these forms do not open in a new window inside a web application.
if (window.matchMedia('(display-mode: standalone)').matches) {
$("form[target='_blank']").each(function() {
$(this).removeAttr('target');
});
}
I've been put on the right track by this article by Stefan Judis.
answered Nov 20 '18 at 11:58
Jasper BriersJasper Briers
7019
add a comment |
As it seems not possible to post values to a new window within web applications, and to preserve the post method on forms when accessed outside a web application, I've added this code so that these forms do not open in a new window inside a web application.
if (window.matchMedia('(display-mode: standalone)').matches) {
$("form[target='_blank']").each(function() {
$(this).removeAttr('target');
});
}
I've been put on the right track by this article by Stefan Judis.
answered Nov 20 '18 at 11:58
Jasper BriersJasper Briers
7019
As it seems not possible to post values to a new window within web applications, and to preserve the post method on forms when accessed outside a web application, I've added this code so that these forms do not open in a new window inside a web application.
if (window.matchMedia('(display-mode: standalone)').matches) {
$("form[target='_blank']").each(function() {
$(this).removeAttr('target');
});
}
I've been put on the right track by this article by Stefan Judis.
answered Nov 20 '18 at 11:58
Jasper BriersJasper Briers
7019
answered Nov 20 '18 at 11:58
Jasper BriersJasper Briers
7019
answered Nov 20 '18 at 11:58
Jasper BriersJasper Briers
7019
answered Nov 20 '18 at 11:58
Jasper BriersJasper Briers
7019
7019
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53388189%2fhow-to-allow-posting-form-data-to-a-new-window-in-a-web-app%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
