Make accessible tabs remember their last choice.

Bundled jquery.cookie library for that.
Every TABlist now needs to have a unique ID.
This commit is contained in:
Garvin Hicking
2014-03-05 11:37:38 +01:00
parent 35e0b73ada
commit 70aea65078
4 changed files with 136 additions and 4 deletions
+117
View File
@@ -0,0 +1,117 @@
/*!
* jQuery Cookie Plugin v1.4.0
* https://github.com/carhartl/jquery-cookie
*
* Copyright 2013 Klaus Hartl
* Released under the MIT license
*/
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as anonymous module.
define(['jquery'], factory);
} else {
// Browser globals.
factory(jQuery);
}
}(function ($) {
var pluses = /\+/g;
function encode(s) {
return config.raw ? s : encodeURIComponent(s);
}
function decode(s) {
return config.raw ? s : decodeURIComponent(s);
}
function stringifyCookieValue(value) {
return encode(config.json ? JSON.stringify(value) : String(value));
}
function parseCookieValue(s) {
if (s.indexOf('"') === 0) {
// This is a quoted cookie as according to RFC2068, unescape...
s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
}
try {
// Replace server-side written pluses with spaces.
// If we can't decode the cookie, ignore it, it's unusable.
s = decodeURIComponent(s.replace(pluses, ' '));
} catch(e) {
return;
}
try {
// If we can't parse the cookie, ignore it, it's unusable.
return config.json ? JSON.parse(s) : s;
} catch(e) {}
}
function read(s, converter) {
var value = config.raw ? s : parseCookieValue(s);
return $.isFunction(converter) ? converter(value) : value;
}
var config = $.cookie = function (key, value, options) {
// Write
if (value !== undefined && !$.isFunction(value)) {
options = $.extend({}, config.defaults, options);
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
return (document.cookie = [
encode(key), '=', stringifyCookieValue(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Read
var result = key ? undefined : {};
// To prevent the for loop in the first place assign an empty array
// in case there are no cookies at all. Also prevents odd result when
// calling $.cookie().
var cookies = document.cookie ? document.cookie.split('; ') : [];
for (var i = 0, l = cookies.length; i < l; i++) {
var parts = cookies[i].split('=');
var name = decode(parts.shift());
var cookie = parts.join('=');
if (key && key === name) {
// If second argument (value) is a function it's a converter...
result = read(cookie, value);
break;
}
// Prevent storing a cookie that we couldn't decode.
if (!key && (cookie = read(cookie)) !== undefined) {
result[name] = cookie;
}
}
return result;
};
config.defaults = {};
$.removeCookie = function (key, options) {
if ($.cookie(key) !== undefined) {
// Must not alter options, thus extending a fresh object...
$.cookie(key, '', $.extend({}, options, { expires: -1 }));
return true;
}
return false;
};
}));
+2 -1
View File
@@ -10,7 +10,7 @@
<input name="serendipity[adminAction]" type="hidden" value="add">
{$media.form_hidden}
<div class="clearfix tabs">
<div class="clearfix tabs" id="mediaupload_tabs">
<h3>Upload</h3> {* i18n *}
<div class="panel">
@@ -75,4 +75,5 @@
{/if}
</div>
</form>
<script src="{serendipity_getFile file='admin/js/jquery.cookie.js'}"></script>
<script src="{serendipity_getFile file='admin/js/jquery.tabs.js'}"></script>
+3 -2
View File
@@ -127,8 +127,9 @@
<script src="{serendipity_getFile file="admin/js/jquery.autoscroll.js"}"></script>
<script src="{serendipity_getFile file="admin/js/jquery.sortable.js"}"></script>
<script src="{serendipity_getFile file="admin/js/dragdrop.js"}"></script>
<script src="{serendipity_getFile file='admin/js/jquery.tabs.js'}"></script>
<div class="tabs">
<script src="{serendipity_getFile file="admin/js/jquery.cookie.js"}"></script>
<script src="{serendipity_getFile file="admin/js/jquery.tabs.js"}"></script>
<div class="tabs" id="pluginlist_tabs">
<section id="pluginlist_sidebar" class="panel">
<h3>{$CONST.SIDEBAR_PLUGINS}</h3>
<a class="button_link" href="?serendipity[adminModule]=plugins&amp;serendipity[adminAction]=addnew" title='{$CONST.CLICK_HERE_TO_INSTALL_PLUGIN|sprintf:"{$CONST.SIDEBAR_PLUGIN}"}'>Install a new sidebar plugin</a> {* i18n *}
+14 -1
View File
@@ -30,6 +30,17 @@
document.cookie = 'serendipity[' + name + ']='+escape(value) + ';expires=' + expire.toGMTString();
}
serendipity.GetCookie = function(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
// Some sort of onload wrapper? @onli says jQuery can help with this
serendipity.addLoadEvent = function(func) {
var oldonload = window.onload;
@@ -1171,6 +1182,7 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
// Tabs
if($('body').has('.tabs').size() > 0) {
$('.tabs').accessibleTabs({
wrapperClass: 'tabcontent',
currentClass: 'on',
@@ -1180,7 +1192,8 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
fx: 'fadeIn',
currentInfoText: 'Current tab: ', // i18n
currentInfoClass: 'visuallyhidden',
syncheights: false
syncheights: false,
saveState: true
});
}