MediaWiki:Common.js: Difference between revisions

Content deleted Content added

Inline

Revision as of 16:59, 2 February 2023

/* [[Category:AutoDumpContentFromCommons]] */
/* Any JavaScript here will be loaded for all users on every page load. */


$( document ).ready(function() {

  $('pre').each(function(){

var $this = $(this)

var OriginalText = $this.html();

function returnBoxedText(match, p1) { return '<box>' + p1 + '</box>'; }
function returnSpanPosStr(match, p1) {
							var MarginTop = 0;
                            var MarginLeft = 0;
							var Rotation = 0;
  switch(p1) {  

								
                            case "":        
                                MarginTop = 5;
                                MarginLeft = 5;
                                Rotation = 225;
                                break;
                            case "-tr":        
                                MarginTop = 5;
                                MarginLeft = 5;
                                Rotation = 225;
                                break;
                            case "-br":
                                MarginTop = 20;
                                MarginLeft = 0;
                                Rotation = 315;
                                break;
                                break;
                            case "-bl":
                                MarginTop = 10;
                                MarginLeft = -5;
                                Rotation = 45;
                                break;
                            case "-tl":
                                MarginTop = 0;
                                MarginLeft = -5;
                                Rotation = 135;
                                break;
                        }


return '<point-here class="pre-arrow" orientation="' + p1 + '" style="position:absolute; maring-left: ' + MarginLeft + 'px; margin-top: ' + MarginTop + 'px; transform: rotate(' + Rotation + 'deg); transform-origin: 0% 0%;">&nbsp</point-here>';
}

var newText = OriginalText.replace(/&lt;box&gt;(.*)&lt;\/box&gt;/g,returnBoxedText);
newText = newText.replace(/&lt;point-here(\S*)&gt;/g, returnSpanPosStr);
$this.html(newText);


$this.find('box').each(function(){
posTop = $(this).position().top - 3;
posLeft = $(this).position().left - 3;
boxWidth = $(this).width();
$this.append( '<div  style="padding:1px;  padding-left:2px; border: 2px solid red; border-radius: 5px; box-shadow: 0.5px 0.5px 5px 0.5px red; position: absolute; left: ' + posLeft + 'px; top: ' + posTop + 'px; width:'+boxWidth+'px;">&nbsp</div>' );
});



});

});


/**
 * @source https://www.mediawiki.org/wiki/Snippets/Open_specific_links_in_new_window
 * @version 2018-09-15
 */
$( function () {
	$( '#mw-content-text' ).on( 'click', '.newwin > a', function () {
		var otherWindow = window.open();
		otherWindow.opener = null;
		otherWindow.location = this;
		return false;
	} );
} );

@@ Line 1: / Line 1: @@
 /* [[Category:AutoDumpContentFromCommons]] */
 /* Any JavaScript here will be loaded for all users on every page load. */
