(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:
Top HTML Site Builder - 2021 Review First-rate Responsive Website Builder Software - Beginner-Friendly Guide  |  Effective Link in Bio Services  |  Smart Cheap and Easy Web Page Builder Tools | Honest Review  |  How To Embed Instagram Feed  |  HTML Page Creator Plugins / Overview  | 
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 | Free AI Website Builder | AI Website Generator | Website Generator AI | AI web page design generator