MediaWiki:Common.js

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Clear the cache in Tools → Preferences

/********** Any JavaScript here will be loaded for all users on every page load **********/

// Allow Jquery

jquery = document.createElement( "script" );
jquery.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js";

document.getElementsByTagName( "head" )[0].appendChild( jquery );










/********** Structure **********/

// Remove unnecessary elements

$( "div#mw-page-base, div#mw-head-base, div#p-tb" ).remove();
if ( $( "li#pt-userpage" ).length ) {} else {
	$( "div#p-Wiki" ).remove();
}

// Wrap the content

$( "div#content, div#mw-navigation" ).wrapAll( "<div id='wrap' style='width: 1200px;'></div>" );

// Insert the header

$( "<nav><ul><li id='n-Home'><a href='https://www.grinderscape.org/'>Home</a></li><li id='n-Forums'><a href='http://forum.grinderscape.org/'>Forums</a></li><li id='n-Wiki'><a href='https://newwiki.grinderscape.org/Main_Page'>Wiki</a></li><li id='n-Vote'><a href='https://www.grinderscape.org/vote/status'>Vote</a></li><li id='n-Donate'><a href='https://www.grinderscape.org/donate'>Donate</a></li><li id='n-Marketplace'><a href='https://www.grinderscape.org/marketplace/all'>Marketplace</a></li><li id='n-Highscores'><a href='https://www.grinderscape.org/highscores/mode/regular'>Highscores</a></li><li id='n-Webclient'><a href='http://www.grinderscape.org/play'>Webclient</a></li><li id='n-Download'><a href='https://www.grinderscape.org/play/download'>Download</a></li></ul></nav>" ).insertBefore( "div#wrap" );

// Insert the footer

$( "<div id='customFooter'><p>Theme developed by <a href='http://forum.grinderscape.org/members/56905'>Jplayer</a>.</p><p>GrinderScape is not affiliated with Jagex or Runescape in any way.</p></div>" ).insertBefore( "ul#footer-places" );

// Organize the elements

$( "div#mw-navigation" ).insertBefore( "div#content" );
$( "div#content" ).wrap( "<div id='content-sidebar-wrap'></div>" );
$( "div#mw-panel" ).insertBefore( "div#content" );
$( "div#content" ).wrap( "<div id='content-wrap'></div>" );
$( "div#contentSub" ).insertBefore( "div#content" );
$( "<div id='navigation'></div>" ).insertBefore( "div#contentSub" );
$( "div#right-navigation" ).appendTo( "div#navigation" );
$( "div#left-navigation" ).appendTo( "div#navigation" );
$( "div#contentSub, div#content" ).wrapAll( "<div id='content-contentSub-wrap'></div>" );
$( "div#siteNotice" ).insertAfter( "div#mw-navigation" );
$( "ul#footer-info" ).insertAfter( "div#content" );

// Set up the page footer info

$( "li#footer-info-credits" ).html( $( "li#footer-info-credits" ).html().replace( /\[/g, "<span style='position: absolute; right: 0;'>" ).replace( /\]/g, "</span>" ).replace( /\{/g, "<p style='position: relative;'>" ).replace( /\}/g, "</p>" ) );
$( "li#footer-info-credits" ).wrapInner( "<p style='position: relative;'></p>" );


// Set up the breadcrumb

if ( $( "span.subpages" ).length ) {
	$( "span.subpages" ).html( $( "span.subpages" ).children() );
	var title = $( "h1#firstHeading" ).html().split('/');
	$( "<span>" + title[ title.length - 1 ] + "</span>" ).appendTo( "span.subpages" );
	$( "<span>&nbsp;&nbsp;/&nbsp;&nbsp;</span>" ).insertAfter( "span.subpages > a" );
} else {
	$( "div#contentSub" ).prepend( "<span class='subpages'></span>" );
	var title = $( "h1#firstHeading" ).html().split('/');
	$( "<span>" + title[ title.length - 1 ] + "</span>" ).appendTo( "span.subpages" );
}

// Remove href from selected tabs

$.each( $( "div.vectorTabs li.selected" ), function() {
	$( this ).find( "a" ).removeAttr( "href" );
});

// Remove title from links

$( "a" ).removeAttr( "title" );










/********** Specific Pages **********/


// Set up the index

$( "div#index" ).insertAfter( "div#content-contentSub-wrap" );

$.each( $( "div#index a" ), function() {

	var split = $( this ).html().split('/');
	$( this ).html( split[ split.length - 1 ] );

});

$.each( $( "div.index-item" ), function() {

	$( this ).wrap( "<a></a>" );
	var href = $( this ).find( "a" ).attr( "href" );
	var title = $( this ).find( "a" ).attr( "title" );
	$( this ).parent().attr( "href", href ).attr( "title", title );

});

$.each( $( "div#index img" ), function() {

	$( this ).attr( "draggable", "false" );

});