MediaWiki:Mw-customcollapsible.js - Versionsgeschichte

imported>Andreas Plank: fix toggling: based on('afterExpand.mw-collapsible') or on('afterCollapse.mw-collapsible') from jquery.makeCollapsible.js

2017-08-14T08:52:03Z

fix toggling: based on('afterExpand.mw-collapsible') or on('afterCollapse.mw-collapsible') from jquery.makeCollapsible.js

Änderungen zeigen

imported>Andreas Plank: Fix getting ID

2016-08-29T11:10:42Z

Fix getting ID

← Nächstältere Version		Version vom 29. August 2016, 13:10 Uhr
Zeile 59:		Zeile 59:
	// loop through the classes		// loop through the classes
	function (classValue, i) {		function (classValue, i) {
	return (classValue.indexOf('mw-customtoggle') === 0);		return (classValue.indexOf('mw-customtoggle-') === 0);// get class containing the ID
	}		}
	).toString(),		).toString(),
	thisIdToToggle = thisClassMwCustomtoggle.replace("mw-customtoggle", "mw-customcollapsible"),		thisIdToToggle = thisClassMwCustomtoggle.replace("mw-customtoggle", "mw-customcollapsible"),
	// check status of class mw-collapsed when clicked TODO check status hasClass		// check status of class mw-collapsed when clicked TODO check status hasClass
	wasCollapsedBeforeThisClick = ! $('#' + thisIdToToggle).hasClass('mw-collapsed');		wasCollapsedBeforeThisClick = $('#' + thisIdToToggle).hasClass('mw-collapsed');
	// Debugging		// Debugging
	/* console.log("Mw-customcollapsible.js on()"		/* console.log("Mw-customcollapsible.js on()"

imported>Andreas Plank: http://offene-naturfuehrer.de/w/index.php?title=MediaWiki:Mw-customcollapsible.js&oldid=59736

2016-03-02T09:42:11Z

http://offene-naturfuehrer.de/w/index.php?title=MediaWiki:Mw-customcollapsible.js&oldid=59736

← Nächstältere Version		Version vom 2. März 2016, 11:42 Uhr
Zeile 49:		Zeile 49:
	thisCollapseText = $(this).attr('data-collapsetext') ? $(this).attr('data-collapsetext') : $.resource("CollapseBox_captionCollapse");		thisCollapseText = $(this).attr('data-collapsetext') ? $(this).attr('data-collapsetext') : $.resource("CollapseBox_captionCollapse");

	$(this).on('click.customtoggle', function (event) {		$(this).on('click.customtoggle, keypress.customtoggle', function (event) {
	// this click event fires before click.mw-~~collapse~~ of jquery.makeCollapsible.js		// this click event fires before click.mw-collapsible of jquery.makeCollapsible.js
	// so CSS class mw-collapsed is not yet removed or added		// so CSS class mw-collapsed is not yet removed or added
	//		//
Zeile 59:		Zeile 59:
	// loop through the classes		// loop through the classes
	function (classValue, i) {		function (classValue, i) {
	if (classValue.indexOf('mw-customtoggle') === 0) {		return (classValue.indexOf('mw-customtoggle') === 0);
	~~return classValue~~;
	}
	}		}
	).toString(),		).toString(),
	thisIdToToggle = thisClassMwCustomtoggle.replace("mw-customtoggle", "mw-customcollapsible"),		thisIdToToggle = thisClassMwCustomtoggle.replace("mw-customtoggle", "mw-customcollapsible"),
	// check status of class mw-collapsed when clicked		// check status of class mw-collapsed when clicked TODO check status hasClass
	wasCollapsedBeforeThisClick = $('#' + thisIdToToggle).hasClass('mw-collapsed');		wasCollapsedBeforeThisClick = ! $('#' + thisIdToToggle).hasClass('mw-collapsed');
	// Debugging		// Debugging
	// console.log("Mw-customcollapsible.js on()"		/* console.log("Mw-customcollapsible.js on()"
	// + ", wasCollapsedBeforeClick: " + wasCollapsedBeforeThisClick		+ ", wasCollapsedBeforeClick: " + wasCollapsedBeforeThisClick
	// + ", htmltext: " + (wasCollapsedBeforeThisClick ? thisCollapseText : thisExpandText)		+ ", htmltext: " + (wasCollapsedBeforeThisClick ? thisCollapseText : thisExpandText)
	// + ", thisExpandText: " + thisExpandText		+ ", thisExpandText: " + thisExpandText
	// + ", thisCollapseText: " + thisCollapseText);		+ ", thisCollapseText: " + thisCollapseText);
			*/
	// toggle text accordingly, set title attribute		// toggle text accordingly, set title attribute
	$(this)		$(this)
