Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
How can I implement page navigation history, like the functionality found in:
When you click on a link which opens a new page, that page name is added as a tab to the top bar. Then, you are able to go back to these pages by clicking on the added tabs; and you are also able to delete tabs.
Is there a tutorial somewhere on how this can be acheieved (or maybe a jquery plugin)?
In regards to the argument below (in comments): I would argue the functionality shown on the jqgrid site is neither breadcrumbs nor tabs in the sense of traditional navigation.
Breadcrumbs traditionally follow a navigational hierarchy and reset/clear when a new section or area of the site is opened. The jqgrid site does not follow that behavior.
As for tabs, yes they are styled as tabs however it is really just a persistent list of pages you have viewed. In this case they can be closed and opened with no common link to each other.
In pseudo code, achieving this is quite simple.
Navigation Block (left side) – Static placeholder containing links to your various content pieces.
Content Block (right side) – Static placeholder for dynamic content pieces
Order of events:
The placeholders (tabs) keep piling up and have nothing to do with how or where the user navigates next. Closing one does not impact existing open items.
Here’s a really simple example – http://jsfiddle.net/aZa9d/7/