MediaWiki:Common.js: Difference between revisions

Line 88:

var spoilers = {

enabled: true,

~~node~~: null,

text: null,

~~spoilerNodes~~: null,

nodes: null,

imgOn: null,

imgOff: null,

toggle: function() {

spoilers.set(!spoilers.enabled);

Line 96:

Line 98:

spoilers.enabled = enabled;

if(enabled) {

spoilers.~~spoilerNodes~~.removeClass('spoiler-inline');

spoilers.nodes.removeClass('spoiler-inline');

$.cookie('spoilers', 'true', {expires: 31, path: '/'});

spoilers.~~node~~.~~html~~('~~<img src="http://portal~~.~~biringa~~.~~com/images/2/2b/Wheatley_spoils_you~~.~~png" alt=""/> Spoilers on'~~);

spoilers.text.text(' Spoilers on');

spoilers.imgOff.hide(0);

spoilers.imgOn.show(0);

} else {

spoilers.~~spoilerNodes~~.addClass('spoiler-inline');

spoilers.nodes.addClass('spoiler-inline');

$.cookie('spoilers', 'false', {expires: 31, path: '/'});

spoilers.~~node~~.~~html~~('~~<img src="http://portal~~.~~biringa~~.~~com/images/e/ef/Wheatley_spoils_nothing~~.~~png" alt=""/> Spoilers off'~~);

spoilers.text.text(' Spoilers off');

spoilers.imgOn.hide(0);

spoilers.imgOff.show(0);

}

},

init: function() {

spoilers.~~spoilerNodes~~ = $('.spoiler-text');

spoilers.nodes = $('.spoiler-text');

spoilers.~~node~~ = $('');

spoilers.text = $('');

var wrapped = $('<li/>').append($('<a/>').append(spoilers.node));

spoilers.imgOn = $('<img alt=""/>').attr('src', 'http://portal.biringa.com/images/2/2b/Wheatley_spoils_you.png');

spoilers.imgOff = $('<img alt=""/>').attr('src', 'http://portal.biringa.com/images/e/ef/Wheatley_spoils_nothing.png');

var wrapped = $('<li/>').append($('<a/>').append($('').append(spoilers.node, spoilers.imgOn, spoilers.imgOff)));

wrapped.click(spoilers.toggle);

$('#p-namespaces ul').append(wrapped);

@@ Line 88: / Line 88: @@
 var spoilers = {
 	enabled: true,
-	node: null,
+	text: null,
-	spoilerNodes: null,
+	nodes: null,
+	imgOn: null,
+	imgOff: null,
 	toggle: function() {
 		spoilers.set(!spoilers.enabled);
@@ Line 96: / Line 98: @@
 		spoilers.enabled = enabled;
 		if(enabled) {
-			spoilers.spoilerNodes.removeClass('spoiler-inline');
+			spoilers.nodes.removeClass('spoiler-inline');
 			$.cookie('spoilers', 'true', {expires: 31, path: '/'});
-			spoilers.node.html('<img src="http://portal.biringa.com/images/2/2b/Wheatley_spoils_you.png" alt=""/> Spoilers on');
+			spoilers.text.text(' Spoilers on');
+			spoilers.imgOff.hide(0);
+			spoilers.imgOn.show(0);
 		} else {
-			spoilers.spoilerNodes.addClass('spoiler-inline');
+			spoilers.nodes.addClass('spoiler-inline');
 			$.cookie('spoilers', 'false', {expires: 31, path: '/'});
-			spoilers.node.html('<img src="http://portal.biringa.com/images/e/ef/Wheatley_spoils_nothing.png" alt=""/> Spoilers off');
+			spoilers.text.text(' Spoilers off');
+			spoilers.imgOn.hide(0);
+			spoilers.imgOff.show(0);
 		}
 	},
 	init: function() {
-		spoilers.spoilerNodes = $('.spoiler-text');
+		spoilers.nodes = $('.spoiler-text');
-		spoilers.node = $('<span></span>');
+		spoilers.text = $('<span></span>');
-		var wrapped = $('<li/>').append($('<a/>').append(spoilers.node));
+		spoilers.imgOn = $('<img alt=""/>').attr('src', 'http://portal.biringa.com/images/2/2b/Wheatley_spoils_you.png');
+		spoilers.imgOff = $('<img alt=""/>').attr('src', 'http://portal.biringa.com/images/e/ef/Wheatley_spoils_nothing.png');
+		var wrapped = $('<li/>').append($('<a/>').append($('<span/>').append(spoilers.node, spoilers.imgOn, spoilers.imgOff)));
 		wrapped.click(spoilers.toggle);
 		$('#p-namespaces ul').append(wrapped);