మీడియావికీ:IPadSidebarSlider.js
గమనిక: భద్రపరచిన తర్వాత, మార్పులను చూడాలంటే మీ విహారిణి కోశాన్ని తీసేయాల్సిరావచ్చు.
- ఫైర్ఫాక్స్ / సఫారి: Shift మీటని నొక్కిపట్టి Reloadని నొక్కండి లేదా Ctrl-F5 గానీ Ctrl-R (మాకింటోషులో ⌘-Shift-R) గానీ నొక్కండి
- గూగుల్ క్రోమ్: Ctrl-Shift-R (మాక్ లో ⌘-Shift-R) నొక్కండి
- ఇంటర్నెట్ ఎక్ప్లోరర్/ఎడ్జి: Ctrl ను నొక్కిపట్టి Refresh నొక్కండి లేదా Ctrl-F5 నొక్కండి.
- ఒపేరా:* Ctrl-F5 నొక్కండి.
/**
* 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)' );
}
});
});