Difference between revisions of "MediaWiki:Common.js"

From relax wiki
Jump to navigation Jump to search
(Debugging attempt 3 - modified the [show] link logic to match the [hide] link logic, this time correctly (the 'hide' part works, but 'show' shows 'ReferenceError: hasClass is not defined').)
(Removed the NavFrame code now in MediaWiki:Gadget-NavFrame.js.)
Tag: Replaced
Line 3: Line 3:
 
/* Improvements for the HarvardReferences Mediawiki extension. */
 
/* Improvements for the HarvardReferences Mediawiki extension. */
 
importScript('HarvardReferences.js');
 
importScript('HarvardReferences.js');
 
 
/**
 
* Dynamic Navigation Bars. See [[Wikipedia:NavFrame]]
 
*
 
* Based on script from en.wikipedia.org, 2008-09-15.
 
*
 
* @source www.mediawiki.org/wiki/MediaWiki:Gadget-NavFrame.js
 
* @maintainer Helder.wiki, 2012–2013
 
* @maintainer Krinkle, 2013
 
*/
 
( function () {
 
 
// Set up the words in your language
 
var collapseCaption = 'hide';
 
var expandCaption = 'show';
 
 
var navigationBarHide = '[' + collapseCaption + ']';
 
var navigationBarShow = '[' + expandCaption + ']';
 
 
/**
 
* Shows and hides content and picture (if available) of navigation bars.
 
*
 
* @param {number} indexNavigationBar The index of navigation bar to be toggled
 
* @param {jQuery.Event} e Event object
 
*/
 
function toggleNavigationBar( indexNavigationBar, e ) {
 
var navChild,
 
navToggle = document.getElementById( 'NavToggle' + indexNavigationBar ),
 
navFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
 
 
// Prevent browser from jumping to href "#"
 
e.preventDefault();
 
 
if ( !navFrame || !navToggle ) {
 
return false;
 
}
 
 
// If shown now
 
if ( navToggle.firstChild.data == navigationBarHide ) {
 
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
 
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
 
navChild.style.display = 'none';
 
}
 
}
 
navToggle.firstChild.data = navigationBarShow;
 
 
// If hidden now
 
} else if ( navToggle.firstChild.data == navigationBarShow ) {
 
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
 
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
 
navChild.style.display = 'block';
 
}
 
}
 
navToggle.firstChild.data = navigationBarHide;
 
}
 
}
 
 
/**
 
* Adds show/hide-button to navigation bars.
 
*
 
* @param {jQuery} $content
 
*/
 
function createNavigationBarToggleButton( $content ) {
 
var i, j, navFrame, navToggle, navToggleText, navChild,
 
indexNavigationBar = 0,
 
navFrames = $content.find( 'div.NavFrame' ).toArray();
 
 
// Iterate over all (new) nav frames
 
for ( i = 0; i < navFrames.length; i++ ) {
 
navFrame = navFrames[i];
 
// If found a navigation bar
 
indexNavigationBar++;
 
navToggle = document.createElement( 'a' );
 
navToggle.className = 'NavToggle';
 
navToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
 
navToggle.setAttribute( 'href', '#' );
 
$( navToggle ).on( 'click', $.proxy( toggleNavigationBar, null, indexNavigationBar ) );
 
 
navToggleText = document.createTextNode( navigationBarHide );
 
for ( navChild = navFrame.firstChild; navChild != null; navChild = navChild.nextSibling ) {
 
if ( $( navChild ).hasClass( 'NavPic' ) || $( navChild ).hasClass( 'NavContent' ) ) {
 
if ( navChild.style.display == 'none' ) {
 
navToggleText = document.createTextNode( navigationBarShow );
 
break;
 
}
 
}
 
}
 
 
navToggle.appendChild( navToggleText );
 
// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
 
for ( j = 0; j < navFrame.childNodes.length; j++ ) {
 
if ( $( navFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
 
navFrame.childNodes[j].appendChild( navToggle );
 
}
 
}
 
navFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
 
}
 
}
 
 
mw.hook( 'wikipage.content' ).add( createNavigationBarToggleButton );
 
 
}());
 
 
  
 
/* Test function, for testing if js works */
 
/* Test function, for testing if js works */

Revision as of 12:23, 20 October 2020

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

/* Improvements for the HarvardReferences Mediawiki extension. */
importScript('HarvardReferences.js');

/* Test function, for testing if js works */
(function () {

  var myElement = document.getElementById('mw-testing');
  myElement.innerHTML = 'This is test HTML';

}());