forked from jeresig/env-js
-
Notifications
You must be signed in to change notification settings - Fork 75
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
"element.js" seems to have evaporated during recent merges, replacing.
- Loading branch information
Showing
4 changed files
with
292 additions
and
22 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,256 @@ | ||
| $debug("Defining HTMLElement"); | ||
| /* | ||
| * HTMLElement - DOM Level 2 | ||
| */ | ||
| var HTMLElement = function(ownerDocument) { | ||
| this.DOMElement = DOMElement; | ||
| this.DOMElement(ownerDocument); | ||
|
|
||
| this.$css2props = null; | ||
| }; | ||
| HTMLElement.prototype = new DOMElement; | ||
| __extend__(HTMLElement.prototype, { | ||
| get className() { | ||
| return this.getAttribute("class")||""; | ||
|
|
||
| }, | ||
| set className(val) { | ||
| return this.setAttribute("class",trim(val)); | ||
|
|
||
| }, | ||
| get dir() { | ||
| return this.getAttribute("dir")||"ltr"; | ||
|
|
||
| }, | ||
| set dir(val) { | ||
| return this.setAttribute("dir",val); | ||
|
|
||
| }, | ||
| get id(){ | ||
| return this.getAttribute('id')||''; | ||
|
|
||
| }, | ||
| set id(id){ | ||
| this.setAttribute('id', id); | ||
|
|
||
| }, | ||
| get innerHTML(){ | ||
| return this.childNodes.xml; | ||
|
|
||
| }, | ||
| set innerHTML(html){ | ||
| //$debug("htmlElement.innerHTML("+html+")"); | ||
| //Should be replaced with HTMLPARSER usage | ||
| var doc = new DOMParser(). | ||
| parseFromString('<div>'+html+'</div>'); | ||
| var parent = doc.documentElement; | ||
| while(this.firstChild != null){ | ||
| this.removeChild( this.firstChild ); | ||
| } | ||
| var importedNode; | ||
| while(parent.firstChild != null){ | ||
| importedNode = this.importNode( | ||
| parent.removeChild( parent.firstChild ), true); | ||
| this.appendChild( importedNode ); | ||
| } | ||
| //Mark for garbage collection | ||
| doc = null; | ||
| }, | ||
| get lang() { | ||
| return this.getAttribute("lang")||""; | ||
|
|
||
| }, | ||
| set lang(val) { | ||
| return this.setAttribute("lang",val); | ||
|
|
||
| }, | ||
| get offsetHeight(){ | ||
| return Number(this.style["height"].replace("px","")); | ||
| }, | ||
| get offsetWidth(){ | ||
| return Number(this.style["width"].replace("px","")); | ||
| }, | ||
| offsetLeft: 0, | ||
| offsetRight: 0, | ||
| get offsetParent(){ | ||
| /* TODO */ | ||
| return; | ||
| }, | ||
| set offsetParent(element){ | ||
| /* TODO */ | ||
| return; | ||
| }, | ||
| scrollHeight: 0, | ||
| scrollWidth: 0, | ||
| scrollLeft: 0, | ||
| scrollRight: 0, | ||
| get style(){ | ||
| if(this.$css2props === null){ | ||
| this.updateCss2Props(); | ||
| } | ||
| return this.$css2props | ||
| }, | ||
| updateCss2Props: function() { | ||
| this.$css2props = new CSS2Properties({ | ||
| onSet: (function(that) { | ||
| return function() { that.__setAttribute("style", this.cssText); } | ||
| })(this), | ||
| cssText:this.getAttribute("style") | ||
| }); | ||
| }, | ||
| __setAttribute: HTMLElement.prototype.setAttribute, | ||
| setAttribute: function (name, value) { | ||
| this.__setAttribute(name, value); | ||
| if (name === "style") { | ||
| this.updateCss2Props(); | ||
| } | ||
| }, | ||
| get title() { | ||
| return this.getAttribute("title")||""; | ||
|
|
||
| }, | ||
| set title(val) { | ||
| return this.setAttribute("title",val); | ||
|
|
||
| }, | ||
| //Not in the specs but I'll leave it here for now. | ||
| get outerHTML(){ | ||
| return this.xml; | ||
|
|
||
| }, | ||
| scrollIntoView: function(){ | ||
| /*TODO*/ | ||
| return; | ||
|
|
||
| }, | ||
|
|
||
| onclick: function(event){ | ||
| __eval__(this.getAttribute('onclick')||'', this) | ||
| }, | ||
| // non-ECMA function, but no other way for click events to enter env.js | ||
| __click__: function(element){ | ||
| var event = new Event({ | ||
| target:element, | ||
| currentTarget:element | ||
| }); | ||
| event.initEvent("click"); | ||
| element.dispatchEvent(event); | ||
| }, | ||
|
|
||
| ondblclick: function(event){ | ||
| __eval__(this.getAttribute('ondblclick')||'', this); | ||
| }, | ||
| onkeydown: function(event){ | ||
| __eval__(this.getAttribute('onkeydown')||'', this); | ||
| }, | ||
| onkeypress: function(event){ | ||
| __eval__(this.getAttribute('onkeypress')||'', this); | ||
| }, | ||
| onkeyup: function(event){ | ||
| __eval__(this.getAttribute('onkeyup')||'', this); | ||
| }, | ||
| onmousedown: function(event){ | ||
| __eval__(this.getAttribute('onmousedown')||'', this); | ||
| }, | ||
| onmousemove: function(event){ | ||
| __eval__(this.getAttribute('onmousemove')||'', this); | ||
| }, | ||
| onmouseout: function(event){ | ||
| __eval__(this.getAttribute('onmouseout')||'', this); | ||
| }, | ||
| onmouseover: function(event){ | ||
| __eval__(this.getAttribute('onmouseover')||'', this); | ||
| }, | ||
| onmouseup: function(event){ | ||
| __eval__(this.getAttribute('onmouseup')||'', this); | ||
| } | ||
| }); | ||
|
|
||
| var __eval__ = function(script, startingNode){ | ||
| if (script == "") | ||
| return; // don't assemble environment if no script... | ||
|
|
||
| try{ | ||
| var doEval = function(scriptText){ | ||
| eval(scriptText); | ||
| } | ||
|
|
||
| var listOfScopes = []; | ||
| for (var node = startingNode; node != null; node = node.parentNode) | ||
| listOfScopes.push(node); | ||
| listOfScopes.push(window); | ||
|
|
||
|
|
||
| var oldScopesArray = configureFunctionObjectsScopeChain( | ||
| doEval, // the function whose scope chain to change | ||
| listOfScopes); // last array element is "head" of new chain | ||
| doEval.call(startingNode, script); | ||
| restoreScopeOfSetOfObjects(oldScopesArray); | ||
| // oldScopesArray is N-element array of two-element | ||
| // arrays. First element is JS object whose scope | ||
| // was modified, second is original value to restore. | ||
| }catch(e){ | ||
| $error(e); | ||
| } | ||
| }; | ||
|
|
||
| var __registerEventAttrs__ = function(elm){ | ||
| if(elm.hasAttribute('onclick')){ | ||
| elm.addEventListener('click', elm.onclick ); | ||
| } | ||
| if(elm.hasAttribute('ondblclick')){ | ||
| elm.addEventListener('dblclick', elm.onclick ); | ||
| } | ||
| if(elm.hasAttribute('onkeydown')){ | ||
| elm.addEventListener('keydown', elm.onclick ); | ||
| } | ||
| if(elm.hasAttribute('onkeypress')){ | ||
| elm.addEventListener('keypress', elm.onclick ); | ||
| } | ||
| if(elm.hasAttribute('onkeyup')){ | ||
| elm.addEventListener('keyup', elm.onclick ); | ||
| } | ||
| if(elm.hasAttribute('onmousedown')){ | ||
| elm.addEventListener('mousedown', elm.onclick ); | ||
| } | ||
| if(elm.hasAttribute('onmousemove')){ | ||
| elm.addEventListener('mousemove', elm.onclick ); | ||
| } | ||
| if(elm.hasAttribute('onmouseout')){ | ||
| elm.addEventListener('mouseout', elm.onclick ); | ||
| } | ||
| if(elm.hasAttribute('onmouseover')){ | ||
| elm.addEventListener('mouseover', elm.onclick ); | ||
| } | ||
| if(elm.hasAttribute('onmouseup')){ | ||
| elm.addEventListener('mouseup', elm.onclick ); | ||
| } | ||
| return elm; | ||
| }; | ||
|
|
||
| var __submit__ = function(element){ | ||
| var event = new Event({ | ||
| target:element, | ||
| currentTarget:element | ||
| }); | ||
| event.initEvent("submit"); | ||
| element.dispatchEvent(event); | ||
| }; | ||
| var __focus__ = function(element){ | ||
| var event = new Event({ | ||
| target:element, | ||
| currentTarget:element | ||
| }); | ||
| event.initEvent("focus"); | ||
| element.dispatchEvent(event); | ||
| }; | ||
| var __blur__ = function(element){ | ||
| var event = new Event({ | ||
| target:element, | ||
| currentTarget:element | ||
| }); | ||
| event.initEvent("blur"); | ||
| element.dispatchEvent(event); | ||
| }; | ||
|
|
||
| $w.HTMLElement = HTMLElement; |