Benutzer:J*/Ka-Mel-Oh/Testgelände.js

addJS("MediaWiki:Prototype.js");

/* --- helper stuff --- */

function fix_magic () {

	var deleters = document.getElementsByClassName("card_delete");
	for (var i=0; i < deleters.length; i++)
	{
		//var card = getDraggable(deleters[i]);
		deleters[i].onclick = function () {d = getDraggable(this); d.parentNode.removeChild(d); };
		deleters[i].style.cursor = "pointer";
	}
}

function create_card (number, additional_css)
{
	if (number == "R")
	{
		x = new Ajax.Request("http://kamelopedia.mormo.org/api.php?action=parse&text={{Ka-Mel-Oh-Mini-Rückseite!|style%3Dposition:absolute; left:0px; top:0px;"+additional_css+"}}&format=json",
		{
			method:'get',
			onSuccess: function(transport){
				document.getElementById("new_card_slot").innerHTML += transport.responseJSON.parse.text["*"];
				fix_magic();
			}
		});
	}
	else
	{
		x = new Ajax.Request("http://kamelopedia.mormo.org/api.php?action=parse&text={{Mini-Karte|"+parseInt(number)+"|style%3Dposition:absolute; left:0px; top:0px;"+additional_css+"}}&format=json",
		{
			method:'get',
			onSuccess: function(transport){
				document.getElementById("new_card_slot").innerHTML += transport.responseJSON.parse.text["*"];
				fix_magic();
			}
		});
	}
}

/* --- create card form --- */

addOnloadHook( function () {
	// forms
	document.getElementById("card_create_form").innerHTML="<form style='display: inline;'><input name='number' type='text' size='2' /> <input type='submit' value='erstellen' /></form>";
	document.getElementById("back_create_form").innerHTML="<form style='display: inline;'><input type='submit' value='erstellen' /></form>";

	// onsubmit
	document.getElementById("card_create_form").childNodes[0].onsubmit = function () { create_card(this.number.value,""); return false; };
	document.getElementById("back_create_form").childNodes[0].onsubmit = function () { create_card("R",""); return false; };
});

/* --- create permalink form --- */

addOnloadHook( function () {
	document.getElementById("perma_link").innerHTML="<form><input type='submit' value='Permalink erzeugen' /><br><input type='text' style='width:80%' name='link' /></form>";

	document.getElementById("perma_link").childNodes[0].onsubmit = function () {
		var hints = document.getElementsByClassName("hint");
		var out = [];
		for (var i = 0; i < hints.length; i ++)
		{
			var s = "";
			s += hints[i].innerHTML + ",";
			s += parseInt(hints[i].parentNode.style.left) + ",";
			s += parseInt(hints[i].parentNode.style.top) + ",";
			s += (parseInt(hints[i].parentNode.style.zIndex) - 1000);
			out.push(s);
		}
		this.link.value = (location.href+"?").split("?")[0] + "?cards=" + out.join(";");
		return false;
	};
});

/* --- init --- */

addOnloadHook( function () {
	var argstrings = (location.href+"?").split("?")[1].split("&");
	var args = {}; // page parameters
	for (var i=0; i<argstrings.length; i++)
	{
		var parts = (argstrings[i]+"==").split("=");
		args[parts[0]]=parts[1];
	}
	
	var cards = args.cards.split(";");
	if (args.cards)
		for (var i=0; i < cards.length; i ++)
		{
			var props = cards[i].split(",")
				create_card(props[0],"left:"+props[1]+"px; top:"+props[2]+"px; z-index:"+(props[3]+1000)+";");
		}
});