MediaWiki:Imagemap-Hightlight.js - Versionsgeschichte

KMA am 28. August 2014 um 14:57 Uhr

2014-08-28T14:57:09Z

2014-08-28T14:55:42Z

2014-08-28T13:32:59Z

2014-08-28T11:24:43Z

2014-08-28T11:22:38Z

2014-08-28T11:17:33Z

@@ Zeile 130: / Zeile 130: @@
 			// ol below image, hr below ol. original caption pushed below hr.
 			//div.after($('<hr>', {'class': myClassName}).css('clear', 'both')).after(ol);
 			var lis = {};	//collapse areas with same caption to one list item
 			$('area', map).each(function() {

@@ Zeile 129: / Zeile 129: @@
 				.attr({'data-expandtext' : expandLegend, 'data-collapsetext': collapseLegend});
 			// ol below image, hr below ol. original caption pushed below hr.
-			div.after($('<hr>', {'class': myClassName}).css('clear', 'both')).after(ol);
+			//div.after($('<hr>', {'class': myClassName}).css('clear', 'both')).after(ol);
 			var lis = {};	//collapse areas with same caption to one list item
 			$('area', map).each(function() {

@@ Zeile 126: / Zeile 126: @@
 			img.fadeTo(1, 0);	// make the image transparent - we see canvas and bgimg through it.
 			var ol = $('<ol>', {'class': myClassName})
-				.css({clear: 'both', margin: 0, listStyle: 'none', maxWidth: w + 'px', float: 'left', position: 'relative'})
+				.css({clear: 'both', margin: 0, listStyle: 'none', maxWidth: w + 'px', float: 'left', position: 'relative', display: 'none'})
 				.attr({'data-expandtext' : expandLegend, 'data-collapsetext': collapseLegend});
 			// ol below image, hr below ol. original caption pushed below hr.

@@ Zeile 82: / Zeile 82: @@
 			});
 		} else {
-			//context.clearRect(0, 0, context.canvas.width, context.canvas.height);
+			context.clearRect(0, 0, context.canvas.width, context.canvas.height);
+		}
+	}

@@ Zeile 13: / Zeile 13: @@
 		//, areaHighLighting = {fillStyle: 'rgba(0,0,0,0.35)', strokeStyle: 'yellow', lineJoin: 'round', lineWidth: 2}
                  , areaHighLighting = {fillStyle: 'rgba(0,0,0,0.1)', strokeStyle: 'red', lineJoin: 'round', lineWidth: 2}
-                 , areaHighLightingAll = {fillStyle: 'rgba(0,0,0,0)', strokeStyle: 'dashed', lineJoin: 'round', lineWidth: 2}
+                 , areaHighLightingAll = {fillStyle: 'rgba(0,0,0,0)', strokeStyle: 'red', lineJoin: 'round', lineWidth: 2}
 //every imagemap that wants highlighting, should reside in a div of this 'class':
 		, hilightDivMarker = '.imageMapHighlighter'
@@ Zeile 82: / Zeile 82: @@
 			});
 		} else {
-			context.clearRect(0, 0, context.canvas.width, context.canvas.height);
+			//context.clearRect(0, 0, context.canvas.width, context.canvas.height);
+		}
+	}