MediaWiki:Common.js: Difference between revisions

Revision as of 22:36, 10 September 2025

/* Any JavaScript here will be loaded for all users on every page load. */
// Navi Copy JQuery Code by Kaddy!
$(document).ready(
    $('.navi-copy').each(function(index, element) {    
        if ($("#navi-copy-textarea").attr('exists') != "true") {
            txtdiv = '<textarea style="height:1px;width:1px; position:absolute;left:-1000px;" id="navi-copy-textarea" exists="true">Filler Text</textarea><style>.navi-copy-text { cursor:pointer; color:#2899e8; padding:1px; display:inline-block; } .navi-copy-text:hover { color:#c1a1f1; } .navi-copied { text-align:center; border:1px dotted #2899e8; border-radius:3px; color:#2899e8; display:inline-block; } .navi-copy {  display:inline-block; } </style>';
            $("body").append(txtdiv);
        }
        var map = $(element).children().get(0).innerHTML;
        var x = $(element).children().get(1).innerHTML;
        var y = $(element).children().get(2).innerHTML;
        var newhtml = "<div class=\"navi-copy-text\" title=\"Click here to copy to the clipboard, then paste in game\" onclick=\"CopyNaviLink(this, '"+map+"','"+x+"','"+y+"');\">("+map+" "+x+", "+y+")</div><div class=\"navi-copied\" style=\"display:none;\">Paste ingame</div>";
        $(element).html(newhtml);
    })
);
function CopyNaviLink(ele, map, x, y) {
	element = $(ele);
	sibling = element.siblings();
	width = element.width();
	height = element.height()+0;
	sibling.css('width',width);
	sibling.css('height',height);
	element.css('display','none');
	sibling.css('display','inline-block');
	setTimeout(function() { 
	    sibling.fadeOut().delay(300).css('display','none');
		element.css('display','inline-block');
	}, 1400);
	var ClipBoardText = "/navi "+map+" "+x+"/"+y;
	var textarea = document.getElementById('navi-copy-textarea');
	$('#navi-copy-textarea').text(ClipBoardText);
	$("#navi-copy-textarea").select();
	document.execCommand('copy');
};