Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #327

After navigating through the different tabs of a Tab Panel Magic 3 (TPM3) system, is there a way to have the Reload and back buttons to go to the last active panel instead of always going to panel #1?

The Answer

Prepared Mar. 2014 by Gerry Jacobsen, PVII

The normal browser Back and Reload button behavior is to restore the page to its initial starting state, however, a tweak can be applied to the Tab Panel Magic 3 (TPM3) system to have the page display with the last viewed panel as the open or active panel.

Here's how:

1. Open the p7TP3scripts.js file and locate this block of code in the P7_TP3click(a) function, around line 560

   }
   P7_TP3open(a);
   return m;;

2. Add a new line directly after the second line, then copy and paste this:

   window.location.hash="#tp3"+a.id.replace('p7TP3tab','');

into the new line so that the code block now looks like this:

   }
   window.location.hash="#tp3"+a.id.replace('p7TP3tab','');
   P7_TP3open(a);
   return m;

4. Save the file.

That's it. The system will now append a page anchor to the page address so that the TPM3 system can re-open to the last opened panel whenever the user goes back to the page. If the user bookmarks the address, the page will also open to the panel that was open at the time they bookmarked the page.

Back to the questions list