Mixing
Combine multiple input buttons across several pages into a single button on a single html page
first post here.
I have been asked to combine 3 pages which each have a submit button into a single page (as the last 2 pages have no options to choose from thus have little value).
The code looks like:
Registration form:
<input id="self_reg_btn" onclick="validateSelfReg();" style="clear: both;" type="button" value="Register" /></form>
Validation/Verification option:
<input id="email_verification" onclick="mailVerifySelected();" type="button" value="Verify Email" /></div>
Send me confirmation:
<input id="close_verify" onclick="closeVerifyPage();" type="button" value="Close" />
In essence, I want to execute the three onClick actions within a single page by clicking on a single button. Is that even possible?
javascript html onclick
asked Nov 21 '18 at 4:53
Manny SoloManny Solo
1
add a comment |
first post here.
I have been asked to combine 3 pages which each have a submit button into a single page (as the last 2 pages have no options to choose from thus have little value).
The code looks like:
Registration form:
<input id="self_reg_btn" onclick="validateSelfReg();" style="clear: both;" type="button" value="Register" /></form>
Validation/Verification option:
<input id="email_verification" onclick="mailVerifySelected();" type="button" value="Verify Email" /></div>
Send me confirmation:
<input id="close_verify" onclick="closeVerifyPage();" type="button" value="Close" />
In essence, I want to execute the three onClick actions within a single page by clicking on a single button. Is that even possible?
javascript html onclick
asked Nov 21 '18 at 4:53
Manny SoloManny Solo
1
add a comment |
first post here.
I have been asked to combine 3 pages which each have a submit button into a single page (as the last 2 pages have no options to choose from thus have little value).
The code looks like:
Registration form:
<input id="self_reg_btn" onclick="validateSelfReg();" style="clear: both;" type="button" value="Register" /></form>
Validation/Verification option:
<input id="email_verification" onclick="mailVerifySelected();" type="button" value="Verify Email" /></div>
Send me confirmation:
<input id="close_verify" onclick="closeVerifyPage();" type="button" value="Close" />
In essence, I want to execute the three onClick actions within a single page by clicking on a single button. Is that even possible?
javascript html onclick
asked Nov 21 '18 at 4:53
Manny SoloManny Solo
1
first post here.
I have been asked to combine 3 pages which each have a submit button into a single page (as the last 2 pages have no options to choose from thus have little value).
The code looks like:
Registration form:
<input id="self_reg_btn" onclick="validateSelfReg();" style="clear: both;" type="button" value="Register" /></form>
Validation/Verification option:
<input id="email_verification" onclick="mailVerifySelected();" type="button" value="Verify Email" /></div>
Send me confirmation:
<input id="close_verify" onclick="closeVerifyPage();" type="button" value="Close" />
In essence, I want to execute the three onClick actions within a single page by clicking on a single button. Is that even possible?
javascript html onclick
javascript html onclick
asked Nov 21 '18 at 4:53
Manny SoloManny Solo
1
asked Nov 21 '18 at 4:53
Manny SoloManny Solo
1
asked Nov 21 '18 at 4:53
Manny SoloManny Solo
1
asked Nov 21 '18 at 4:53
Manny SoloManny Solo
1
asked Nov 21 '18 at 4:53
Manny SoloManny Solo
1
1
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
Of course. Just add a new button and execute the three functions.
function a(){
console.log("a");
}
function b(){
console.log("b");
}
function c(){
console.log("c");
}<input id="myButton" onclick="a(); b(); c();" type="button" value="Click me" />answered Nov 21 '18 at 5:09
Abana ClaraAbana Clara
1,624919
Thank you for the quick response. And the different IDs will not matter? I will try it and revert.
– Manny Solo
Nov 21 '18 at 14:23
@MannySolo it doesnt matter. As you can see we set aside the 3 buttons and just called the function those buttons call too.
– Abana Clara
Nov 22 '18 at 0:09
1
Thank you Abana Clara and Rikard for your help.
– Manny Solo
Nov 22 '18 at 3:43
@MannySolo you should pick an answer between me or rikard
– Abana Clara
Nov 22 '18 at 3:49
add a comment |
Calling all methods in onclick is one way, another way is to create a new function that runs alla tree functions, which makes it easier to read.
function validate() {
validateSelfReg();
mailVerifySelected();
closeVerifyPage();
}
And then just call that function
<input id="btn-verify" onclick="validate();" type="button" value="Verify" />
answered Nov 21 '18 at 5:35
RikardRikard
1014
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%2f53405464%2fcombine-multiple-input-buttons-across-several-pages-into-a-single-button-on-a-si%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Of course. Just add a new button and execute the three functions.
function a(){
console.log("a");
}
function b(){
console.log("b");
}
function c(){
console.log("c");
}<input id="myButton" onclick="a(); b(); c();" type="button" value="Click me" />answered Nov 21 '18 at 5:09
Abana ClaraAbana Clara
1,624919
Thank you for the quick response. And the different IDs will not matter? I will try it and revert.
– Manny Solo
Nov 21 '18 at 14:23
@MannySolo it doesnt matter. As you can see we set aside the 3 buttons and just called the function those buttons call too.
– Abana Clara
Nov 22 '18 at 0:09
1
Thank you Abana Clara and Rikard for your help.
– Manny Solo
Nov 22 '18 at 3:43
@MannySolo you should pick an answer between me or rikard
– Abana Clara
Nov 22 '18 at 3:49
add a comment |
Of course. Just add a new button and execute the three functions.
function a(){
console.log("a");
}
function b(){
console.log("b");
}
function c(){
console.log("c");
}<input id="myButton" onclick="a(); b(); c();" type="button" value="Click me" />answered Nov 21 '18 at 5:09
Abana ClaraAbana Clara
1,624919
Thank you for the quick response. And the different IDs will not matter? I will try it and revert.
– Manny Solo
Nov 21 '18 at 14:23
@MannySolo it doesnt matter. As you can see we set aside the 3 buttons and just called the function those buttons call too.
– Abana Clara
Nov 22 '18 at 0:09
1
Thank you Abana Clara and Rikard for your help.
– Manny Solo
Nov 22 '18 at 3:43
@MannySolo you should pick an answer between me or rikard
– Abana Clara
Nov 22 '18 at 3:49
add a comment |
Of course. Just add a new button and execute the three functions.
function a(){
console.log("a");
}
function b(){
console.log("b");
}
function c(){
console.log("c");
}<input id="myButton" onclick="a(); b(); c();" type="button" value="Click me" />answered Nov 21 '18 at 5:09
Abana ClaraAbana Clara
1,624919
Of course. Just add a new button and execute the three functions.
function a(){
console.log("a");
}
function b(){
console.log("b");
}
function c(){
console.log("c");
}<input id="myButton" onclick="a(); b(); c();" type="button" value="Click me" />function a(){
console.log("a");
}
function b(){
console.log("b");
}
function c(){
console.log("c");
}<input id="myButton" onclick="a(); b(); c();" type="button" value="Click me" />function a(){
console.log("a");
}
function b(){
console.log("b");
}
function c(){
console.log("c");
}<input id="myButton" onclick="a(); b(); c();" type="button" value="Click me" />answered Nov 21 '18 at 5:09
Abana ClaraAbana Clara
1,624919
answered Nov 21 '18 at 5:09
Abana ClaraAbana Clara
1,624919
answered Nov 21 '18 at 5:09
Abana ClaraAbana Clara
1,624919
answered Nov 21 '18 at 5:09
Abana ClaraAbana Clara
1,624919
1,624919
Thank you for the quick response. And the different IDs will not matter? I will try it and revert.
– Manny Solo
Nov 21 '18 at 14:23
@MannySolo it doesnt matter. As you can see we set aside the 3 buttons and just called the function those buttons call too.
– Abana Clara
Nov 22 '18 at 0:09
1
Thank you Abana Clara and Rikard for your help.
– Manny Solo
Nov 22 '18 at 3:43
@MannySolo you should pick an answer between me or rikard
– Abana Clara
Nov 22 '18 at 3:49
add a comment |
Thank you for the quick response. And the different IDs will not matter? I will try it and revert.
– Manny Solo
Nov 21 '18 at 14:23
@MannySolo it doesnt matter. As you can see we set aside the 3 buttons and just called the function those buttons call too.
– Abana Clara
Nov 22 '18 at 0:09
1
Thank you Abana Clara and Rikard for your help.
– Manny Solo
Nov 22 '18 at 3:43
@MannySolo you should pick an answer between me or rikard
– Abana Clara
Nov 22 '18 at 3:49
Thank you for the quick response. And the different IDs will not matter? I will try it and revert.
– Manny Solo
Nov 21 '18 at 14:23
Thank you for the quick response. And the different IDs will not matter? I will try it and revert.
– Manny Solo
Nov 21 '18 at 14:23
@MannySolo it doesnt matter. As you can see we set aside the 3 buttons and just called the function those buttons call too.
– Abana Clara
Nov 22 '18 at 0:09
@MannySolo it doesnt matter. As you can see we set aside the 3 buttons and just called the function those buttons call too.
– Abana Clara
Nov 22 '18 at 0:09
1
1
Thank you Abana Clara and Rikard for your help.
– Manny Solo
Nov 22 '18 at 3:43
Thank you Abana Clara and Rikard for your help.
– Manny Solo
Nov 22 '18 at 3:43
@MannySolo you should pick an answer between me or rikard
– Abana Clara
Nov 22 '18 at 3:49
@MannySolo you should pick an answer between me or rikard
– Abana Clara
Nov 22 '18 at 3:49
add a comment |
Calling all methods in onclick is one way, another way is to create a new function that runs alla tree functions, which makes it easier to read.
function validate() {
validateSelfReg();
mailVerifySelected();
closeVerifyPage();
}
And then just call that function
<input id="btn-verify" onclick="validate();" type="button" value="Verify" />
answered Nov 21 '18 at 5:35
RikardRikard
1014
add a comment |
Calling all methods in onclick is one way, another way is to create a new function that runs alla tree functions, which makes it easier to read.
function validate() {
validateSelfReg();
mailVerifySelected();
closeVerifyPage();
}
And then just call that function
<input id="btn-verify" onclick="validate();" type="button" value="Verify" />
answered Nov 21 '18 at 5:35
RikardRikard
1014
add a comment |
Calling all methods in onclick is one way, another way is to create a new function that runs alla tree functions, which makes it easier to read.
function validate() {
validateSelfReg();
mailVerifySelected();
closeVerifyPage();
}
And then just call that function
<input id="btn-verify" onclick="validate();" type="button" value="Verify" />
answered Nov 21 '18 at 5:35
RikardRikard
1014
Calling all methods in onclick is one way, another way is to create a new function that runs alla tree functions, which makes it easier to read.
function validate() {
validateSelfReg();
mailVerifySelected();
closeVerifyPage();
}
And then just call that function
<input id="btn-verify" onclick="validate();" type="button" value="Verify" />
answered Nov 21 '18 at 5:35
RikardRikard
1014
answered Nov 21 '18 at 5:35
RikardRikard
1014
answered Nov 21 '18 at 5:35
RikardRikard
1014
answered Nov 21 '18 at 5:35
RikardRikard
1014
1014
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%2f53405464%2fcombine-multiple-input-buttons-across-several-pages-into-a-single-button-on-a-si%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
