MediaWiki:Common.js - Revision history

Stencil: Undo revision 1874 by Stencil (talk)

2022-01-23T08:06:10Z

Undo revision 1874 by Stencil (talk)

Stencil at 08:04, 23 January 2022

2022-01-23T08:04:14Z

Stencil at 01:55, 13 August 2021

2021-08-13T01:55:46Z

Stencil at 01:39, 13 August 2021

2021-08-13T01:39:59Z

Stencil at 01:36, 13 August 2021

2021-08-13T01:36:30Z

Stencil at 01:32, 13 August 2021

2021-08-13T01:32:33Z

Stencil: jQuery UI v1.12.1

2021-08-12T08:15:53Z

jQuery UI v1.12.1

Show changes

Stencil: jQuery UI Dragging Test 2

2021-08-05T16:24:36Z

jQuery UI Dragging Test 2

Stencil: Undo revision 1816 by Stencil (talk)

2021-08-05T15:49:10Z

Undo revision 1816 by Stencil (talk)

Stencil at 15:45, 5 August 2021

2021-08-05T15:45:51Z

@@ Line 44: / Line 44: @@
 	});
-	document.ondrag = function (event) {
+	jQuery.fn.swap = function(b){
-		jQuery.fn.swap = function(b){
+		b = jQuery(b)[0];
-			b = jQuery(b)[0];
+		var a = this[0];
-			var a = this[0];
+		var t = a.parentNode.insertBefore(document.createTextNode(''), a);
-			var t = a.parentNode.insertBefore(document.createTextNode(''), a);
+		b.parentNode.insertBefore(a, b);
-			b.parentNode.insertBefore(a, b);
+		t.parentNode.insertBefore(b, t);
-			t.parentNode.insertBefore(b, t);
+		t.parentNode.removeChild(t);
-			t.parentNode.removeChild(t);
+		return this;
-			return this;
+	};
-		$( "#wagon-configurator li.wagon-slot" ).draggable({helper: "clone"});
+	$( "#wagon-configurator li.wagon-slot" ).draggable({helper: "clone"});
-		$( "#wagon-configurator li.wagon-slot" ).droppable({
+	$( "#wagon-configurator li.wagon-slot" ).droppable({
-			accept: "#wagon-configurator li.wagon-slot",
+		accept: "#wagon-configurator li.wagon-slot",
-			activeClass: "ui-state-hover",
+		activeClass: "ui-state-hover",
-			hoverClass: "ui-state-active",
+		hoverClass: "ui-state-active",
-			drop: function(event, ui){
+		drop: function(event, ui){
-				var draggable = ui.draggable, droppable = $(this),
+			var draggable = ui.draggable, droppable = $(this),
-				dragPos = draggable.position(), dropPos = droppable.position();
+			dragPos = draggable.position(), dropPos = droppable.position();
-				draggable.swap(droppable);
+			draggable.swap(droppable);
-−
+		}
-		});
+	});
 });

@@ Line 44: / Line 44: @@
 	});
-	jQuery.fn.swap = function(b){
+	document.ondrag = function (event) {
-		b = jQuery(b)[0];
+		jQuery.fn.swap = function(b){
-		var a = this[0];
+			b = jQuery(b)[0];
-		var t = a.parentNode.insertBefore(document.createTextNode(''), a);
+			var a = this[0];
-		b.parentNode.insertBefore(a, b);
+			var t = a.parentNode.insertBefore(document.createTextNode(''), a);
-		t.parentNode.insertBefore(b, t);
+			b.parentNode.insertBefore(a, b);
-		t.parentNode.removeChild(t);
+			t.parentNode.insertBefore(b, t);
-		return this;
+			t.parentNode.removeChild(t);
 	};
 });

@@ Line 22: / Line 22: @@
 	$('#wagon-configurator-list li').click(function(){
-		if( $(this).hasClass('selected'){
+		if(!$(this).hasClass('selected')){
 			$(this).addClass('selected');
 			$(this).siblings().removeClass('selected');
+		}
 	});

@@ Line 22: / Line 22: @@
 	$('#wagon-configurator-list li').click(function(){
-		if( $('#wagon-configurator-list li.selected').length > 0){
+		if( $(this).hasClass('selected'){
 			$(this).removeClass('selected');
 		} else {
 			$(this).addClass('selected');

@@ Line 24: / Line 24: @@
 		if( $('#wagon-configurator-list li.selected').length > 0){
 			$(this).removeClass('selected');
 		} else {
 			$(this).addClass('selected');

@@ Line 24: / Line 24: @@
 		e.preventDefault();
 		$(this).css("background-image", 'url(' + ')');
 	});
 });

← Older revision		Revision as of 15:49, 5 August 2021
Line 26:		Line 26:
	});		});
	});		});
−
−	~~`mw.loader.load('jquery.ui').then(function(){~~
−	~~jQuery.fn.swap = function(b){~~
−	~~b = jQuery(b)[0];~~
−	~~var a = this[0];~~
−	~~var t = a.parentNode.insertBefore(document.createTextNode(''), a);~~
−	~~b.parentNode.insertBefore(a, b);~~
−	~~t.parentNode.insertBefore(b, t);~~
−	~~t.parentNode.removeChild(t);~~
−	~~return this;~~
−	};
−
−	~~$( ".wagon-slot" ).draggable({helper: "clone"});~~
−	~~$( ".wagon-slot" ).droppable({~~
−	~~accept: ".wagon-slot",~~
−	~~activeClass: "ui-state-hover",~~
−	~~hoverClass: "ui-state-active",~~
−	~~drop: function(event, ui){~~
−	~~var draggable = ui.draggable, droppable = $(this),~~
−	~~dragPos = draggable.position(), dropPos = droppable.position();~~
−	~~draggable.swap(droppable);~~
−	}
−	~~});~~
−	~~})`~~