Difference between revisions of "MediaWiki:Common.js"

From Morloch Wiki
Jump to: navigation, search
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
( function () {
+
$(function () {
  
// Set up the words in your language
+
  var myElement = document.getElementById('mw-coords-form');
var collapseCaption = 'hide';
+
  myElement.innerHTML = '
var expandCaption = 'show';
+
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
 
+
Name: <input type="text" name="fname">
var navigationBarHide = '[' + collapseCaption + ']';
+
<input type="submit" value="Submit">
var navigationBarShow = '[' + expandCaption + ']';
+
</form>
 
+
';
/**
 
* 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 ( hasClass( navChild, 'NavPic' ) ) {
 
navChild.style.display = 'none';
 
}
 
if ( hasClass( navChild, '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 );
 
  
 
}());
 
}());

Latest revision as of 22:58, 6 February 2018

$(function () {

  var myElement = document.getElementById('mw-coords-form');
  myElement.innerHTML = '
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
';

}());