User:Kiokurashi/common.js: Difference between revisions
From IdleOn MMO Wiki
Kiokurashi (talk | contribs) mNo edit summary |
Kiokurashi (talk | contribs) 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')
*/