User:Kiokurashi/common.js: Difference between revisions

From IdleOn MMO Wiki
imported>Kiokurashi
No edit summary
mNo edit summary
 
(50 intermediate revisions by 2 users not shown)
Line 1: Line 1:
// $(document).ready(function(){
// var element = document.createElement("p"); // "p" is the type of element that will be created
// element.style = "color:blue"; // to modify attributes to the element that will be created, just type element.(attribute you want to modify) = "whatever value"
// element.contentText = "Text Here"; // this sets the innerHTML of the element that will be created to "Paragraph text"
// document.getElementById('firstHeading').appendChild(element); // this adds the element to the page content
// });
$(document).ready(function(){
var personalExtra = document.getElementById('personal-extra');
var pExtraUList = personalExtra.querySelector('ul');
var darkmodeElement = document.createElement('li');
var darkmodeLink = document.createElement('a');
var darkmodeIcon = document.createElement('img');
darkmodeLink.setAttribute('href', '#');
darkmodeLink.setAttribute('id', 'pt-darkmode-icon');
darkmodeLink.setAttribute('class', 'ext-darkmode-link');
darkmodeIcon.setAttribute('src','https://idleon.wiki/wiki/images/8/8d/Minuteglass.png');
darkmodeLink.appendChild(darkmodeIcon);
darkmodeElement.appendChild(darkmodeLink);
pExtraUList.appendChild(darkmodeElement);
});
/*
var a = document.createElement("a");
var ulist = document.getElementById("list1");
var newItem = document.createElement("li");


$(document).ready(function() {
a.textContent = "...ooo";
//assign custom sidebar collapsible classes
a.setAttribute('href', "http://www.msn.com");
    $("#site-navigation > .sidebar-inner > div > h3").addClass("sidebar-collapsible");
newItem.appendChild(a);
$("#site-navigation > .sidebar-inner > div > div.mw-portlet-body").addClass("sidebar-collapsible-content");
ulist.appendChild(newItem);
$("#site-navigation > .sidebar-inner").html("<div id=\"sidebar-collapsible-toggle\">Expand All</div>" + $("#site-navigation > .sidebar-inner").html())
//hide content except for the ones specified as expanded
var expandedContentTitles = ['Navigation', 'Featured', 'Episodes', 'Other Tales', 'Story Chapters', 'Symphonies - Collabs'];
$(".sidebar-collapsible-content").each(function() {
if (!expandedContentTitles.includes(this.previousSibling.textContent)) {
$(this.previousSibling).css("background-image", "url('https://upload.wikimedia.org/wikipedia/commons/b/bc/Vector_right_arrow_link.png')");
this.style.display = "none";
} else {
$(this.previousSibling).css("background-image", "url('https://upload.wikimedia.org/wikipedia/commons/2/27/Vector_down_arrow_link.png')");
}
});


// on section title click, show/hide contents and toggle between cute little right/down arrow
var el = document.createElement('img')
$(".sidebar-collapsible").click(function() {
el.setAttribute('src','images/s2.jpg')
if(this.nextSibling.style.display != "none") {
*/
this.nextSibling.style.display = "none";
$(this).css("background-image", "url('https://upload.wikimedia.org/wikipedia/commons/b/bc/Vector_right_arrow_link.png')");
} else {
this.nextSibling.style.display = "";
$(this).css("background-image", "url('https://upload.wikimedia.org/wikipedia/commons/2/27/Vector_down_arrow_link.png')");
}
});
   
    $("#sidebar-collapsible-toggle").click(function() {
if($("#sidebar-collapsible-toggle").text() == "Expand All") {
$(".sidebar-collapsible-content").css('display', '');
$("#sidebar-collapsible-toggle").text("Close All");
$(".sidebar-collapsible").css("background-image", "url('https://upload.wikimedia.org/wikipedia/commons/2/27/Vector_down_arrow_link.png')");
} else {
$(".sidebar-collapsible-content").css('display', 'none');
$("#sidebar-collapsible-toggle").text("Expand All");
$(".sidebar-collapsible").css("background-image", "url('https://upload.wikimedia.org/wikipedia/commons/b/bc/Vector_right_arrow_link.png')");
}
});
});

Latest revision as of 19:25, 11 June 2023

// $(document).ready(function(){
// 	var element = document.createElement("p"); // "p" is the type of element that will be created
// 	element.style = "color:blue"; // to modify attributes to the element that will be created, just type element.(attribute you want to modify) = "whatever value"
// 	element.contentText = "Text Here"; // this sets the innerHTML of the element that will be created to "Paragraph text"
// 	document.getElementById('firstHeading').appendChild(element); // this adds the element to the page content
// });
$(document).ready(function(){
	var personalExtra = document.getElementById('personal-extra');
	var pExtraUList = personalExtra.querySelector('ul');
	var darkmodeElement = document.createElement('li');
	var darkmodeLink = document.createElement('a');
	var darkmodeIcon = document.createElement('img');
	darkmodeLink.setAttribute('href', '#');
	darkmodeLink.setAttribute('id', 'pt-darkmode-icon');
	darkmodeLink.setAttribute('class', 'ext-darkmode-link');
	darkmodeIcon.setAttribute('src','https://idleon.wiki/wiki/images/8/8d/Minuteglass.png');
	
	darkmodeLink.appendChild(darkmodeIcon);
	darkmodeElement.appendChild(darkmodeLink);
	pExtraUList.appendChild(darkmodeElement);
});
/*
var a = document.createElement("a");
var ulist = document.getElementById("list1");
var newItem = document.createElement("li");

a.textContent = "...ooo";
a.setAttribute('href', "http://www.msn.com");
newItem.appendChild(a);
ulist.appendChild(newItem);

var el = document.createElement('img')
el.setAttribute('src','images/s2.jpg')
*/