MediaWiki:Common.js - Revision history

WikiSysop: Modernize upload preview to use mw.Api (drops dead MW 1.19 live-preview protocol)

2026-05-27T03:35:44Z

Modernize upload preview to use mw.Api (drops dead MW 1.19 live-preview protocol)

WikiSysop: Switch TOC toggle to jQuery slideUp/slideDown

2026-05-25T16:03:03Z

Switch TOC toggle to jQuery slideUp/slideDown

← Older revision		Revision as of 16:03, 25 May 2026
Line 287:		Line 287:
	/* === TOC collapse/expand animation === */		/* === TOC collapse/expand animation === */
	$( document ).ready( function () {		$( document ).ready( function () {
	var ~~toc~~ = ~~document.getElementById~~( 'toc' );		var $ul = $( '#toc > ul' );
	~~if ( !toc ) { return; }~~		var $checkbox = $( '#toc .toctogglecheckbox' );
	var checkbox = ~~toc.querySelector~~( '.toctogglecheckbox~~' );~~		if ( !$ul.length \|\| !$checkbox.length ) { return; }
	~~var ul = toc.querySelector( ':scope > ul~~' );
	if ( !~~checkbox~~ \|\| !ul ) { return; }

	~~ul.style.overflow = 'hidden';~~		if ( $checkbox.prop( 'checked' ) ) { $ul.hide(); }
	~~ul.style.transition = 'height 0.25s ease';~~
	if ( checkbox.checked ) { ul.~~style.height = '0'~~; }

	checkbox.~~addEventListener~~( 'change', function () {		$checkbox.on( 'change', function () {
	if ( checkbox.checked ) {		if ( $checkbox.prop( 'checked' ) ) {
	ul.~~style~~.~~height = ul.scrollHeight + 'px';~~		$ul.stop( true, false ).slideUp( 250 );
	~~void ul.offsetHeight; // force reflow so the transition kicks in~~
	~~ul.style.height = '0'~~;
	} else {		} else {
	ul.~~style.height = ul.scrollHeight + 'px';~~		$ul.stop( true, false ).slideDown( 250 );
	~~ul.addEventListener~~( ~~'transitionend'~~, ~~function handler( e~~ ) {
	~~if ( e~~.~~propertyName !== 'height' ) { return; }~~
	~~ul.removeEventListener~~( ~~'transitionend', handler );~~
	~~ul.style.height = '';~~
	} );
	}		}
	} );		} );
	} );		} );

WikiSysop: Add TOC collapse/expand animation

2026-05-25T15:17:26Z

Add TOC collapse/expand animation

← Older revision		Revision as of 15:17, 25 May 2026
Line 285:		Line 285:

	/* End of code for showing/hiding voice actor credits */		/* End of code for showing/hiding voice actor credits */
			/* === TOC collapse/expand animation === */
			$( document ).ready( function () {
			var toc = document.getElementById( 'toc' );
			if ( !toc ) { return; }
			var checkbox = toc.querySelector( '.toctogglecheckbox' );
			var ul = toc.querySelector( ':scope > ul' );
			if ( !checkbox \|\| !ul ) { return; }

			ul.style.overflow = 'hidden';
			ul.style.transition = 'height 0.25s ease';
			if ( checkbox.checked ) { ul.style.height = '0'; }

			checkbox.addEventListener( 'change', function () {
			if ( checkbox.checked ) {
			ul.style.height = ul.scrollHeight + 'px';
			void ul.offsetHeight; // force reflow so the transition kicks in
			ul.style.height = '0';
			} else {
			ul.style.height = ul.scrollHeight + 'px';
			ul.addEventListener( 'transitionend', function handler( e ) {
			if ( e.propertyName !== 'height' ) { return; }
			ul.removeEventListener( 'transitionend', handler );
			ul.style.height = '';
			} );
			}
			} );
			} );

Prime Radiant at 06:03, 25 May 2026

2026-05-25T06:03:48Z

← Older revision		Revision as of 06:03, 25 May 2026
Line 277:		Line 277:
	for (var ii = 0; ii < list.length; ii++) {		for (var ii = 0; ii < list.length; ii++) {
	if(list[ii].className=="ocreditspan") {		if(list[ii].className=="ocreditspan") {
	list[ii].innerHTML="<span id="ocreditl"+ii+""><a href="#" onclick="showcredits("+ii+"); return false;">more»</a></span><span id="ocredit"+ii+"" style="display: none">"+list[ii].innerHTML+" <a href="#" onclick="hidecredits("+ii+"); return false;">«less</a></span>";		list[ii].innerHTML="<span id=\"ocreditl"+ii+"\"><a href=\"#\" onclick=\"showcredits("+ii+"); return false;\">more»</a></span><span id=\"ocredit"+ii+"\" style=\"display: none\">"+list[ii].innerHTML+" <a href=\"#\" onclick=\"hidecredits("+ii+"); return false;\">«less</a></span>";
	}		}
	}		}

