MediaWiki:IPadSidebarSlider.js
Jump to navigation
Jump to search
Note: After saving, changes may not occur immediately. Click here to learn how to bypass your browser's cache.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Cmd-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (Cmd-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/**
* iPad Sidebar Slider
* Created on June 16th, 2010
*
* see also: MediaWiki:Adjust4iPad.js, https://bugzilla.wikimedia.org/show_bug.cgi?id=14501
* TODO: support RTL-Languages, provide as a gadget
*
* @rev 15 (2011-10-16)
* @author Krinkle
*/
$(function(){
//if (navigator.userAgent.match(/iPad/i) == null) return; //Dont ignore non-iPads (yet)
window.iPadSidebarCustomOut = function(){
$('#mw-panel').animate( {width: 'hide'} );
$('#left-navigation').animate( {'left' : '1em'} );
$('#content,#footer').animate( {'marginLeft' : '1em'} );
}
window.iPadSidebarCustomIn = function(){
$('#mw-panel').animate( {width: 'show'} );
$('#left-navigation').animate( {'left' : '10em'} );
$('#content,#footer').animate( {'marginLeft' : '10em'} );
}
//Initalize
$('#mw-panel').hide();
$('#left-navigation').css( 'left', '1em' );
$('#content,#footer').css( 'marginLeft', '1em' );
$('body').append( '<div id="kr-panel-toggle" style="width:28px;height:28px;background:white url(//upload.wikimedia.org/wikipedia/commons/thumb/e/e2/Nuvola_single_chevron_right.svg/21px-Nuvola_single_chevron_right.svg.png) center no-repeat;border:2px solid #f3f3f3;position:fixed;left:-5px;top:30%;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px"></div>' );
$('#kr-panel-toggle').hover( function(){
$(this).css( 'cursor', 'pointer' );
}, function(){
$(this).css( 'cursor', 'default' );
});
$('#kr-panel-toggle').click( function(){
if ( $(this).hasClass( 'go-out' ) ){
iPadSidebarCustomOut();
$(this).removeClass( 'go-out' ).addClass( 'go-in' ).animate( {'left' : '-5px'} ).css( 'background-image', 'url(//upload.wikimedia.org/wikipedia/commons/thumb/e/e2/Nuvola_single_chevron_right.svg/21px-Nuvola_single_chevron_right.svg.png)') ;
} else {
iPadSidebarCustomIn();
$(this).removeClass( 'go-in' ).addClass( 'go-out' ).animate( {'left' : '9em'} ).css( 'background-image', 'url(//upload.wikimedia.org/wikipedia/commons/thumb/8/8e/1leftarrow.png/21px-1leftarrow.png)' );
}
});
});