Zeile 83:		Zeile 82:
	.html(isCollapsed ? thisExpandText : thisCollapseText);		.html(isCollapsed ? thisExpandText : thisCollapseText);
	// Debugging		// Debugging
	// console.log("Mw-customcollapsible.js triggering HTML"		/* console.log("Mw-customcollapsible.js triggering HTML"
	// + ", wasCollapsedBeforeClick: " + isCollapsed		+ ", wasCollapsedBeforeClick: " + isCollapsed
	// + ", htmltext: " + (isCollapsed ? thisExpandText : thisCollapseText)		+ ", htmltext: " + (isCollapsed ? thisExpandText : thisCollapseText)
	// + ", thisExpandText: " + thisExpandText		+ ", thisExpandText: " + thisExpandText
	// + ", thisCollapseText: " + thisCollapseText);		+ ", thisCollapseText: " + thisCollapseText);
			*/
	});// each()		});// each()
	}// if mw-customcollapsible		}// if mw-customcollapsible

imported>Andreas Plank: resource keys prefixed by plugin

2015-01-21T13:23:44Z

resource keys prefixed by plugin

← Nächstältere Version		Version vom 21. Januar 2015, 15:23 Uhr
Zeile 15:		Zeile 15:
	* └─ div.mw-collapsible-content		* └─ div.mw-collapsible-content
	*		*
	* ~~dependecies~~:		* @dependecy: $.resource() "CollapseBox_captionExpand", "CollapseBox_captionCollapse", "CollapseBox_toolTipCollapse" : "CollapseBox_toolTipExpand"
	* - pseudoclass:		* @dependeciy:
			* CSS - pseudoclass:
	* span.pseudolink {		* span.pseudolink {
	* color:#0645AD;		* color:#0645AD;
Zeile 45:		Zeile 46:
	// try namespaced click, do not name it mw-… it is used by MediaWiki		// try namespaced click, do not name it mw-… it is used by MediaWiki
	.each(function () {		.each(function () {
	var thisExpandText = $(this).attr('data-expandtext') ? $(this).attr('data-expandtext') : $.resource("~~captionExpand~~"),		var thisExpandText = $(this).attr('data-expandtext') ? $(this).attr('data-expandtext') : $.resource("CollapseBox_captionExpand"),
	thisCollapseText = $(this).attr('data-collapsetext') ? $(this).attr('data-collapsetext') : $.resource("~~captionCollapse~~");		thisCollapseText = $(this).attr('data-collapsetext') ? $(this).attr('data-collapsetext') : $.resource("CollapseBox_captionCollapse");

	$(this).on('click.customtoggle', function (event) {		$(this).on('click.customtoggle', function (event) {
Zeile 74:		Zeile 75:
	// toggle text accordingly, set title attribute		// toggle text accordingly, set title attribute
	$(this)		$(this)
	.attr("title", $.resource(wasCollapsedBeforeThisClick ? "~~toolTipCollapse~~" : "~~toolTipExpand~~"))		.attr("title", $.resource(wasCollapsedBeforeThisClick ? "CollapseBox_toolTipCollapse" : "CollapseBox_toolTipExpand"))
	.html(wasCollapsedBeforeThisClick ? thisCollapseText : thisExpandText);		.html(wasCollapsedBeforeThisClick ? thisCollapseText : thisExpandText);
	})		})
	// format the triggering HTML element		// format the triggering HTML element
	.addClass("pseudolink")		.addClass("pseudolink")
	.attr("title", $.resource(isCollapsed ? "~~toolTipExpand~~" : "~~toolTipCollapse~~"))		.attr("title", $.resource(isCollapsed ? "CollapseBox_toolTipExpand" : "CollapseBox_toolTipCollapse"))
	.html(isCollapsed ? thisExpandText : thisCollapseText);		.html(isCollapsed ? thisExpandText : thisCollapseText);
	// Debugging		// Debugging

imported>Andreas Plank: Die Seite wurde neu angelegt: „/global jQuery, $, mw, console / /jslint maxerr: 50, indent: 2 / /* * change click-text based on MediaWiki's collapsible-element-mechanism (jQuery) * th…“

2014-01-13T10:12:17Z

Die Seite wurde neu angelegt: „global jQuery, $, mw, console: jslint maxerr: 50, indent: 2: /* * change click-text based on MediaWiki's collapsible-element-mechanism (jQuery) * th…“

Neue Seite

/*global jQuery, $, mw, console */
/*jslint maxerr: 50, indent: 2 */

/*
* change click-text based on MediaWiki's collapsible-element-mechanism (jQuery)
* that are triggered from outside a mw-collapsible-class, using the socalled
* 'mw-customtoggle-something' CSS class. This class of the triggering element defines
* what id will be collapsible. Example:
*
* somewhere: span.mw-customtoggle-**myKey**
*
* div ─ .mw-collapsible id="mw-customcollapsible-**myKey**"
* │ └ [.mw-collapsed]
* │
* └─ div.mw-collapsible-content
*
* dependecies:
* - pseudoclass:
* span.pseudolink {
* color:#0645AD;
* }
* span.pseudolink:hover, span.pseudolink:focus {
* text-decoration: underline;
* cursor:pointer;
* }
*
* @todo click in player does not toggle on the first click
*/
function init_MwCustomCollapse_clickText() {
"use strict";
// search first for id of mw-customcollapsible-**myKey** and then initiate the elements
// that trigger the media wiki based customcollapsible boxes
var jMwCollapsible = $('.mw-collapsible[id^="mw-customcollapsible"]');
if (jMwCollapsible.length) {
jMwCollapsible.each(function () {
if ($(this).attr('id').indexOf('mw-customcollapsible-') === 0) {
// id of collapsible box
var thisId = $(this).attr('id'),
collapsibleCustomTriggerClass = thisId.replace("mw-customcollapsible", "mw-customtoggle"),
isCollapsed = $('#' + thisId).hasClass('mw-collapsed');
// bind each corresponding class and also toggle text (can have attribute data-expandtext/data-collapsetext)
$('.' + collapsibleCustomTriggerClass)
//live does not bind the click
//delegate does not bind the click; does delegate() apply only when an outer wrapper element is there?
// try namespaced click, do not name it mw-… it is used by MediaWiki
.each(function () {
var thisExpandText = $(this).attr('data-expandtext') ? $(this).attr('data-expandtext') : $.resource("captionExpand"),
thisCollapseText = $(this).attr('data-collapsetext') ? $(this).attr('data-collapsetext') : $.resource("captionCollapse");

$(this).on('click.customtoggle', function (event) {
// this click event fires before click.mw-collapse of jquery.makeCollapsible.js
// so CSS class mw-collapsed is not yet removed or added
//
// get the corresponding id to this mw-customtoggle class
var thisClassList = $(this).attr('class').split(" "),
thisClassMwCustomtoggle = $.grep(
thisClassList,
// loop through the classes
function (classValue, i) {
if (classValue.indexOf('mw-customtoggle') === 0) {
return classValue;
}
}
).toString(),
thisIdToToggle = thisClassMwCustomtoggle.replace("mw-customtoggle", "mw-customcollapsible"),
// check status of class mw-collapsed when clicked
wasCollapsedBeforeThisClick = $('#' + thisIdToToggle).hasClass('mw-collapsed');
// Debugging
// console.log("Mw-customcollapsible.js on()"
// + ", wasCollapsedBeforeClick: " + wasCollapsedBeforeThisClick
// + ", htmltext: " + (wasCollapsedBeforeThisClick ? thisCollapseText : thisExpandText)
// + ", thisExpandText: " + thisExpandText
// + ", thisCollapseText: " + thisCollapseText);
// toggle text accordingly, set title attribute
$(this)
.attr("title", $.resource(wasCollapsedBeforeThisClick ? "toolTipCollapse" : "toolTipExpand"))
.html(wasCollapsedBeforeThisClick ? thisCollapseText : thisExpandText);
})
// format the triggering HTML element
.addClass("pseudolink")
.attr("title", $.resource(isCollapsed ? "toolTipExpand" : "toolTipCollapse"))
.html(isCollapsed ? thisExpandText : thisCollapseText);
// Debugging
// console.log("Mw-customcollapsible.js triggering HTML"
// + ", wasCollapsedBeforeClick: " + isCollapsed
// + ", htmltext: " + (isCollapsed ? thisExpandText : thisCollapseText)
// + ", thisExpandText: " + thisExpandText
// + ", thisCollapseText: " + thisCollapseText);
});// each()
}// if mw-customcollapsible
});
}
return null;
}// init_MwCustomCollapse_clickText()

init_MwCustomCollapse_clickText();

MediaWiki:Mw-customcollapsible.js - Versionsgeschichte

imported>Andreas Plank: fix toggling: based on('afterExpand.mw-collapsible') or on('afterCollapse.mw-collapsible') from jquery.makeCollapsible.js

imported>Andreas Plank: Fix getting ID

imported>Andreas Plank: http://offene-naturfuehrer.de/w/index.php?title=MediaWiki:Mw-customcollapsible.js&oldid=59736

imported>Andreas Plank: resource keys prefixed by plugin

imported>Andreas Plank: Die Seite wurde neu angelegt: „/*global jQuery, $, mw, console */ /*jslint maxerr: 50, indent: 2 */ /* * change click-text based on MediaWiki's collapsible-element-mechanism (jQuery) * th…“

imported>Andreas Plank: Die Seite wurde neu angelegt: „/global jQuery, $, mw, console / /jslint maxerr: 50, indent: 2 / /* * change click-text based on MediaWiki's collapsible-element-mechanism (jQuery) * th…“