-$(function( $ ) {
-    enhanceDomPre();
-    function enhanceDomPre() {
+$( document ).ready(function() {
-        $('pre').each(function(){
+  $('pre').each(function(){
-            var pointers = [];
-            var boxes = [];
-            var pointersI = 0;
-            var boxesI = 0;
-            var thisparent = $(this).parent('div');
-            var thisorigtext = $(this).html();
+var $this = $(this)
-            function returnUnboxedText(match, p1) { return p1; }
-            function returnBoxedText(match, p1) { return '<span class="temp-mw-box-anchor">' + p1 + '</span>'; }
-            function returnSpanPosStr(match, p1) { return '<span class="temp-mw-point-anchor" data-pos="' + p1 + '"></span>'; }
+var OriginalText = $this.html();
-            /* transform MW pointer anchors to full spans */
-            var newText = thisorigtext.replace(/&lt;point-here&gt;/g, '<span class="temp-mw-point-anchor" data-pos="bl"></span>');
-            newText = newText.replace(/&lt;point-here-(\S*)&gt;/g, returnSpanPosStr);
-            /* transform MW box anchors to full spans */
-            newText = newText.replace(/&lt;box&gt;(.*)&lt;\/box&gt;/g,returnBoxedText);
-            /* set new PRE text, including custom spans */
-            $(this).html(newText);
+function returnBoxedText(match, p1) { return '<box>' + p1 + '</box>'; }
+function returnSpanPosStr(match, p1) {
+							var MarginTop = 0;
+                            var MarginLeft = 0;
+							var Rotation = 0;
+  switch(p1) {
-            /* search for pointer anchors, add to pointers object */
+                            case "":
-            $(".temp-mw-point-anchor").each(function(){ pointers[ pointersI ] = $(this).position(); pointers[ pointersI ]["position"] = $(this).data('pos'); pointersI++; });
+                                MarginTop = 5;
-            /* search for box anchors, add to box object */
+                                MarginLeft = 5;
+                                Rotation = 225;
-            $(".temp-mw-box-anchor").each(function(){ boxes[ boxesI ] = $(this).position(); boxes[ boxesI ]["content"] = $(this)[0].outerText; boxesI++; });
-            if (pointers.length > 0 || boxes.length > 0) {
-                /* Place back original text without key-text */
-                var finalText = thisorigtext.replace(/&lt;point-here&gt;/g,'');
-                finalText = finalText.replace(/&lt;point-here-\S{2}&gt;/g,'');
-                finalText = finalText.replace(/&lt;box&gt;(.*)&lt;\/box&gt;/g,returnUnboxedText);
-                $(this).html(finalText);
-                /* append DOM pointer divs to PRE's parent DIV */
-                if (pointers.length > 0) {
-                    $( pointers ).each(function(){
-                        var data = {};
-                        data.top = $(this)[0].top;
-                        data.left = data.rotation = 0;
-                        switch($(this)[0].position) {
-                            case "tr":
-                                data.top = $(this)[0].top + 5;
-                                data.left = $(this)[0].left + 5;
-                                data.rotation = 225;
                                 break;
-                            case "br":
+                            case "-tr":
-                                data.top = $(this)[0].top + 20;
+                                MarginTop = 5;
-                                data.left = $(this)[0].left;
+                                MarginLeft = 5;
-                                data.rotation = 315;
+                                Rotation = 225;
                                 break;
-                            case "bl":
+                            case "-br":
-                                data.top = $(this)[0].top + 10;
+                                MarginTop = 20;
-                                data.left = $(this)[0].left - 5;
+                                MarginLeft = 0;
-                                data.rotation = 45;
+                                Rotation = 315;
                                 break;
-                            case "tl":
+                                break;
-                                data.left = $(this)[0].left - 5;
+                            case "-bl":
-                                data.rotation = 135;
+                                MarginTop = 10;
+                                MarginLeft = -5;
+                                Rotation = 45;
+                                break;
+                            case "-tl":
+                                MarginTop = 0;
+                                MarginLeft = -5;
+                                Rotation = 135;
                                 break;
                         }
-                        thisparent.append( '<div class="pre-arrow" style="position: absolute; left: ' + data.left + 'px; top: ' + data.top + 'px; transform: rotate(' + data.rotation + 'deg); transform-origin: 0% 0%;">&nbsp</div>' );
-                    });
+return '<point-here class="pre-arrow" orientation="' + p1 + '" style="position:absolute; maring-left: ' + MarginLeft + 'px; margin-top: ' + MarginTop + 'px; transform: rotate(' + Rotation + 'deg); transform-origin: 0% 0%;">&nbsp</point-here>';
-                }
+}
-                if (boxes.length > 0) {
+var newText = OriginalText.replace(/&lt;box&gt;(.*)&lt;\/box&gt;/g,returnBoxedText);
-                    $( boxes ).each(function(){
+newText = newText.replace(/&lt;point-here(\S*)&gt;/g, returnSpanPosStr);
-                        thisparent.append( '<div class="pre-box-overlay" style="position: absolute; left: ' + ($(this)[0].left - 4) + 'px; top: ' + ($(this)[0].top - 4) + 'px;">' + $(this)[0].content + '</div>' );
+$this.html(newText);
-                    });
-                }
-            }
+$this.find('box').each(function(){
-        });
+posTop = $(this).position().top - 3;
-    }
+posLeft = $(this).position().left - 3;
+boxWidth = $(this).width();
-} );
+$this.append( '<div  style="padding:1px;  padding-left:2px; border: 2px solid red; border-radius: 5px; box-shadow: 0.5px 0.5px 5px 0.5px red; position: absolute; left: ' + posLeft + 'px; top: ' + posTop + 'px; width:'+boxWidth+'px;">&nbsp</div>' );
+});
+});
+});