Flask - How to redirect to the same bootstrap tab from where the request came from?
0
My webpage have multiple tabs with the third tab having Form.
I want to display result of the Form on the same tab.
I tried render_template but it refreshes to the first tab.
I tried redirect url_for but again it refreshes to the first tab.
After some reading on _anchor, I tried it too but it's not working.
I need help to understand what I'm doing wrong ?
site.html
<div>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#tab1">TAB1</a></li>
<li><a data-toggle="tab" href="#tab2">TAB2</a></li>
<li><a data-toggle="tab" href="#tab3">TAB3</a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab-pane fade">
<p>This is tab1</p>
</div>
<div id="tab2" class="tab-pane fade">
<p>This is tab2</p>
</div>
<div id="tab3" class="tab-pane fade">
<form action="/region/site" method='POST'>
<input type="text" name="site_name">
<input type="submit" value="Submit">
</form>
<p>Result:</p>
{% if result %}
<p>{{result}}</p>
{% endif %}
</div>
</div>
</div>
my flask content
@app.route('/region/site', methods=['GET','POST'])
def get_site():
result = None
if request.method == 'POST':
site = request.form.get('site_name')
if site:
result = myfunction(site) ### This func returns a table
else:
result = 'Input needed'
return redirect(url_for('get_site', _anchor='tab3', result=result))
return render_template('site.html', result=result)
python flask
edited Jan 3 at 16:04
Loss of human identity
1,23911027
asked Jan 3 at 16:01
Nimesh DoshiNimesh Doshi
66
add a comment |
0
My webpage have multiple tabs with the third tab having Form.
I want to display result of the Form on the same tab.
I tried render_template but it refreshes to the first tab.
I tried redirect url_for but again it refreshes to the first tab.
After some reading on _anchor, I tried it too but it's not working.
I need help to understand what I'm doing wrong ?
site.html
<div>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#tab1">TAB1</a></li>
<li><a data-toggle="tab" href="#tab2">TAB2</a></li>
<li><a data-toggle="tab" href="#tab3">TAB3</a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab-pane fade">
<p>This is tab1</p>
</div>
<div id="tab2" class="tab-pane fade">
<p>This is tab2</p>
</div>
<div id="tab3" class="tab-pane fade">
<form action="/region/site" method='POST'>
<input type="text" name="site_name">
<input type="submit" value="Submit">
</form>
<p>Result:</p>
{% if result %}
<p>{{result}}</p>
{% endif %}
</div>
</div>
</div>
my flask content
@app.route('/region/site', methods=['GET','POST'])
def get_site():
result = None
if request.method == 'POST':
site = request.form.get('site_name')
if site:
result = myfunction(site) ### This func returns a table
else:
result = 'Input needed'
return redirect(url_for('get_site', _anchor='tab3', result=result))
return render_template('site.html', result=result)
python flask
edited Jan 3 at 16:04
Loss of human identity
1,23911027
asked Jan 3 at 16:01
Nimesh DoshiNimesh Doshi
66
This SO Q/A might be relevant Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
– pjcunningham
Jan 4 at 11:19
add a comment |
0
0
0
My webpage have multiple tabs with the third tab having Form.
I want to display result of the Form on the same tab.
I tried render_template but it refreshes to the first tab.
I tried redirect url_for but again it refreshes to the first tab.
After some reading on _anchor, I tried it too but it's not working.
I need help to understand what I'm doing wrong ?
site.html
<div>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#tab1">TAB1</a></li>
<li><a data-toggle="tab" href="#tab2">TAB2</a></li>
<li><a data-toggle="tab" href="#tab3">TAB3</a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab-pane fade">
<p>This is tab1</p>
</div>
<div id="tab2" class="tab-pane fade">
<p>This is tab2</p>
</div>
<div id="tab3" class="tab-pane fade">
<form action="/region/site" method='POST'>
<input type="text" name="site_name">
<input type="submit" value="Submit">
</form>
<p>Result:</p>
{% if result %}
<p>{{result}}</p>
{% endif %}
</div>
</div>
</div>
my flask content
@app.route('/region/site', methods=['GET','POST'])
def get_site():
result = None
if request.method == 'POST':
site = request.form.get('site_name')
if site:
result = myfunction(site) ### This func returns a table
else:
result = 'Input needed'
return redirect(url_for('get_site', _anchor='tab3', result=result))
return render_template('site.html', result=result)
python flask
edited Jan 3 at 16:04
Loss of human identity
1,23911027
asked Jan 3 at 16:01
Nimesh DoshiNimesh Doshi
66
My webpage have multiple tabs with the third tab having Form.
I want to display result of the Form on the same tab.
I tried render_template but it refreshes to the first tab.
I tried redirect url_for but again it refreshes to the first tab.
After some reading on _anchor, I tried it too but it's not working.
I need help to understand what I'm doing wrong ?
site.html
<div>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#tab1">TAB1</a></li>
<li><a data-toggle="tab" href="#tab2">TAB2</a></li>
<li><a data-toggle="tab" href="#tab3">TAB3</a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab-pane fade">
<p>This is tab1</p>
</div>
<div id="tab2" class="tab-pane fade">
<p>This is tab2</p>
</div>
<div id="tab3" class="tab-pane fade">
<form action="/region/site" method='POST'>
<input type="text" name="site_name">
<input type="submit" value="Submit">
</form>
<p>Result:</p>
{% if result %}
<p>{{result}}</p>
{% endif %}
</div>
</div>
</div>
my flask content
@app.route('/region/site', methods=['GET','POST'])
def get_site():
result = None
if request.method == 'POST':
site = request.form.get('site_name')
if site:
result = myfunction(site) ### This func returns a table
else:
result = 'Input needed'
return redirect(url_for('get_site', _anchor='tab3', result=result))
return render_template('site.html', result=result)
python flask
python flask
edited Jan 3 at 16:04
Loss of human identity
1,23911027
asked Jan 3 at 16:01
Nimesh DoshiNimesh Doshi
66
edited Jan 3 at 16:04
Loss of human identity
1,23911027
asked Jan 3 at 16:01
Nimesh DoshiNimesh Doshi
66
edited Jan 3 at 16:04
Loss of human identity
1,23911027
edited Jan 3 at 16:04
Loss of human identity
1,23911027
edited Jan 3 at 16:04
Loss of human identity
1,23911027
1,23911027
asked Jan 3 at 16:01
Nimesh DoshiNimesh Doshi
66
asked Jan 3 at 16:01
Nimesh DoshiNimesh Doshi
66
asked Jan 3 at 16:01
Nimesh DoshiNimesh Doshi
66
66
This SO Q/A might be relevant Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
– pjcunningham
Jan 4 at 11:19
add a comment |
This SO Q/A might be relevant Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
– pjcunningham
Jan 4 at 11:19
This SO Q/A might be relevant Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
– pjcunningham
Jan 4 at 11:19
This SO Q/A might be relevant Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
– pjcunningham
Jan 4 at 11:19
add a comment |
0
active
oldest
votes
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
});
}
});
draft saved
draft discarded
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%2f54025807%2fflask-how-to-redirect-to-the-same-bootstrap-tab-from-where-the-request-came-fr%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f54025807%2fflask-how-to-redirect-to-the-same-bootstrap-tab-from-where-the-request-came-fr%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
This SO Q/A might be relevant Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
– pjcunningham
Jan 4 at 11:19