Is there a way to set a cookie in order to remember an open tab? The tabs in question are generated using Coldfusion and Javascript

Question

Is there a way to set a cookie in order to remember an open tab? The tabs in question are generated using Coldfusion and Javascript

Trying to figure this out, but currently stuck. I have tabbed sections generated in Coldfusion. The selected section is marked by a class named "tab_selected (+ the UUID created in coldfusion)", while unselected tabs have class names with "tab_unselected (+ the UUID created in coldfusion)". When you click on an unselected tab, it changes to "tab_selected (+ the UUID)" and adjusts the rest accordingly.

The goal is to use javascript to find the element with the "tab_selected" class when leaving the page, then set a cookie with that element's ID...

My attempted solution so far (using JQuery) may be totally off base. Seeking guidance.

$(window).unload( function () {
$("selector[name*='tab_selected_text']").cookie("TABS_REMEMBER", 1, { expires: null });
});

javascript cookies coldfusion tabs

Answer 1

Answer №1

With the utilization of jquery along with its cookie plugin, setting up tab functionality becomes effortless and seamless.

When defining your tabs, ensure to incorporate the following script:

<script type="text/javascript">
  $(function () {
    $("#tabs").tabs({
      cookie: {
        // set cookie to last for a day, otherwise it will be session-based
        expires: 1
      }
    });
  });
</script>

This will allow the tabs component to remember the previously used tab.

Answer 2

With the utilization of jquery along with its cookie plugin, setting up tab functionality becomes effortless and seamless.

When defining your tabs, ensure to incorporate the following script:

<script type="text/javascript">
  $(function () {
    $("#tabs").tabs({
      cookie: {
        // set cookie to last for a day, otherwise it will be session-based
        expires: 1
      }
    });
  });
</script>

This will allow the tabs component to remember the previously used tab.

Is there a way to set a cookie in order to remember an open tab? The tabs in question are generated using Coldfusion and Javascript

Answer №1

Similar questions

Adjusting the size of DIVs according to images retrieved dynamically from a database

Using Three.js to rotate a sphere (globe) to a different location (city) on the sphere's surface

Display the value in Vue.js as a price format while maintaining it as an integer

What are the best options for storing small data in a React or Next.js project?

Display the JSON data by pressing Enter key instead of clicking on the submit button

The return value of fs.mkdirSync is undefined

Content that is dynamically generated by a database

Is there a way to efficiently return an array of object and nested object keys with their full paths through recursion

Encountered an error trying to access an array element by index stored in a variable within Vue.JS,

What is preventing me from extracting the callback function from the app.get method in Node.js and Express?

Stop the upload progress in Angular 6 by unsubscribing from the upload observable, without halting the actual

Arrange a div close to another div with the help of absolute positioning

Converting JSON data to HTML using Handlebars

Searching for users with specific patterns of string using LDAP JS in Node JS

Unlocking JSON Keys Using Dashes

React - Uncaught Error: e.preventDefault is not a function due to Type Error

why is my angular listing malfunctioning when I try to compare two fields?

"Uncovering a memory leakage issue within a recursive polling function in JavaScript

The desired jQuery datatable theme did not take effect on the JSP page

Encountering an SSL error while trying to establish a connection between a local server and the Heroku PostgreSQL