MediaWiki:Common.js: Difference between revisions
Jump to navigation
No edit summary |
mNo edit summary |
||
Line 23: | Line 23: | ||
} | } | ||
var fold = " | var fold = "https://wiki.de.grepolis.com/images/7/7e/Einklappen.png"; | ||
var unfold = " | var unfold = "https://wiki.de.grepolis.com/images/0/06/Ausklappen.png"; | ||
function sidebar_click (node) { | function sidebar_click (node) { | ||
var content = $ (node.parentElement.lastElementChild); | var content = $ (node.parentElement.lastElementChild); |
Revision as of 19:42, 12 September 2015
/* Any JavaScript here will be loaded for all users on every page load. */ document.write("<script src='/index.php?title=Global.js&action=raw&smaxage=0&ctype=text/javascript' type='text/javascript'></script>"); importScript_ = importScript // Makes the sidebar foldable (by Menidan) var sidebar_settings = JSON.parse (localStorage.getItem ("sidebar_settings")) || {}; function save_sidebar () { localStorage.setItem ("sidebar_settings", JSON.stringify (sidebar_settings)); } function set_sidebar (id, folded) { if (document.getElementById (id).parentElement.id != "column-one") return; if (folded) sidebar_settings [id] = true; else delete sidebar_settings [id]; save_sidebar (); } var fold = "https://wiki.de.grepolis.com/images/7/7e/Einklappen.png"; var unfold = "https://wiki.de.grepolis.com/images/0/06/Ausklappen.png"; function sidebar_click (node) { var content = $ (node.parentElement.lastElementChild); if (content.css ("display") == "none") { content.css ("display", "block"); node.firstElementChild.alt = "[-]"; node.firstElementChild.src = fold; set_sidebar (node.parentElement.id, false); } else { content.css ("display", "none"); node.firstElementChild.alt = "[+]"; node.firstElementChild.src = unfold; set_sidebar (node.parentElement.id, true); } return false; } var sidebar_links = $ ("#column-one .generated-sidebar.portlet h5").slice (1).replaceWith (function () { if (! sidebar_settings [this.parentElement.id]) return $ ('<a href="#" style="text-align:center"><img src="' + fold + '" style="float:left" alt="[-]" /><h5>' + this.innerHTML + '</h5></a>').click (function () { return sidebar_click (this); }); $ (this.nextElementSibling).css ("display", "none"); return $ ('<a href="#" style="text-align:center"><img src="' + unfold + '" style="float:left" alt="[+]" /><h5>' + this.innerHTML + '</h5></a>').click (function () { return sidebar_click (this); }); }); console.log ("sidebar ready");