Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	element.js v0.1
ID	5514447772762112
Created	3 years ago, 1638334926634
Updated	3 years ago, 1638405739743
Code	/ VERSION 0.1 / var element = (function(){ let elementWrapper = function(el){ //the actuall html element this.element = el; this.event = (evt, clbk) => this.element.addEventListener(evt, clbk); // simple add/remove class methods this.addClass = (c) => this.element.classList.add(c); this.delClass = (c) => this.element.classList.remove(c); //check for class this.hasClass = (c) => this.element.classList.contains(c); // function for swapping a class with another this.swapClass = (a, b) => { this.addClass(b); this.delClass(a); }; // more methods this.value = (v) => { if(v) this.element.value = v; else return this.element.value; }; this.select = () => this.element.select(); this.setSelectionRange = (start, end) => this.element.setSelectionRange(start, end); // get/set html this.html = (html) => { if(html) this.element.innerHTML = html else return this.element.innerHTML }; // get/set plain-text this.text = (text) => { if(text) this.element.innerText = text else return this.element.innerText; }; // add/remove child this.addChild = (c) => this.element.appendChild(c.element); this.delChild = (c) => this.element.removeChild(c.element); // get children this.getChildren = () => { let children = []; let els = this.element.children; for(var i = 0; i < els.length; i++){ children.push(new elementWrapper(els[i])); } return children; } // set attribute this.attr = (attr, value) => this.element.setAttribute(attr, value); // we need access to the style :b this.style = this.element.style; }; / Constants / const head = new elementWrapper(document.querySelectorAll('head')[0]); const body = new elementWrapper(document.body); / Methods / let get = (selector) => new elementWrapper(document.querySelector(selector)); let gets = (selector) => { let els = document.querySelectorAll(selector) let nodes = []; for(var i = 0; i < els.length; i++){ nodes.push(new elementWrapper(els[i])) } return nodes; }; let create = (selector) => new elementWrapper(document.createElement(selector)); // based off of Mattias' code function getJSON(url, clbk){ element.__apiCallback__ = clbk; //probabaly a terrible way to make a global variable but hey it works ¯\_(ツ)_/¯ // create a new script element var s = create('script'); if(!url.includes('?')) url += "?callback=element.__apiCallback__&_=" + Date.now() else url += "&callback=element.__apiCallback__&_=" + Date.now() // set its source attribute to an API url s.attr("src", url); // append to body element body.addChild(s) } //copy to clipboard function copy(text){ //create an element let el = create('textarea'); //set its value to what we want to copy el.value(text); //append it to the body body.addChild(el); //select it's text el.select(); el.setSelectionRange(0, 9999999)//for mobile devices. //copy the text document.execCommand('copy'); //remove the element body.delChild(el); } / return the object / return { kApi: 'https://www.khanacademy.org/api/internal', elementWrapper : elementWrapper, get : get, gets : gets, create : create, BODY : body, HEAD : head, getJSON : getJSON, copy : copy, version : 'v0.1', }; })();
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIPlxuvlCQw
Votes	1
Spin-Offs	0
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	true
Restricted Posting	true
By Child	false
Author Nick	WalkWorthy
Author Name	PowerCoder
Author ID	kaid_572162445297461577426497
Author Profile Access	COACH

Archive Data

Added	7 months ago, 1717007825706
Updated	7 months ago, 1717007825706
Source Deleted	unknown