MediaWiki:Monobook.js: Difference between revisions
From Ephinea PSO Wiki
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
var expandeds = []; | var expandeds = []; | ||
var labels = []; | var labels = []; | ||
initNav(); | initNav();}); | ||
}); | |||
function initNav() { | function initNav() { | ||
$( '#p-logo' ).css({'position': 'relative', 'display': 'block'}); | $( '#p-logo' ).css({'position': 'relative', 'display': 'block'}); | ||
| Line 30: | Line 29: | ||
} | } | ||
$( this ).css({'cursor': 'pointer'}); | $( this ).css({'cursor': 'pointer'}); | ||
$( this ).click( toggleNav ); | $( this ).click( toggleNav );} );} | ||
} | |||
function minimize( target ) { | function minimize( target ) { | ||
var id = $( target ).parent().attr( 'id' ); | var id = $( target ).parent().attr( 'id' ); | ||
| Line 39: | Line 36: | ||
var str = labels[id] + ' ►'; | var str = labels[id] + ' ►'; | ||
$( target ).next( 'div' ).animate({'height': '0px'}); | $( target ).next( 'div' ).animate({'height': '0px'}); | ||
$( target ).html( str ); | $( target ).html( str );} | ||
} | |||
function maximize( target ) { | function maximize( target ) { | ||
var id = $( target ).parent().attr( 'id' ); | var id = $( target ).parent().attr( 'id' ); | ||
| Line 48: | Line 44: | ||
var newHeight = maxHeights[id]; | var newHeight = maxHeights[id]; | ||
$( target ).next( 'div' ).animate({'height': newHeight + 'px'}); | $( target ).next( 'div' ).animate({'height': newHeight + 'px'}); | ||
$( target ).html( str ); | $( target ).html( str );} | ||
} | |||
function toggleNav( e ) { | function toggleNav( e ) { | ||
var id = $(e.target ).parent().attr( 'id' ); | var id = $(e.target ).parent().attr( 'id' ); | ||
| Line 56: | Line 51: | ||
maximize( e.target ); | maximize( e.target ); | ||
} else { | } else { | ||
minimize( e.target ); | minimize( e.target );}} | ||
} | |||
Revision as of 00:05, 18 July 2017
$( document ).ready( function() {
// Set the default expanded items by their headline
var defaultExpandItems = ['Navigation', 'Orga'];
// Set the basic-name for the cookies, which save the current state of expanding
var expandCookieName = 'disdance_project_wiki_nav_expanded_';
var maxHeights = [];
var expandeds = [];
var labels = [];
initNav();});
function initNav() {
$( '#p-logo' ).css({'position': 'relative', 'display': 'block'});
$( '.generated-sidebar h5,#p-tb h5 ').each( function( i ) {
var id = $( this ).parent().attr( 'id' );
maxHeights[id] = $( this ).next( 'div' ).height();
var str = $( this ).html();
labels[id] = str;
if ( $.cookie( expandCookieName + id ) == 'false' ) {
expandeds[id] = false;
minimize( $( this ) );
} else if ( $.cookie( expandCookieName + id ) == 'true' ) {
expandeds[id] = true;
maximize( $( this ) );
} else if ( defaultExpandItems.indexOf( str ) == -1 ) {
expandeds[id] = false;
minimize( $( this ) );
} else {
expandeds[id] = true;
maximize( $( this ) );
}
$( this ).css({'cursor': 'pointer'});
$( this ).click( toggleNav );} );}
function minimize( target ) {
var id = $( target ).parent().attr( 'id' );
// You can change the expires parameter to save the cookie longer/shorter than 7 days like in this code
$.cookie( expandCookieName + id, 'false', { expires: 7} );
var str = labels[id] + ' ►';
$( target ).next( 'div' ).animate({'height': '0px'});
$( target ).html( str );}
function maximize( target ) {
var id = $( target ).parent().attr( 'id' );
// You can change the expires parameter to save the cookie longer/shorter than 7 days like in this code
$.cookie( expandCookieName + id, 'true', { expires: 7} );
var str = labels[id] + ' ▼';
var newHeight = maxHeights[id];
$( target ).next( 'div' ).animate({'height': newHeight + 'px'});
$( target ).html( str );}
function toggleNav( e ) {
var id = $(e.target ).parent().attr( 'id' );
expandeds[id] = !expandeds[id];
if( expandeds[id] == true ) {
maximize( e.target );
} else {
minimize( e.target );}}
