imported>Velonews at 21:15, 1 January 2018

2018-01-01T21:15:54Z

New page

/* Switch Infobox -- Allows multiple infoboxes to be seamlessly switched.
*/

// Fixes a weird bug with the MW parser that adds lots of empty parapgraphs
$( '.switch-infobox > p, .switch-infobox-triggers > p' ).each( function() {
if ( $( this ).children( 'br' ).length ) {
$( this ).remove();
} else {
$( this ).replaceWith( this.innerHTML );
}
} );

// Appends the switch triggers to every item
$( '.switch-infobox' ).each( function() {
// The switch triggers
var triggers = $( this ).children( '.switch-infobox-triggers' );

$( this ).children( '.item' ).find( 'caption' ).append( triggers );
} );

// Does the actual switching
$( '.switch-infobox' ).find( '.switch-infobox-triggers' ).children( '.trigger' ).click( function() {
// The parent .switch-infobox of the clicked trigger
var parentSwitchInfobox = $( this ).parents( '.switch-infobox' );
// Hides items showing
parentSwitchInfobox.children( '.item.showing' ).removeClass( 'showing' );
// Show the relevant item
parentSwitchInfobox.children( '.item[data-id="' + this.getAttribute( 'data-id' ) + '"]' ).addClass( 'showing' );
} );

// Finishes loading and makes switch infoboxes functional
$( '.switch-infobox.loading' ).removeClass( 'loading' );

//Debug
console.log('Initialised switch infoboxes', $( '.switch-infobox' ).length);

User:Velonews/common.js - Revision history

imported>Velonews at 21:15, 1 January 2018