Benutzer:J*/Ka-Mel-Oh/Testgelände: Unterschied zwischen den Versionen
< Benutzer:J* | Ka-Mel-Oh
Zur Navigation springen
Zur Suche springen
J* (Diskussion | Beiträge) (→Script) |
J* (Diskussion | Beiträge) (→Script) |
||
| Zeile 53: | Zeile 53: | ||
/* onsubmit */ | /* onsubmit */ | ||
| − | document.getElementById(" | + | function create_card (number, additional_css) |
| − | x = new Ajax.Request("http://kamelopedia.mormo.org/api.php?action=parse&text={{Mini-Karte|"+parseInt( | + | { |
| − | + | 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(" | + | document.getElementById("card_create_form").childNodes[0].onsubmit = function () { create_card(this.number.value,""); return false; }; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | 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 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)+";"); | ||
| + | } | ||
</pre> | </pre> | ||
Version vom 1. Mai 2010, 12:16 Uhr
Spielfeld
Spieler 1:
{{#arg:sp1|Niemand}}
Spieler 2:
{{#arg:sp2|Niemand}}
{{#arg:cards}}
Kommentar
{{#arg:comment}}
Spielfeld und Karten manipulieren
| Karte Nummer [#] [erstellen] | |
| Umgedrehten Kartenstapel [erstellen] |
Permalink
[Permalink erzeugen]
[ ]
[ ]
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)+";");
}