(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 highlight the current tab in a hover tab menu?

Return to Recent Questions


Q: How do I highlight the current tab in a hover tab menu?

A: 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 and var var bselectedSmItem) or using any server-side script (php, asp, etc.)

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

If your site is written on PHP you can set "bselectedItem" and "var bselectedSmItem" parameters based on your link before you call your data file.

For example, move "bselectedItem" and "var bselectedSmItem" parameters from your data file to your code.

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

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, for example:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

Try that.





Return to Recent Questions

Related:
Bootstrap Image Gallery Bootstrap Form Button  |  Bootstrap Accordion Table  |  Bootstrap Checkbox Label  |  Bootstrap Columns Mobile  |  Bootstrap Grid Tutorial  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. Free AI Website Builder | AI Website Builder | Free AI Website Generator | AI Website Generator | AI web design generator