Archived
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:
@@ -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;
|
||||
};
|
||||
|
||||
}));
|
||||
@@ -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>
|
||||
@@ -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&serendipity[adminAction]=addnew" title='{$CONST.CLICK_HERE_TO_INSTALL_PLUGIN|sprintf:"{$CONST.SIDEBAR_PLUGIN}"}'>Install a new sidebar plugin</a> {* i18n *}
|
||||
|
||||
@@ -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
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user