Benutzer:J*/Ka-Mel-Oh/Testgelände: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
Zeile 53: Zeile 53:
 
/* onsubmit */
 
/* onsubmit */
  
document.getElementById("card_create_form").childNodes[0].onsubmit = function () {
+
function create_card (number, additional_css)
x = new Ajax.Request("http://kamelopedia.mormo.org/api.php?action=parse&text={{Mini-Karte|"+parseInt(this.number.value)+"|style%3Dposition:absolute; left:0px; top:0px;}}&format=json",
+
{
  {
+
        console.log(additional_css)
    method:'get',
+
if (number == "R")
    onSuccess: function(transport){
+
{
      document.getElementById("new_card_slot").innerHTML += transport.responseJSON.parse.text["*"];
+
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",
      fix_magic();
+
{
    }
+
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();
 +
}
 +
});
 +
}
 +
}
  
return false;
 
};
 
  
document.getElementById("back_create_form").childNodes[0].onsubmit = function () {
+
document.getElementById("card_create_form").childNodes[0].onsubmit = function () { create_card(this.number.value,""); return false; };
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;}}&format=json",
 
  {
 
    method:'get',
 
    onSuccess: function(transport){
 
      document.getElementById("new_card_slot").innerHTML += transport.responseJSON.parse.text["*"];
 
      fix_magic();
 
    }
 
  });
 
  
return false;
+
document.getElementById("back_create_form").childNodes[0].onsubmit = function () { create_card("R",""); return false; };
};
 
  
 
/* --- permalink */
 
/* --- permalink */
Zeile 84: Zeile 90:
  
 
document.getElementById("perma_link").childNodes[0].onsubmit = function () {
 
document.getElementById("perma_link").childNodes[0].onsubmit = function () {
        var hints = document.getElementsByClassName("hint");
+
var hints = document.getElementsByClassName("hint");
        var out = [];
+
var out = [];
        for (var i = 0; i < hints.length; i ++)
+
for (var i = 0; i < hints.length; i ++)
        {
+
{
                var s = "";
+
var s = "";
                s += hints[i].innerHTML + ",";
+
s += hints[i].innerHTML + ",";
                s += parseInt(hints[i].parentNode.style.left) + ",";
+
s += parseInt(hints[i].parentNode.style.left) + ",";
                s += parseInt(hints[i].parentNode.style.top) + ",";
+
s += parseInt(hints[i].parentNode.style.top) + ",";
                s += (parseInt(hints[i].parentNode.style.zIndex) - 1000);
+
s += (parseInt(hints[i].parentNode.style.zIndex) - 1000);
                out.push(s);
+
out.push(s);
        }
+
}
        this.link.value = (location.href+"?").split("?")[0] + "?cards=" + out;
+
this.link.value = (location.href+"?").split("?")[0] + "?cards=" + out.join(";");
        return false;
+
return false;
 
};
 
};
 +
 +
/* --- init --- */
 +
 +
var argstrings = (location.href+"?").split("?")[1].split("&");
 +
var args = {cards:""}; // default arguments
 +
for (var i=0; i<argstrings.length; i++)
 +
{
 +
var parts = (argstrings[i]+"==").split("=");
 +
args[parts[0]]=parts[1];
 +
}
 +
 +
var cards = args.cards.split(";");
 +
console.log("cards")
 +
console.log(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)+";");
 +
}
  
 
</pre>
 
</pre>

Version vom 1. Mai 2010, 12:16 Uhr

Spielfeld

Spieler 1:

{{#arg:sp1|Niemand}}

Spieler 2:

{{#arg:sp2|Niemand}}

Ka-Mel-Oh! Spielplan WiMu.jpg

{{#arg:cards}}

Kommentar

{{#arg:comment}}

Spielfeld und Karten manipulieren

Karte Nummer [#] [erstellen]
Umgedrehten Kartenstapel [erstellen]

Permalink

Script

Das muss später noch eingepflegt werden:

/* --- create cards --- */

/* 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 */

function create_card (number, additional_css)
{
        console.log(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();
			}
		});
	}
}


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; };

/* --- permalink */

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 --- */

var argstrings = (location.href+"?").split("?")[1].split("&");
var args = {cards:""}; // default arguments
for (var i=0; i<argstrings.length; i++)
{
	var parts = (argstrings[i]+"==").split("=");
	args[parts[0]]=parts[1];
}

var cards = args.cards.split(";");
	console.log("cards")
console.log(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)+";");
}