Databases
StackOverflow2013
Postsdbo
POHow to Keep Cookie Value after page refresh
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to Keep Cookie Value after page refresh
    primarykey
    data
    text
    <p>I'm creating a demo panel for users to change the layout of a Wordpress theme when they arrive at my demo site. The user changes value via a select drop-down box, and a cookie is set at that time.</p> <p>I'm having trouble showing the ACTIONS that I want implement after the page is refreshed. So the cookie is saving it's value, but after page refresh my CSS actions will not stay in place. I'm not very good with jQuery so any help would be appreciated. Here's the code:</p> <pre><code>$('#montage-demo-panel select.body-style-layout').change(function () { // Apply cookie $.cookie('body-style-layout', $(this).val(), { path: '/' }); var value = $(this).val(); if (value == 'fixed') { var wrapper = $('#wrapper'); var header = $('#header'); var masthead = $('#masthead'); var branding = $('#branding'); wrapper.removeAttr('style'); header.removeAttr('style'); masthead.removeAttr('style'); branding.removeAttr('style'); wrapper.removeClass('wrapper-full purple-header-full'); header.removeClass('header-full'); masthead.removeClass('masthead-full'); branding.removeClass('branding-full'); location.reload(); } else { var wrapper = $('#wrapper'); var header = $('#header'); var masthead = $('#masthead'); var branding = $('#branding'); var mainbg = $('#main-bg'); var access = $('#access'); wrapper.removeClass('purple-header'); wrapper.addClass('wrapper-full purple-header-full'); header.addClass('header-full'); masthead.addClass('masthead-full'); branding.addClass('branding-full'); mainbg.addClass('main-bg-full'); access.addClass('access-full'); // Re-fresh page location.reload(); } }); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USRob Myrick
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to Keep Cookie Value after page refresh
      1. USHsin
      1. VTFavorite
    1. COare you sure cookie value is not exist anymore after page refresh ?
      singulars
      1. POHow to Keep Cookie Value after page refresh
      1. USegig
    2. COI'm sorry about being unclear - the cookie value does remain - but the CSS values are not staying in place - it's just like I refresh the page and it reverts back to original values. But the actual cookie value itself is staying the same.
      singulars
      1. POHow to Keep Cookie Value after page refresh
      1. USRob Myrick
    3. COdo you implement the style by just removing-adding class in your `change()` event ??
      singulars
      1. POHow to Keep Cookie Value after page refresh
      1. USegig
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload