|
|
| Zeile 40: |
Zeile 40: |
| | asdf | | | asdf |
| |} | | |} |
|
| |
| ==Script==
| |
| Das muss später noch eingepflegt werden:
| |
| <pre>
| |
| /* --- 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)+";");
| |
| }
| |
|
| |
| </pre>
| |
