(c) 2016, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Support
  FAQ
  Contacts
  About Us
  Recent Questions


 

    How do I keep the tab selected for the html vertical tabs when advancing to the next tab?

Return to Recent Questions


Q: I am setting up a 3 tab script and each tab opens a new page but the state of the tab selected reverts back to the default tab.
How do I keep the tab selected for the html vertical tabs when advancing to the next tab (new page)?

A: You should change the selected tab depending on the page you are now.

This Tabs menu can save pressed item automatically within 1 page only.
If you open another page, the menu can't remember pressed item.
You should do that manually using Javascript and menu parameters (var bselectedItem) or
using any server-side script (php, asp, etc.)

Deluxe Tabs doesn't support API functions which can return the selected tab.

So, you can set "bselectedItem" parameter based on your link before you call data.js file.

For example, move "bselectedItem" parameter from data.js file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=<?php echo $seltabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript>
</SCRIPT>
</TD>

You should define seltabs using server side script.





Return to Recent Questions

Related:
Bootstrap Label Input Bootstrap Slider Usage  |  Bootstrap Progress bar Jquery  |  Bootstrap Clearfix Style  |  Bootstrap Switch Value  |  Bootstrap Header Example  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. AI Website Builder | AI Website Generator | AI Website Builder | AI Website Maker | AI web page design generator