Snapshot Cookie extension

Version 1.1

The Snapshot Cookie extension maintains the visible state of expanding menus on refresh and between page views, using a sessional cookie. Each time a menu is opened or closed the state of every visible menu is recorded, then on subsequent page views the recorded state is applied automatically.

Have a look at this expanding menu demo to see it in action - click open a few menus, and then hit "Refresh", and you should see your last selection persist (if you accept sessional cookies).

Installation

Download the Snapshot Cookie script, copy it into your udm-resources folder, and add the script include to the body section:

<!-- snapshot cookie extension -->
<script type="text/javascript"
	src="/udm-resources/udm-x-snapshot.js"></script>

What to use it for

This extension is designed to go with an expanding menu, because state-persistence is often useful with that kind of navigation. It cannot be used with dropdown or flyout menus.

Implementation notes

It takes between 5 and 30 bytes to record the state of each visible menu, so in practise it's unlikely to use more than a couple of hundreds bytes all told. This will obviously not work for anyone who doesn't accept sessional cookies.

Menu persistence is linked to the onload event - the navbar will render in a closed state, then open and position the relevant menus when loading is complete. To ensure the correct menus are opened, you must make sure that the <ul> structure is identical on each page. Otherwise, persistence is futile :D

Accessibility notes

Cookie persistence overrides the default visibility and positioning of menus, which in turn affects accessibility for browser-based screenreaders. In practise this is very unlikely to be an issue - screenreaders don't normally generate the events which set a snapshot cookie in the first place - they should never have the cookie, so there shouldn't be a problem.

But it is possible - maybe a person who uses a screenreader only some of the time, while the rest of the time they use the browser on its own. While doing so they might set a cookie, which affects them later when they access it with a reader. In this situation deleting the cookie will resolve it.


UDM4 mentions at TweetObserver

Android Depok coba di sini gan http://t.co/Crdz7kOp RT @officiallyjun: @depokdroid min minta link game HD dongs..for samsung wonder :))
22 hours ago     

Marlene Boatwright Watch live tv on ps3. Software Downloads.: Online TV Live lets you watch 3645+ free Internet TV, on demand video... http://t.co/lNuJ1rAz
1 day ago     

Robert P Reibold Autocad drawing studio. Software Downloads.: AutoCAD to PDF Converter is a batch converter that allows you to co... http://t.co/emqHDpA2
2 days ago     

Tony N FYI... Software testing vga Software Downloads http://t.co/Fh28NO40
2 days ago     

Jeraldine Nadler Robot email sound Software Downloads http://t.co/bTRvdf7s @EmailResponder
3 days ago     

NFL Football News #NFL Powered By PhpBB Nfl Football Radio usage on homepages: Powered By PhpBB Nfl Football Radio is related to: ... http://t.co/SsK2G9wt
3 days ago     

KwikTIK Powered By PhpBB Nfl Football Radio usage on homepages: Powered By PhpBB Nfl Football Radio is related to: ... C... http://t.co/NuFNf7TQ
3 days ago     

Nfl Seat Powered By PhpBB Nfl Football Radio usage on homepages: Powered By PhpBB Nfl Football Radio is related to: ... C... http://t.co/maZHNTA9
3 days ago     

Search

Software Updates

UDM4 is used at:

We would like your feedback! Take the UDM4 Survey!

UDM 4 is valid XHTML, and in our judgement, meets the criteria for WAI Triple-A conformance.

-