Prime Radiant at 06:01, 25 May 2026

2026-05-25T06:01:57Z

← Older revision		Revision as of 06:01, 25 May 2026
Line 32:		Line 32:
	for (var i=0;i<hide_blocks.length;i++) {		for (var i=0;i<hide_blocks.length;i++) {
	var hide_link = document.createElement("div");		var hide_link = document.createElement("div");
	hide_link.innerHTML = "<a href='javascript:hide_block("" + hide_blocks[i].getAttribute("id") + "");' id='" + hide_blocks[i].getAttribute("id") + "-link'><i>Show hidden content.</i></a>";		hide_link.innerHTML = "<a href='javascript:hide_block(\"" + hide_blocks[i].getAttribute("id") + "\");' id='" + hide_blocks[i].getAttribute("id") + "-link'><i>Show hidden content.</i></a>";
			//hide_link.innerHTML = "<a href='javascript:hide_block("" + hide_blocks[i].getAttribute("id") + "");' id='" + hide_blocks[i].getAttribute("id") + "-link'><i>Show hidden content.</i></a>";
	hide_blocks[i].parentNode.insertBefore(hide_link, hide_blocks[i]);		hide_blocks[i].parentNode.insertBefore(hide_link, hide_blocks[i]);
	hide_blocks[i].style.display = "none";		hide_blocks[i].style.display = "none";

Prime Radiant at 05:57, 25 May 2026

2026-05-25T05:57:18Z

← Older revision		Revision as of 05:57, 25 May 2026
Line 16:		Line 16:

	function getFirstHeading(){		function getFirstHeading(){
	var a = getElementsByClassName(document.getElementById('content'), 'h1', 'firstHeading');		//var a = getElementsByClassName(document.getElementById('content'), 'h1', 'firstHeading');
			var a = document.getElementById('content').getElementsByTagName('h1');
	return a[0];		return a[0];
	}		}
Line 27:		Line 28:

	function replace_hides() {		function replace_hides() {
	var hide_blocks = getElementsByClassName(document, "div", "hide");		//var hide_blocks = getElementsByClassName(document, "div", "hide");
			var hide_blocks = document.getElementsByClassName('hide');
	for (var i=0;i<hide_blocks.length;i++) {		for (var i=0;i<hide_blocks.length;i++) {
	var hide_link = document.createElement("div");		var hide_link = document.createElement("div");
Line 230:		Line 232:
	wgLivepreviewMessageLoading = 'Wait...'		wgLivepreviewMessageLoading = 'Wait...'
	wgLivepreviewMessageReady = 'Done'		wgLivepreviewMessageReady = 'Done'
	document.write('<script type= "text/javascript" src="/skins/common/preview.js"></script>')		//document.write('<script type= "text/javascript" src="/skins/common/preview.js"></script>')
	}		}

Prime Radiant at 05:49, 25 May 2026

2026-05-25T05:49:30Z

← Older revision		Revision as of 05:49, 25 May 2026
Line 279:		Line 279:
	}		}

	$( document ).ready(, init_voiceactors);		$( document ).ready( init_voiceactors);

	/* End of code for showing/hiding voice actor credits */		/* End of code for showing/hiding voice actor credits */

Abates: Yeah, this will probably fix it...

2021-06-10T11:10:09Z

Yeah, this will probably fix it...

← Older revision		Revision as of 11:10, 10 June 2021
Line 30:		Line 30:
	for (var i=0;i<hide_blocks.length;i++) {		for (var i=0;i<hide_blocks.length;i++) {
	var hide_link = document.createElement("div");		var hide_link = document.createElement("div");
	hide_link.innerHTML = "<a href='javascript:hide_block(\"" + hide_blocks[i].getAttribute("id") + "\");' id='" + hide_blocks[i].getAttribute("id") + "-link'><i>Show hidden content.</i></a>";		hide_link.innerHTML = "<a href='javascript:hide_block("" + hide_blocks[i].getAttribute("id") + "");' id='" + hide_blocks[i].getAttribute("id") + "-link'><i>Show hidden content.</i></a>";
	hide_blocks[i].parentNode.insertBefore(hide_link, hide_blocks[i]);		hide_blocks[i].parentNode.insertBefore(hide_link, hide_blocks[i]);
	hide_blocks[i].style.display = "none";		hide_blocks[i].style.display = "none";
Line 41:		Line 41:
	}		}

	~~addOnloadHook~~(tfwiki_hooks);		$( document ).ready(tfwiki_hooks);

	/* ========== Upload preview ==========		/* ========== Upload preview ==========
Line 86:		Line 86:
	lpRequest.open("POST", postUrl, true);		lpRequest.open("POST", postUrl, true);

	var postData = 'wpTextbox1=' + encodeURIComponent(text) + '&wpEdittime=Something&wpEditToken=' + mw.user.tokens.get('editToken');		var postData = 'wpTextbox1=' + encodeURIComponent(text) + '&wpEdittime=Something&wpEditToken=' + encodeURIComponent(mw.user.tokens.get('editToken'));
	lpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");		lpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	lpRequest.send(postData);		lpRequest.send(postData);
Line 218:		Line 218:
	if ( !keys ) { return localMessage; }		if ( !keys ) { return localMessage; }
	for( var i = 0; i < keys.length; i++) {		for( var i = 0; i < keys.length; i++) {
	var myregexp = new RegExp("\\$"+(i+1), 'g');		var myregexp = new RegExp("\$"+(i+1), 'g');
	localMessage = localMessage.replace(myregexp, keys[i]);		localMessage = localMessage.replace(myregexp, keys[i]);
	}		}
Line 225:		Line 225:


	if (wgCanonicalNamespace == 'Special' && wgCanonicalSpecialPageName == 'Upload'){		if (mw.config.get('wgCanonicalNamespace') == 'Special' && mw.config.get('wgCanonicalSpecialPageName') == 'Upload'){
	~~addOnloadHook~~(uploadPreviewInit)		$( document ).ready(uploadPreviewInit)
	//prepare Mediawiki Live Preview		//prepare Mediawiki Live Preview
	wgLivepreviewMessageLoading = 'Wait...'		wgLivepreviewMessageLoading = 'Wait...'
Line 274:		Line 274:
	for (var ii = 0; ii < list.length; ii++) {		for (var ii = 0; ii < list.length; ii++) {
	if(list[ii].className=="ocreditspan") {		if(list[ii].className=="ocreditspan") {
	list[ii].innerHTML="<span id=\"ocreditl"+ii+"\"><a href=\"#\" onclick=\"showcredits("+ii+"); return false;\">more»</a></span><span id=\"ocredit"+ii+"\" style=\"display: none\">"+list[ii].innerHTML+" <a href=\"#\" onclick=\"hidecredits("+ii+"); return false;\">«less</a></span>";		list[ii].innerHTML="<span id="ocreditl"+ii+""><a href="#" onclick="showcredits("+ii+"); return false;">more»</a></span><span id="ocredit"+ii+"" style="display: none">"+list[ii].innerHTML+" <a href="#" onclick="hidecredits("+ii+"); return false;">«less</a></span>";
	}		}
	}		}
	}		}

	~~hookEvent~~(~~"load"~~, init_voiceactors);		$( document ).ready(, init_voiceactors);

	/* End of code for showing/hiding voice actor credits */		/* End of code for showing/hiding voice actor credits */

Abates: Let's see if this gets rid of the session data error.

2021-06-10T11:06:02Z

Let's see if this gets rid of the session data error.

← Older revision		Revision as of 11:06, 10 June 2021
Line 86:		Line 86:
	lpRequest.open("POST", postUrl, true);		lpRequest.open("POST", postUrl, true);

	var postData = 'wpTextbox1=' + encodeURIComponent(text) + '&wpEdittime=Something';		var postData = 'wpTextbox1=' + encodeURIComponent(text) + '&wpEdittime=Something&wpEditToken=' + mw.user.tokens.get('editToken');
	lpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");		lpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	lpRequest.send(postData);		lpRequest.send(postData);

Abates: I think this should fix the error that we get when previewing on the image upload screen. Let's see!

2021-06-10T10:58:50Z

I think this should fix the error that we get when previewing on the image upload screen. Let's see!

← Older revision		Revision as of 10:58, 10 June 2021
Line 86:		Line 86:
	lpRequest.open("POST", postUrl, true);		lpRequest.open("POST", postUrl, true);

	var postData = 'wpTextbox1=' + encodeURIComponent(text);		var postData = 'wpTextbox1=' + encodeURIComponent(text) + '&wpEdittime=Something';
	lpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");		lpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	lpRequest.send(postData);		lpRequest.send(postData);