summaryrefslogtreecommitdiff
path: root/css/yaml4/add-ons/accessible-tabs
diff options
context:
space:
mode:
Diffstat (limited to 'css/yaml4/add-ons/accessible-tabs')
-rw-r--r--css/yaml4/add-ons/accessible-tabs/.svn/all-wcprops17
-rw-r--r--css/yaml4/add-ons/accessible-tabs/.svn/entries103
-rw-r--r--css/yaml4/add-ons/accessible-tabs/.svn/format1
-rw-r--r--css/yaml4/add-ons/accessible-tabs/.svn/text-base/jquery.tabs.js.svn-base314
-rw-r--r--css/yaml4/add-ons/accessible-tabs/.svn/text-base/tabs.css.svn-base136
-rw-r--r--css/yaml4/add-ons/accessible-tabs/jquery.tabs.js314
-rw-r--r--css/yaml4/add-ons/accessible-tabs/tabs.css136
7 files changed, 1021 insertions, 0 deletions
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/all-wcprops b/css/yaml4/add-ons/accessible-tabs/.svn/all-wcprops
new file mode 100644
index 0000000..f799dff
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/all-wcprops
@@ -0,0 +1,17 @@
+K 25
+svn:wc:ra_dav:version-url
+V 90
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/accessible-tabs
+END
+tabs.css
+K 25
+svn:wc:ra_dav:version-url
+V 99
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/accessible-tabs/tabs.css
+END
+jquery.tabs.js
+K 25
+svn:wc:ra_dav:version-url
+V 105
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/accessible-tabs/jquery.tabs.js
+END
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/entries b/css/yaml4/add-ons/accessible-tabs/.svn/entries
new file mode 100644
index 0000000..896bb97
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/entries
@@ -0,0 +1,103 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/accessible-tabs
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+tabs.css
+file
+
+
+
+
+2012-01-29T22:53:54.000000Z
+e39979c8568a94645e8410871f7a747a
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+3028
+
+jquery.tabs.js
+file
+
+
+
+
+2012-01-07T10:52:00.000000Z
+ff357b48b6fff145d0f276ce265869e2
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+15059
+
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/format b/css/yaml4/add-ons/accessible-tabs/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/text-base/jquery.tabs.js.svn-base b/css/yaml4/add-ons/accessible-tabs/.svn/text-base/jquery.tabs.js.svn-base
new file mode 100644
index 0000000..b028f06
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/text-base/jquery.tabs.js.svn-base
@@ -0,0 +1,314 @@
+/**
+ * Accessible Tabs - jQuery plugin for accessible, unobtrusive tabs
+ * Build to seemlessly work with the CCS-Framework YAML (yaml.de) not depending on YAML though
+ * @requires jQuery - tested with 1.4.2 but might as well work with older versions
+ *
+ * english article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php
+ * german article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-Wie-man-Tabs-WIRKLICH-zugaenglich-macht.php
+ *
+ * code: http://github.com/ginader/Accessible-Tabs
+ * please report issues at: http://github.com/ginader/Accessible-Tabs/issues
+ *
+ * Copyright (c) 2007 Dirk Ginader (ginader.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.9.2
+ *
+ * History:
+ * * 1.0 initial release
+ * * 1.1 added a lot of Accessibility enhancements
+ * * * rewrite to use "fn.extend" structure
+ * * * added check for existing ids on the content containers to use to proper anchors in the tabs
+ * * 1.1.1 changed the headline markup. thanks to Mike Davies for the hint.
+ * * 1.5 thanks to Dirk Jesse, Ansgar Hein, David Maciejewski and Mike West for commiting patches to this release
+ * * * new option syncheights that syncs the heights of the tab contents when the SyncHeight plugin
+ * * is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+ * * * fixed the hardcoded current class
+ * * * new option tabsListClass to be applied to the generated list of tabs above the content so lists
+ * * inside the tabscontent can be styled differently
+ * * * added clearfix and tabcounter that adds a class in the schema "tabamount{number amount of tabs}"
+ * * to the ul containg the tabs so one can style the tabs to fit 100% into the width
+ * * * new option "syncHeightMethodName" fixed issue: http://github.com/ginader/Accessible-Tabs/issues/2/find
+ * * * new Method showAccessibleTab({index number of the tab to show starting with 0}) fixed issue: http://github.com/ginader/Accessible-Tabs/issues/3/find
+ * * * added support for the Cursor Keys to come closer to the WAI ARIA Tab Panel Best Practices http://github.com/ginader/Accessible-Tabs/issues/1/find
+ * * 1.6
+ * * * new option "saveState" to allow tabs remember their selected state using cookies requires the cookie plugin: http://plugins.jquery.com/project/Cookie
+ * * * changed supported jquery version to 1.4.2 to make sure it's future compatible
+ * * * new option "autoAnchor" which allows to add ID's to headlines in the tabs markup that allow direct linking into a tab i.e.: file.html#headlineID
+ * * 1.7
+ * * * new option "pagination" that adds links to show the next/previous tab. This adds the following markup to each tab for you to style:
+ * * * <ul class="pagination">
+ * * * <li class="previous"><a href="#{the-id-of-the-previous-tab}"><span>{the headline of the previous tab}</span></a></li>
+ * * * <li class="next"><a href="#{the-id-of-the-next-tab}"><span>{the headline of the previous tab}</span></a></li>
+ * * * </ul>
+ * * 1.8
+ * * * new option "position" can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+ * * 1.8.1
+ * * * Bugfix for broken pagination in ie6 and 7: Selector and object access modified by Daniel Köntös (www.MilkmanMedia.de). Thanks to Carolin Moll for the report.
+ * * 1.8.2
+ * * * Bugfix for issue described by Sunshine here: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#c916
+ * * 1.8.3
+ * * * Bugfix by Michael Schulze: Only change current class in tab navigation and not in all unordered lists inside the tabs.
+ * * 1.9
+ * * * new method showAccessibleTabSelector({valid jQuery selector of the tab to show}) that allows the opening of tabs \
+ * * * by jQuery Selector instead of the index in showAccessibleTab() fixing issue https://github.com/ginader/Accessible-Tabs/issues/15
+ * * 1.9.1 by Michael Schulze:
+ * * * firstNavItemClass and lastNavItemClass to define a custom classname on the first and last tab
+ * * * wrapInnerNavLinks: inner wrap for a-tags in tab navigation.
+ * * 1.9.2
+ * * * Bugfix by Dirk Jesse: fixing an issue that happened when passing multiple selectors to the init call instead of one
+ * * * Bugfix that fixes a reset of the tabs counter when accessibleTabs() was called more than once on a page
+ */
+
+
+(function($) {
+ var debugMode = true;
+ $.fn.extend({
+ // We assume there could be multiple sets of tabs on a page, so,
+ // the unique id for each invididual tab's heading is identified with params q and r (e.g., id="accessibletabscontent0-2")
+ getUniqueId: function(p, q, r){
+ if (r===undefined) {r='';} else {r='-'+r;}
+ return p + q + r;
+ },
+ accessibleTabs: function(config) {
+ var defaults = {
+ wrapperClass: 'content', // Classname to apply to the div that is wrapped around the original Markup
+ currentClass: 'current', // Classname to apply to the LI of the selected Tab
+ tabhead: 'h4', // Tag or valid Query Selector of the Elements to Transform the Tabs-Navigation from (originals are removed)
+ tabheadClass: 'tabhead', // Classname to apply to the target heading element for each tab div
+ tabbody: '.tabbody', // Tag or valid Query Selector of the Elements to be treated as the Tab Body
+ fx:'show', // can be "fadeIn", "slideDown", "show"
+ fxspeed: 'normal', // speed (String|Number): "slow", "normal", or "fast") or the number of milliseconds to run the animation
+ currentInfoText: 'current tab: ', // text to indicate for screenreaders which tab is the current one
+ currentInfoPosition: 'prepend', // Definition where to insert the Info Text. Can be either "prepend" or "append"
+ currentInfoClass: 'current-info', // Class to apply to the span wrapping the CurrentInfoText
+ tabsListClass:'tabs-list', // Class to apply to the generated list of tabs above the content
+ syncheights:false, // syncs the heights of the tab contents when the SyncHeight plugin is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+ syncHeightMethodName:'syncHeight', // set the Method name of the plugin you want to use to sync the tab contents. Defaults to the SyncHeight plugin: http://github.com/ginader/syncHeight
+ cssClassAvailable:false, // Enable individual css classes for tabs. Gets the appropriate class name of a tabhead element and apply it to the tab list element. Boolean value
+ saveState:false, // save the selected tab into a cookie so it stays selected after a reload. This requires that the wrapping div needs to have an ID (so we know which tab we're saving)
+ autoAnchor:false, // will move over any existing id of a headline in tabs markup so it can be linked to it
+ pagination:false, // adds buttons to each tab to switch to the next/previous tab
+ position:'top', // can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+ wrapInnerNavLinks: '', // inner wrap for a-tags in tab navigation. See http://api.jquery.com/wrapInner/ for further informations
+ firstNavItemClass: 'first', // Classname of the first list item in the tab navigation
+ lastNavItemClass: 'last' // Classname of the last list item in the tab navigation
+ };
+ var keyCodes = {
+ 37 : -1, //LEFT
+ 38 : -1, //UP
+ 39 : +1, //RIGHT
+ 40 : +1 //DOWN
+ };
+ var positions = {
+ top : 'prepend',
+ bottom : 'append'
+ };
+ this.options = $.extend(defaults, config);
+
+ var tabsCount = 0;
+ if($("body").data('accessibleTabsCount') !== undefined){
+ tabsCount = $("body").data('accessibleTabsCount');
+ }
+ $("body").data('accessibleTabsCount',this.size()+tabsCount);
+
+ var o = this;
+ return this.each(function(t) {
+ var el = $(this);
+ var list = '';
+ var tabCount = 0;
+ var ids = [];
+
+ $(el).wrapInner('<div class="'+o.options.wrapperClass+'"></div>');
+
+ $(el).find(o.options.tabhead).each(function(i){
+ var id = '';
+ elId = $(this).attr('id');
+ if(elId){
+ // Skip this item if it already exists.
+ if(elId.indexOf('accessibletabscontent') === 0) {
+ return;
+ }
+ id =' id="'+elId+'"';
+ }
+ var tabId = o.getUniqueId('accessibletabscontent', tabsCount+t, i);//get a unique id to assign to this tab's heading
+ var navItemId = o.getUniqueId('accessibletabsnavigation', tabsCount+t, i);//get a unique id for this navigation item
+ ids.push(tabId);
+ if(o.options.cssClassAvailable === true) {
+ var cssClass = '';
+ if($(this).attr('class')) {
+ cssClass = $(this).attr('class');
+ cssClass = ' class="'+cssClass+'"';
+ list += '<li id="'+navItemId+'"><a'+id+''+cssClass+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+ }
+ } else {
+ list += '<li id="'+navItemId+'"><a'+id+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+ }
+ $(this).attr({"id": tabId, "class": o.options.tabheadClass, "tabindex": "-1"});//assign the unique id and the tabheadClass class name to this tab's heading
+ tabCount++;
+ });
+
+ if (o.options.syncheights && $.fn[o.options.syncHeightMethodName]) {
+ $(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+ $(window).resize(function(){
+ $(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+ });
+ }
+
+ // Ensure that the call to setup tabs is re-runnable
+ var tabs_selector = '.' + o.options.tabsListClass;
+ if(!$(el).find(tabs_selector).length) {
+ $(el)[positions[o.options.position]]('<ul class="clearfix '+o.options.tabsListClass+' tabamount'+tabCount+'"></ul>');
+ }
+
+ $(el).find(tabs_selector).append(list);
+
+ // initial show first content block and hide the others
+ var content = $(el).find(o.options.tabbody);
+ if (content.length > 0) {
+ $(content).hide();
+ $(content[0]).show();
+ }
+ $(el).find("ul."+o.options.tabsListClass+">li:first").addClass(o.options.currentClass).addClass(o.options.firstNavItemClass)
+ .find('a')[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+ .parents("ul."+o.options.tabsListClass).children('li:last').addClass(o.options.lastNavItemClass);
+
+ if (o.options.wrapInnerNavLinks) {
+ $(el).find('ul.'+o.options.tabsListClass+'>li>a').wrapInner(o.options.wrapInnerNavLinks);
+ }
+
+ $(el).find('ul.'+o.options.tabsListClass+'>li>a').each(function(i){
+ $(this).click(function(event){
+ event.preventDefault();
+ el.trigger("showTab.accessibleTabs", [$(event.target)]);
+ if(o.options.saveState && $.cookie){
+ $.cookie('accessibletab_'+el.attr('id')+'_active',i);
+ }
+ $(el).find('ul.'+o.options.tabsListClass+'>li.'+o.options.currentClass).removeClass(o.options.currentClass)
+ .find("span."+o.options.currentInfoClass).remove();
+ $(this).blur();
+ $(el).find(o.options.tabbody+':visible').hide();
+ $(el).find(o.options.tabbody).eq(i)[o.options.fx](o.options.fxspeed);
+ $(this)[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+ .parent().addClass(o.options.currentClass);
+ //now, only after writing the currentInfoText span to the tab list link, set focus to the tab's heading
+ $($(this).attr("href")).focus().keyup(function(event){
+ if(keyCodes[event.keyCode]){
+ o.showAccessibleTab(i+keyCodes[event.keyCode]);
+ $(this).unbind( "keyup" );
+ }
+ });
+
+ // $(el).find('.accessibletabsanchor').keyup(function(event){
+ // if(keyCodes[event.keyCode]){
+ // o.showAccessibleTab(i+keyCodes[event.keyCode]);
+ // }
+ // });
+
+
+ });
+
+ $(this).focus(function(event){
+ $(document).keyup(function(event){
+ if(keyCodes[event.keyCode]){
+ o.showAccessibleTab(i+keyCodes[event.keyCode]);
+ }
+ });
+ });
+ $(this).blur(function(event){
+ $(document).unbind( "keyup" );
+ });
+
+ });
+
+ if(o.options.saveState && $.cookie){
+ var savedState = $.cookie('accessibletab_'+el.attr('id')+'_active');
+ debug($.cookie('accessibletab_'+el.attr('id')+'_active'));
+ if(savedState !== null){
+ o.showAccessibleTab(savedState,el.attr('id'));
+ }
+ }
+
+ if(o.options.autoAnchor && window.location.hash){
+ var anchorTab = $('.'+o.options.tabsListClass).find(window.location.hash);
+ if(anchorTab.size()){
+ anchorTab.click();
+ }
+ }
+
+ if(o.options.pagination){
+ var m = '<ul class="pagination">';
+ m +=' <li class="previous"><a href="#{previousAnchor}"><span>{previousHeadline}</span></a></li>';
+ m +=' <li class="next"><a href="#{nextAnchor}"><span>{nextHeadline}</span></a></li>';
+ m +='</ul>';
+ var tabs = $(el).find('.tabbody');
+ var tabcount = tabs.size();
+ tabs.each(function(idx){
+ $(this).append(m);
+ var next = idx+1;
+ if(next>=tabcount){next = 0;}
+ var previous = idx-1;
+ if(previous<0){previous = tabcount-1;}
+ var p = $(this).find('.pagination');
+ var previousEl = p.find('.previous');
+ previousEl.find('span').text($('#'+ids[previous]).text());
+ previousEl.find('a').attr('href','#'+ids[previous])
+ .click(function(event){
+ event.preventDefault();
+ $(el).find('.tabs-list a').eq(previous).click();
+ });
+ var nextEl = p.find('.next');
+ nextEl.find('span').text($('#'+ids[next]).text());
+ nextEl.find('a').attr('href','#'+ids[next])
+ .click(function(event){
+ event.preventDefault();
+ $(el).find('.tabs-list a').eq(next).click();
+ });
+ });
+ }
+ });
+ },
+ showAccessibleTab: function(index,id){
+ debug('showAccessibleTab');
+ var o = this;
+ if(id) {
+ var el = $('#'+id);
+ var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+ el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+ links.eq(index).click();
+ } else {
+ return this.each(function() {
+ var el = $(this);
+ el.trigger("showTab.accessibleTabs");
+ var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+ el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+ links.eq(index).click();
+ });
+ }
+ },
+ showAccessibleTabSelector: function(selector){
+ debug('showAccessibleTabSelector');
+ var o = this;
+ var el = $(selector);
+ if(el){
+ if(el.get(0).nodeName.toLowerCase() == 'a'){
+ el.click();
+ }else{
+ debug('the selector of a showAccessibleTabSelector() call needs to point to a tabs headline!');
+ }
+ }
+ }
+ });
+ // private Methods
+ function debug(msg,info){
+ if(debugMode && window.console && window.console.log){
+ if(info){
+ window.console.log(info+': ',msg);
+ }else{
+ window.console.log(msg);
+ }
+ }
+ }
+})(jQuery);
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/text-base/tabs.css.svn-base b/css/yaml4/add-ons/accessible-tabs/.svn/text-base/tabs.css.svn-base
new file mode 100644
index 0000000..6e88cf7
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/text-base/tabs.css.svn-base
@@ -0,0 +1,136 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Styles for Accessible-Tabs plugin for jQuery
+ * (de) Gestaltung des Acessible-Tabs Plugins für jQuery
+ *
+ * @copyright Copyright 2005-2012, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version v4.0
+ * @revision $Revision: 693 $
+ * @lastmodified $Date: 2012-01-29 23:53:53 +0100 (So, 29 Jan 2012) $
+ */
+
+@media screen, projection {
+
+ .jquery_tabs {
+ margin:1.5em 0 0;
+ }
+
+ .jquery_tabs ul.tabs-list {
+ display:table;
+ font-size:1em;
+ line-height:1.5em;
+ list-style-type:none;
+ margin: 0;
+ position:relative;
+ z-index:1;
+ }
+
+ .jquery_tabs ul.tabs-list li a {
+ font-size:1em;
+ line-height: 1.5em;
+ padding:0.75em;
+ }
+
+ .jquery_tabs .tabhead {
+ position:absolute;
+ left:-32768px; /* LTR */
+ }
+
+ .jquery_tabs .content {
+ border-top:1px #ccc solid;
+ clear:both;
+ padding: 0;
+ position:relative;
+ top:-1px;
+ margin-bottom:-1px;
+ }
+
+ .jquery_tabs ul.tabs-list li {
+ border:0 none;
+ display:inline;
+ float:left;
+ margin:0 0.3em 0 0;
+ padding:0;
+ }
+
+ .jquery_tabs ul.tabs-list li a {
+ background: transparent;
+ color:#008;
+ display:block;
+ float:left;
+ font-weight:normal;
+ margin:0;
+ }
+
+ .jquery_tabs ul.tabs-list li a:focus,
+ .jquery_tabs ul.tabs-list li a:hover,
+ .jquery_tabs ul.tabs-list li a:active {
+ background:#eee;
+ border-radius: 0.2em 0.2em 0 0;
+ color:#000;
+ font-weight:normal;
+ outline: 0 none;
+ text-decoration:none;
+ }
+
+ .jquery_tabs ul.tabs-list li.current a,
+ .jquery_tabs ul.tabs-list li.current a:focus,
+ .jquery_tabs ul.tabs-list li.current a:hover,
+ .jquery_tabs ul.tabs-list li.current a:active {
+ background:#fff;
+ border:1px #ccc solid;
+ border-bottom:0 none;
+ border-radius: 0.2em 0.2em 0 0;
+ color:#000;
+ font-weight:bold;
+ text-decoration:none;
+ }
+
+ .jquery_tabs .current-info,
+ .jquery_tabs .accessibletabsanchor {
+ left:-999em;
+ position:absolute;
+ }
+
+ /**
+ * Avoid margin collapsing to enable correct sync of all tabs
+ *
+ * @workaround
+ * @affected all browsers
+ * @css-for all browsers
+ * @valid yes
+ */
+
+ .jquery_tabs .tab-content {
+ border-bottom: 1px transparent solid;
+ border-top: 1px transparent solid;
+ *overflow:hidden;
+ }
+
+ /* IE < 7 don't support transparent borders */
+ * html .jquery_tabs .tab-content {
+ border-bottom: 1px #fff solid;
+ border-top: 1px #fff solid;
+ }
+
+ /**
+ * Containing floats adjustment and stability fixes for Internet Explorer
+ *
+ * @workaround
+ * @affected IE 5.x/Win, IE6, IE7
+ * @css-for IE 5.x/Win, IE6, IE7
+ * @valid no
+ */
+
+ * html .jquery_tabs .content { z-index:-1; }
+
+ * html .jquery_tabs { zoom:1; width:auto; position:relative; }
+ *+html .jquery_tabs { zoom:1; width:auto; }
+
+ .jquery_tabs * { zoom:1; }
+} \ No newline at end of file
diff --git a/css/yaml4/add-ons/accessible-tabs/jquery.tabs.js b/css/yaml4/add-ons/accessible-tabs/jquery.tabs.js
new file mode 100644
index 0000000..b028f06
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/jquery.tabs.js
@@ -0,0 +1,314 @@
+/**
+ * Accessible Tabs - jQuery plugin for accessible, unobtrusive tabs
+ * Build to seemlessly work with the CCS-Framework YAML (yaml.de) not depending on YAML though
+ * @requires jQuery - tested with 1.4.2 but might as well work with older versions
+ *
+ * english article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php
+ * german article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-Wie-man-Tabs-WIRKLICH-zugaenglich-macht.php
+ *
+ * code: http://github.com/ginader/Accessible-Tabs
+ * please report issues at: http://github.com/ginader/Accessible-Tabs/issues
+ *
+ * Copyright (c) 2007 Dirk Ginader (ginader.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.9.2
+ *
+ * History:
+ * * 1.0 initial release
+ * * 1.1 added a lot of Accessibility enhancements
+ * * * rewrite to use "fn.extend" structure
+ * * * added check for existing ids on the content containers to use to proper anchors in the tabs
+ * * 1.1.1 changed the headline markup. thanks to Mike Davies for the hint.
+ * * 1.5 thanks to Dirk Jesse, Ansgar Hein, David Maciejewski and Mike West for commiting patches to this release
+ * * * new option syncheights that syncs the heights of the tab contents when the SyncHeight plugin
+ * * is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+ * * * fixed the hardcoded current class
+ * * * new option tabsListClass to be applied to the generated list of tabs above the content so lists
+ * * inside the tabscontent can be styled differently
+ * * * added clearfix and tabcounter that adds a class in the schema "tabamount{number amount of tabs}"
+ * * to the ul containg the tabs so one can style the tabs to fit 100% into the width
+ * * * new option "syncHeightMethodName" fixed issue: http://github.com/ginader/Accessible-Tabs/issues/2/find
+ * * * new Method showAccessibleTab({index number of the tab to show starting with 0}) fixed issue: http://github.com/ginader/Accessible-Tabs/issues/3/find
+ * * * added support for the Cursor Keys to come closer to the WAI ARIA Tab Panel Best Practices http://github.com/ginader/Accessible-Tabs/issues/1/find
+ * * 1.6
+ * * * new option "saveState" to allow tabs remember their selected state using cookies requires the cookie plugin: http://plugins.jquery.com/project/Cookie
+ * * * changed supported jquery version to 1.4.2 to make sure it's future compatible
+ * * * new option "autoAnchor" which allows to add ID's to headlines in the tabs markup that allow direct linking into a tab i.e.: file.html#headlineID
+ * * 1.7
+ * * * new option "pagination" that adds links to show the next/previous tab. This adds the following markup to each tab for you to style:
+ * * * <ul class="pagination">
+ * * * <li class="previous"><a href="#{the-id-of-the-previous-tab}"><span>{the headline of the previous tab}</span></a></li>
+ * * * <li class="next"><a href="#{the-id-of-the-next-tab}"><span>{the headline of the previous tab}</span></a></li>
+ * * * </ul>
+ * * 1.8
+ * * * new option "position" can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+ * * 1.8.1
+ * * * Bugfix for broken pagination in ie6 and 7: Selector and object access modified by Daniel Köntös (www.MilkmanMedia.de). Thanks to Carolin Moll for the report.
+ * * 1.8.2
+ * * * Bugfix for issue described by Sunshine here: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#c916
+ * * 1.8.3
+ * * * Bugfix by Michael Schulze: Only change current class in tab navigation and not in all unordered lists inside the tabs.
+ * * 1.9
+ * * * new method showAccessibleTabSelector({valid jQuery selector of the tab to show}) that allows the opening of tabs \
+ * * * by jQuery Selector instead of the index in showAccessibleTab() fixing issue https://github.com/ginader/Accessible-Tabs/issues/15
+ * * 1.9.1 by Michael Schulze:
+ * * * firstNavItemClass and lastNavItemClass to define a custom classname on the first and last tab
+ * * * wrapInnerNavLinks: inner wrap for a-tags in tab navigation.
+ * * 1.9.2
+ * * * Bugfix by Dirk Jesse: fixing an issue that happened when passing multiple selectors to the init call instead of one
+ * * * Bugfix that fixes a reset of the tabs counter when accessibleTabs() was called more than once on a page
+ */
+
+
+(function($) {
+ var debugMode = true;
+ $.fn.extend({
+ // We assume there could be multiple sets of tabs on a page, so,
+ // the unique id for each invididual tab's heading is identified with params q and r (e.g., id="accessibletabscontent0-2")
+ getUniqueId: function(p, q, r){
+ if (r===undefined) {r='';} else {r='-'+r;}
+ return p + q + r;
+ },
+ accessibleTabs: function(config) {
+ var defaults = {
+ wrapperClass: 'content', // Classname to apply to the div that is wrapped around the original Markup
+ currentClass: 'current', // Classname to apply to the LI of the selected Tab
+ tabhead: 'h4', // Tag or valid Query Selector of the Elements to Transform the Tabs-Navigation from (originals are removed)
+ tabheadClass: 'tabhead', // Classname to apply to the target heading element for each tab div
+ tabbody: '.tabbody', // Tag or valid Query Selector of the Elements to be treated as the Tab Body
+ fx:'show', // can be "fadeIn", "slideDown", "show"
+ fxspeed: 'normal', // speed (String|Number): "slow", "normal", or "fast") or the number of milliseconds to run the animation
+ currentInfoText: 'current tab: ', // text to indicate for screenreaders which tab is the current one
+ currentInfoPosition: 'prepend', // Definition where to insert the Info Text. Can be either "prepend" or "append"
+ currentInfoClass: 'current-info', // Class to apply to the span wrapping the CurrentInfoText
+ tabsListClass:'tabs-list', // Class to apply to the generated list of tabs above the content
+ syncheights:false, // syncs the heights of the tab contents when the SyncHeight plugin is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+ syncHeightMethodName:'syncHeight', // set the Method name of the plugin you want to use to sync the tab contents. Defaults to the SyncHeight plugin: http://github.com/ginader/syncHeight
+ cssClassAvailable:false, // Enable individual css classes for tabs. Gets the appropriate class name of a tabhead element and apply it to the tab list element. Boolean value
+ saveState:false, // save the selected tab into a cookie so it stays selected after a reload. This requires that the wrapping div needs to have an ID (so we know which tab we're saving)
+ autoAnchor:false, // will move over any existing id of a headline in tabs markup so it can be linked to it
+ pagination:false, // adds buttons to each tab to switch to the next/previous tab
+ position:'top', // can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+ wrapInnerNavLinks: '', // inner wrap for a-tags in tab navigation. See http://api.jquery.com/wrapInner/ for further informations
+ firstNavItemClass: 'first', // Classname of the first list item in the tab navigation
+ lastNavItemClass: 'last' // Classname of the last list item in the tab navigation
+ };
+ var keyCodes = {
+ 37 : -1, //LEFT
+ 38 : -1, //UP
+ 39 : +1, //RIGHT
+ 40 : +1 //DOWN
+ };
+ var positions = {
+ top : 'prepend',
+ bottom : 'append'
+ };
+ this.options = $.extend(defaults, config);
+
+ var tabsCount = 0;
+ if($("body").data('accessibleTabsCount') !== undefined){
+ tabsCount = $("body").data('accessibleTabsCount');
+ }
+ $("body").data('accessibleTabsCount',this.size()+tabsCount);
+
+ var o = this;
+ return this.each(function(t) {
+ var el = $(this);
+ var list = '';
+ var tabCount = 0;
+ var ids = [];
+
+ $(el).wrapInner('<div class="'+o.options.wrapperClass+'"></div>');
+
+ $(el).find(o.options.tabhead).each(function(i){
+ var id = '';
+ elId = $(this).attr('id');
+ if(elId){
+ // Skip this item if it already exists.
+ if(elId.indexOf('accessibletabscontent') === 0) {
+ return;
+ }
+ id =' id="'+elId+'"';
+ }
+ var tabId = o.getUniqueId('accessibletabscontent', tabsCount+t, i);//get a unique id to assign to this tab's heading
+ var navItemId = o.getUniqueId('accessibletabsnavigation', tabsCount+t, i);//get a unique id for this navigation item
+ ids.push(tabId);
+ if(o.options.cssClassAvailable === true) {
+ var cssClass = '';
+ if($(this).attr('class')) {
+ cssClass = $(this).attr('class');
+ cssClass = ' class="'+cssClass+'"';
+ list += '<li id="'+navItemId+'"><a'+id+''+cssClass+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+ }
+ } else {
+ list += '<li id="'+navItemId+'"><a'+id+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+ }
+ $(this).attr({"id": tabId, "class": o.options.tabheadClass, "tabindex": "-1"});//assign the unique id and the tabheadClass class name to this tab's heading
+ tabCount++;
+ });
+
+ if (o.options.syncheights && $.fn[o.options.syncHeightMethodName]) {
+ $(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+ $(window).resize(function(){
+ $(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+ });
+ }
+
+ // Ensure that the call to setup tabs is re-runnable
+ var tabs_selector = '.' + o.options.tabsListClass;
+ if(!$(el).find(tabs_selector).length) {
+ $(el)[positions[o.options.position]]('<ul class="clearfix '+o.options.tabsListClass+' tabamount'+tabCount+'"></ul>');
+ }
+
+ $(el).find(tabs_selector).append(list);
+
+ // initial show first content block and hide the others
+ var content = $(el).find(o.options.tabbody);
+ if (content.length > 0) {
+ $(content).hide();
+ $(content[0]).show();
+ }
+ $(el).find("ul."+o.options.tabsListClass+">li:first").addClass(o.options.currentClass).addClass(o.options.firstNavItemClass)
+ .find('a')[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+ .parents("ul."+o.options.tabsListClass).children('li:last').addClass(o.options.lastNavItemClass);
+
+ if (o.options.wrapInnerNavLinks) {
+ $(el).find('ul.'+o.options.tabsListClass+'>li>a').wrapInner(o.options.wrapInnerNavLinks);
+ }
+
+ $(el).find('ul.'+o.options.tabsListClass+'>li>a').each(function(i){
+ $(this).click(function(event){
+ event.preventDefault();
+ el.trigger("showTab.accessibleTabs", [$(event.target)]);
+ if(o.options.saveState && $.cookie){
+ $.cookie('accessibletab_'+el.attr('id')+'_active',i);
+ }
+ $(el).find('ul.'+o.options.tabsListClass+'>li.'+o.options.currentClass).removeClass(o.options.currentClass)
+ .find("span."+o.options.currentInfoClass).remove();
+ $(this).blur();
+ $(el).find(o.options.tabbody+':visible').hide();
+ $(el).find(o.options.tabbody).eq(i)[o.options.fx](o.options.fxspeed);
+ $(this)[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+ .parent().addClass(o.options.currentClass);
+ //now, only after writing the currentInfoText span to the tab list link, set focus to the tab's heading
+ $($(this).attr("href")).focus().keyup(function(event){
+ if(keyCodes[event.keyCode]){
+ o.showAccessibleTab(i+keyCodes[event.keyCode]);
+ $(this).unbind( "keyup" );
+ }
+ });
+
+ // $(el).find('.accessibletabsanchor').keyup(function(event){
+ // if(keyCodes[event.keyCode]){
+ // o.showAccessibleTab(i+keyCodes[event.keyCode]);
+ // }
+ // });
+
+
+ });
+
+ $(this).focus(function(event){
+ $(document).keyup(function(event){
+ if(keyCodes[event.keyCode]){
+ o.showAccessibleTab(i+keyCodes[event.keyCode]);
+ }
+ });
+ });
+ $(this).blur(function(event){
+ $(document).unbind( "keyup" );
+ });
+
+ });
+
+ if(o.options.saveState && $.cookie){
+ var savedState = $.cookie('accessibletab_'+el.attr('id')+'_active');
+ debug($.cookie('accessibletab_'+el.attr('id')+'_active'));
+ if(savedState !== null){
+ o.showAccessibleTab(savedState,el.attr('id'));
+ }
+ }
+
+ if(o.options.autoAnchor && window.location.hash){
+ var anchorTab = $('.'+o.options.tabsListClass).find(window.location.hash);
+ if(anchorTab.size()){
+ anchorTab.click();
+ }
+ }
+
+ if(o.options.pagination){
+ var m = '<ul class="pagination">';
+ m +=' <li class="previous"><a href="#{previousAnchor}"><span>{previousHeadline}</span></a></li>';
+ m +=' <li class="next"><a href="#{nextAnchor}"><span>{nextHeadline}</span></a></li>';
+ m +='</ul>';
+ var tabs = $(el).find('.tabbody');
+ var tabcount = tabs.size();
+ tabs.each(function(idx){
+ $(this).append(m);
+ var next = idx+1;
+ if(next>=tabcount){next = 0;}
+ var previous = idx-1;
+ if(previous<0){previous = tabcount-1;}
+ var p = $(this).find('.pagination');
+ var previousEl = p.find('.previous');
+ previousEl.find('span').text($('#'+ids[previous]).text());
+ previousEl.find('a').attr('href','#'+ids[previous])
+ .click(function(event){
+ event.preventDefault();
+ $(el).find('.tabs-list a').eq(previous).click();
+ });
+ var nextEl = p.find('.next');
+ nextEl.find('span').text($('#'+ids[next]).text());
+ nextEl.find('a').attr('href','#'+ids[next])
+ .click(function(event){
+ event.preventDefault();
+ $(el).find('.tabs-list a').eq(next).click();
+ });
+ });
+ }
+ });
+ },
+ showAccessibleTab: function(index,id){
+ debug('showAccessibleTab');
+ var o = this;
+ if(id) {
+ var el = $('#'+id);
+ var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+ el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+ links.eq(index).click();
+ } else {
+ return this.each(function() {
+ var el = $(this);
+ el.trigger("showTab.accessibleTabs");
+ var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+ el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+ links.eq(index).click();
+ });
+ }
+ },
+ showAccessibleTabSelector: function(selector){
+ debug('showAccessibleTabSelector');
+ var o = this;
+ var el = $(selector);
+ if(el){
+ if(el.get(0).nodeName.toLowerCase() == 'a'){
+ el.click();
+ }else{
+ debug('the selector of a showAccessibleTabSelector() call needs to point to a tabs headline!');
+ }
+ }
+ }
+ });
+ // private Methods
+ function debug(msg,info){
+ if(debugMode && window.console && window.console.log){
+ if(info){
+ window.console.log(info+': ',msg);
+ }else{
+ window.console.log(msg);
+ }
+ }
+ }
+})(jQuery);
diff --git a/css/yaml4/add-ons/accessible-tabs/tabs.css b/css/yaml4/add-ons/accessible-tabs/tabs.css
new file mode 100644
index 0000000..6e88cf7
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/tabs.css
@@ -0,0 +1,136 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Styles for Accessible-Tabs plugin for jQuery
+ * (de) Gestaltung des Acessible-Tabs Plugins für jQuery
+ *
+ * @copyright Copyright 2005-2012, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version v4.0
+ * @revision $Revision: 693 $
+ * @lastmodified $Date: 2012-01-29 23:53:53 +0100 (So, 29 Jan 2012) $
+ */
+
+@media screen, projection {
+
+ .jquery_tabs {
+ margin:1.5em 0 0;
+ }
+
+ .jquery_tabs ul.tabs-list {
+ display:table;
+ font-size:1em;
+ line-height:1.5em;
+ list-style-type:none;
+ margin: 0;
+ position:relative;
+ z-index:1;
+ }
+
+ .jquery_tabs ul.tabs-list li a {
+ font-size:1em;
+ line-height: 1.5em;
+ padding:0.75em;
+ }
+
+ .jquery_tabs .tabhead {
+ position:absolute;
+ left:-32768px; /* LTR */
+ }
+
+ .jquery_tabs .content {
+ border-top:1px #ccc solid;
+ clear:both;
+ padding: 0;
+ position:relative;
+ top:-1px;
+ margin-bottom:-1px;
+ }
+
+ .jquery_tabs ul.tabs-list li {
+ border:0 none;
+ display:inline;
+ float:left;
+ margin:0 0.3em 0 0;
+ padding:0;
+ }
+
+ .jquery_tabs ul.tabs-list li a {
+ background: transparent;
+ color:#008;
+ display:block;
+ float:left;
+ font-weight:normal;
+ margin:0;
+ }
+
+ .jquery_tabs ul.tabs-list li a:focus,
+ .jquery_tabs ul.tabs-list li a:hover,
+ .jquery_tabs ul.tabs-list li a:active {
+ background:#eee;
+ border-radius: 0.2em 0.2em 0 0;
+ color:#000;
+ font-weight:normal;
+ outline: 0 none;
+ text-decoration:none;
+ }
+
+ .jquery_tabs ul.tabs-list li.current a,
+ .jquery_tabs ul.tabs-list li.current a:focus,
+ .jquery_tabs ul.tabs-list li.current a:hover,
+ .jquery_tabs ul.tabs-list li.current a:active {
+ background:#fff;
+ border:1px #ccc solid;
+ border-bottom:0 none;
+ border-radius: 0.2em 0.2em 0 0;
+ color:#000;
+ font-weight:bold;
+ text-decoration:none;
+ }
+
+ .jquery_tabs .current-info,
+ .jquery_tabs .accessibletabsanchor {
+ left:-999em;
+ position:absolute;
+ }
+
+ /**
+ * Avoid margin collapsing to enable correct sync of all tabs
+ *
+ * @workaround
+ * @affected all browsers
+ * @css-for all browsers
+ * @valid yes
+ */
+
+ .jquery_tabs .tab-content {
+ border-bottom: 1px transparent solid;
+ border-top: 1px transparent solid;
+ *overflow:hidden;
+ }
+
+ /* IE < 7 don't support transparent borders */
+ * html .jquery_tabs .tab-content {
+ border-bottom: 1px #fff solid;
+ border-top: 1px #fff solid;
+ }
+
+ /**
+ * Containing floats adjustment and stability fixes for Internet Explorer
+ *
+ * @workaround
+ * @affected IE 5.x/Win, IE6, IE7
+ * @css-for IE 5.x/Win, IE6, IE7
+ * @valid no
+ */
+
+ * html .jquery_tabs .content { z-index:-1; }
+
+ * html .jquery_tabs { zoom:1; width:auto; position:relative; }
+ *+html .jquery_tabs { zoom:1; width:auto; }
+
+ .jquery_tabs * { zoom:1; }
+} \ No newline at end of file
generated by cgit v1.0-28-g1787 at 2026-01-10 09:10:17 +0000