I have a single page html code with 3 different Tabs in that.I have a requirement of chaining the URL for each tab.
I have seen some resources for changing the browser history using windows.history.pushState()
.But as far as I know It only changes changing with #extra-path
.
But I am trying to achieve something like:
for tab1 .. mybasedomain.com/tab1
for tab2 .. mybasedomain.com/tab2
How do I achieve it?Can I achieve it using JavaScript, jQuery?
My code structure:
<section id="features">
<header>
<div class="features-switcher">
<div class="container">
<ul class="tab-links">
<li>
<a class="active" target='_blank' href="#tab1">
<span>tab one</span>
</a>
</li>
<li >
<a class="" target='_blank' href="#tab2">
<span>tab two</span>
</a>
</li>
<li>
<a class="" target='_blank' href="#tab3">
<span>tab three</span>
</a>
</li>
</ul>
</div>
</div>
<hr>
</header>
<div class="tab-content">
<div id="tab1" class="tab--active">
<section class="container">
<h2> content of tab 1</h2>
<hr>
</section>
</div>
<div id="tab2" class="tab--inactive">
<section class="container">
<h2> content of tab 2</h2>
</section>
</div>
<div id="tab3" class="tab--inactive">
<section class="container">
<h2> content of tab 3</h2>
</section>
</div>
</div>
</section>
I try get data from my API server with axios but i get this error: 'v-bind' directives require an attribute value. I dont know how i must use v-bind to fix it. Here is my code : <template> &...
I try get data from my API server with axios but i get this error: 'v-bind' directives require an attribute value. I dont know how i must use v-bind to fix it. Here is my code : <template> &...
how to remove this jquery dialog and show it as a simple html form at the bottom of web page when clicked on button. I've a bootstrap table when i click on the add new record button it shows dialog ...
how to remove this jquery dialog and show it as a simple html form at the bottom of web page when clicked on button. I've a bootstrap table when i click on the add new record button it shows dialog ...
I'm confused by this line in my project: This id: categories-product belong to <select> and I've seen in project someone wrote this: And I'm wondering what this basically means ? $('#...
I'm confused by this line in my project: This id: categories-product belong to <select> and I've seen in project someone wrote this: And I'm wondering what this basically means ? $('#...
I've tried to use this comparison statement and was almost sure that's gonna work, but it's not. Could you explain why ? let a = 1 a === ( 1 || 3 ) // true a === ( 3 || 1 ) // false Thanks for ...
I've tried to use this comparison statement and was almost sure that's gonna work, but it's not. Could you explain why ? let a = 1 a === ( 1 || 3 ) // true a === ( 3 || 1 ) // false Thanks for ...