| Index: trunk/extensions/UsabilityInitiative/Vector/Modules/CollapsibleNav/CollapsibleNav.js |
| — | — | @@ -34,10 +34,12 @@ |
| 35 | 35 | .find( 'div.body' ) |
| 36 | 36 | .slideToggle( 'fast' ); |
| 37 | 37 | } |
| | 38 | + var $headings = $j( '#panel > div.portal > h5' ); |
| | 39 | + var tabindex = 32767 - $headings.length; |
| 38 | 40 | // Toggle the selected menu's class and expand or collapse the menu |
| 39 | | - $j( '#panel > div.portal > h5' ) |
| | 41 | + $headings |
| 40 | 42 | // Make it keyboard accessible |
| 41 | | - .attr( 'tabindex', 1 ) |
| | 43 | + .each( function() { $j(this).attr( 'tabindex', tabindex++ ); } ) |
| 42 | 44 | // Make the space and enter keys act as a click |
| 43 | 45 | .keydown( function( event ) { |
| 44 | 46 | if ( event.which == 13 /* Enter */ || event.which == 32 /* Space */ ) { |
| Index: trunk/extensions/UsabilityInitiative/Vector/Vector.combined.js |
| — | — | @@ -34,10 +34,12 @@ |
| 35 | 35 | .find( 'div.body' ) |
| 36 | 36 | .slideToggle( 'fast' ); |
| 37 | 37 | } |
| | 38 | + var $headings = $j( '#panel > div.portal > h5' ); |
| | 39 | + var tabindex = 32767 - $headings.length; |
| 38 | 40 | // Toggle the selected menu's class and expand or collapse the menu |
| 39 | | - $j( '#panel > div.portal > h5' ) |
| | 41 | + $headings |
| 40 | 42 | // Make it keyboard accessible |
| 41 | | - .attr( 'tabindex', 1 ) |
| | 43 | + .each( function() { $j(this).attr( 'tabindex', tabindex++ ); } ) |
| 42 | 44 | // Make the space and enter keys act as a click |
| 43 | 45 | .keydown( function( event ) { |
| 44 | 46 | if ( event.which == 13 /* Enter */ || event.which == 32 /* Space */ ) { |
| Index: trunk/extensions/UsabilityInitiative/Vector/Vector.combined.min.js |
| — | — | @@ -1,7 +1,7 @@ |
| 2 | 2 | |
| 3 | 3 | $j(document).ready(function(){if(!wgVectorEnabledModules.collapsiblenav){return true;} |
| 4 | 4 | $j('#panel').addClass('collapsible-nav');$j('#panel > div.portal:first').addClass('expanded').find('div.body').show();$j('#panel > div.portal:not(:first)').each(function(i){var state=$j.cookie('vector-nav-'+$j(this).attr('id'));if(state=='true'||(state==null&&i<1)){$j(this).addClass('expanded').find('div.body').show();}else{$j(this).addClass('collapsed');}});function toggle($element){$j.cookie('vector-nav-'+$element.parent().attr('id'),$element.parent().is('.collapsed'));$element.parent().toggleClass('expanded').toggleClass('collapsed').find('div.body').slideToggle('fast');} |
| 5 | | -$j('#panel > div.portal > h5').attr('tabindex',1).keydown(function(event){if(event.which==13||event.which==32){toggle($j(this));}}).mousedown(function(){toggle($j(this));$j(this).blur();return false;});});$j(document).ready(function(){if(!wgVectorEnabledModules.collapsibletabs){return true;} |
| | 5 | +var $headings=$j('#panel > div.portal > h5');var tabindex=32767-$headings.length;$headings.each(function(){$j(this).attr('tabindex',tabindex++);}).keydown(function(event){if(event.which==13||event.which==32){toggle($j(this));}}).mousedown(function(){toggle($j(this));$j(this).blur();return false;});});$j(document).ready(function(){if(!wgVectorEnabledModules.collapsibletabs){return true;} |
| 6 | 6 | var rtl=$j('body').is('.rtl');$j.collapsibleTabs.moveToCollapsed=function(ele){var $moving=$j(ele);$j.collapsibleTabs.getSettings($j($j.collapsibleTabs.getSettings($moving).expandedContainer)).shifting=true;var data=$j.collapsibleTabs.getSettings($moving);var target=data.collapsedContainer;$moving.css("position","relative").css((rtl?'left':'right'),0).animate({width:'1px'},"normal",function(){$j(this).hide();$j('<span class="placeholder" style="display:none;"></span>').insertAfter(this);$j(this).remove().prependTo(target).data('collapsibleTabsSettings',data);$j(this).attr('style','display:list-item;');$j.collapsibleTabs.getSettings($j($j.collapsibleTabs.getSettings($j(ele)).expandedContainer)).shifting=false;$j.collapsibleTabs.handleResize();});};$j.collapsibleTabs.moveToExpanded=function(ele){var $moving=$j(ele);$j.collapsibleTabs.getSettings($j($j.collapsibleTabs.getSettings($moving).expandedContainer)).shifting=true;var data=$j.collapsibleTabs.getSettings($moving);var $target=$j(data.expandedContainer).find('span.placeholder:first');var expandedWidth=data.expandedWidth;$moving.css("position","relative").css((rtl?'right':'left'),0).css('width','1px');$target.replaceWith($moving.remove().css('width','1px').data('collapsibleTabsSettings',data).animate({width:expandedWidth+"px"},"normal",function(){$j(this).attr('style','display:block;');$j.collapsibleTabs.getSettings($j($j.collapsibleTabs.getSettings($moving).expandedContainer)).shifting=false;$j.collapsibleTabs.handleResize();}));};$j('#p-views ul').bind("beforeTabCollapse",function(){if($j('#p-cactions').css('display')=='none') |
| 7 | 7 | $j("#p-cactions").addClass("filledPortlet").removeClass("emptyPortlet").find('h5').css('width','1px').animate({'width':'26px'},390);}).bind("beforeTabExpand",function(){if($j('#p-cactions li').length==1) |
| 8 | 8 | $j("#p-cactions h5").animate({'width':'1px'},370,function(){$j(this).attr('style','').parent().addClass("emptyPortlet").removeClass("filledPortlet");});}).collapsibleTabs({expandCondition:function(eleWidth){if(rtl){return($j('#right-navigation').position().left+$j('#right-navigation').width()+1)<($j('#left-navigation').position().left-eleWidth);}else{return($j('#left-navigation').position().left+$j('#left-navigation').width()+1)<($j('#right-navigation').position().left-eleWidth);}},collapseCondition:function(){if(rtl){return($j('#right-navigation').position().left+$j('#right-navigation').width())>$j('#left-navigation').position().left;}else{return($j('#left-navigation').position().left+$j('#left-navigation').width())>$j('#right-navigation').position().left;}}});});$j(document).ready(function(){if(!wgVectorEnabledModules.editwarning||$j('#wpTextbox1').size()==0){return true;} |