User:Kiokurashi/common.js: Difference between revisions

From IdleOn MMO Wiki
mNo edit summary
mNo edit summary
Line 1: Line 1:
$(document).ready(function(){
// $(document).ready(function(){
var element = document.createElement("p"); // "p" is the type of element that will be created
// 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.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"
// 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.getElementById('firstHeading').appendChild(element); // this adds the element to the page content
});
// });
 
var personalExtraList = document.getElementById('personal-extra');
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);
personalExtraList.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')
*/

Revision as of 18:42, 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
// });

var personalExtraList = document.getElementById('personal-extra');
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);
personalExtraList.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')
*/