this HTMLDivElement

accessKey

align

attributes NamedNodeMap

0 class

1 tabindex

2 touch-action

3 data-lively-node-type

4 style

length 5

inherited from NamedNodeMap.prototype

baseURI https://lively-kernel.org/babels...

childElementCount 1

childNodes NodeList

0 HTMLDivElement

accessKey

align

attributes NamedNodeMap

baseURI https://lively-kernel.org/babels...

childElementCount 1

childNodes NodeList

children HTMLCollection

classList DOMTokenList

className Morph Box

clientHeight 604

clientLeft 1

clientTop 1

clientWidth 976

contentEditable inherit

dataset DOMStringMap

dir

draggable false

firstChild HTMLDivElement

firstElementChild HTMLDivElement

hidden false

id null

innerHTML <div data-lively-node-type="orig...

innerText

isContentEditable false

lang

lastChild HTMLDivElement

lastElementChild HTMLDivElement

localName div

namespaceURI http://www.w3.org/1999/xhtml

nextElementSibling null

nextSibling null

nodeName DIV

nodeType 1

nodeValue null

offsetHeight 606

offsetLeft 0

offsetParent HTMLDivElement

offsetTop 0

offsetWidth 978

onabort null

onautocomplete null

onautocompleteerror null

onbeforecopy null

onbeforecut null

onbeforepaste null

onblur null

oncancel null

oncanplay null

oncanplaythrough null

onchange null

onclick null

onclose null

oncontextmenu null

oncopy null

oncuechange null

oncut null

ondblclick null

ondrag null

ondragend null

ondragenter null

ondragleave null

ondragover null

ondragstart null

ondrop null

ondurationchange null

onemptied null

onended null

onerror null

onfocus null

oninput null

oninvalid null

onkeydown null

onkeypress null

onkeyup null

onload null

onloadeddata null

onloadedmetadata null

onloadstart null

onmousedown null

onmouseenter null

onmouseleave null

onmousemove null

onmouseout null

onmouseover null

onmouseup null

onmousewheel null

onpaste null

onpause null

onplay null

onplaying null

onprogress null

onratechange null

onreset null

onresize null

onscroll null

onsearch null

onseeked null

onseeking null

onselect null

onselectstart null

[... show more (137 total)]

length 1

inherited from NodeList.prototype

children HTMLCollection

classList DOMTokenList

className morphNode

clientHeight 0

clientLeft 0

clientTop 0

clientWidth 0

contentEditable inherit

dataset DOMStringMap

dir

inherited from String.prototype

draggable false

firstChild HTMLDivElement

accessKey

align

attributes NamedNodeMap

baseURI https://lively-kernel.org/babels...

childElementCount 1

childNodes NodeList

children HTMLCollection

classList DOMTokenList

className Morph Box

clientHeight 604

clientLeft 1

clientTop 1

clientWidth 976

contentEditable inherit

dataset DOMStringMap

dir

draggable false

firstChild HTMLDivElement

firstElementChild HTMLDivElement

hidden false

id null

innerHTML <div data-lively-node-type="orig...

innerText

isContentEditable false

lang

lastChild HTMLDivElement

lastElementChild HTMLDivElement

localName div

namespaceURI http://www.w3.org/1999/xhtml

nextElementSibling null

nextSibling null

nodeName DIV

nodeType 1

nodeValue null

offsetHeight 606

offsetLeft 0

offsetParent HTMLDivElement

offsetTop 0

offsetWidth 978

onabort null

onautocomplete null

onautocompleteerror null

onbeforecopy null

onbeforecut null

onbeforepaste null

onblur null

oncancel null

oncanplay null

oncanplaythrough null

onchange null

onclick null

onclose null

oncontextmenu null

oncopy null

oncuechange null

oncut null

ondblclick null

ondrag null

ondragend null

ondragenter null

ondragleave null

ondragover null

ondragstart null

ondrop null

ondurationchange null

onemptied null

onended null

onerror null

onfocus null

oninput null

oninvalid null

onkeydown null

onkeypress null

onkeyup null

onload null

onloadeddata null

onloadedmetadata null

onloadstart null

onmousedown null

onmouseenter null

onmouseleave null

onmousemove null

onmouseout null

onmouseover null

onmouseup null

onmousewheel null

onpaste null

onpause null

onplay null

onplaying null

onprogress null

onratechange null

onreset null

onresize null

onscroll null

onsearch null

onseeked null

onseeking null

onselect null

onselectstart null

[... show more (137 total)]

firstElementChild HTMLDivElement

hidden false

id

innerHTML <div id="null" class="Morph Box"...

innerText

isContentEditable false

lang

lastChild HTMLDivElement

lastElementChild HTMLDivElement

localName div

namespaceURI http://www.w3.org/1999/xhtml

nextElementSibling HTMLDivElement

nextSibling HTMLDivElement

nodeName DIV

nodeType 1

nodeValue null

offsetHeight 0

offsetLeft 61

offsetParent HTMLDivElement

offsetTop 518

offsetWidth 0

onabort null

onautocomplete null

onautocompleteerror null

onbeforecopy null

onbeforecut null

onbeforepaste null

onblur null

oncancel null

oncanplay null

oncanplaythrough null

onchange null

onclick null

onclose null

oncontextmenu null

oncopy null

oncuechange null

oncut null

ondblclick null

ondrag null

ondragend null

ondragenter null

ondragleave null

ondragover null

ondragstart null

ondrop null

ondurationchange null

onemptied null

onended null

onerror null

onfocus null

oninput null

oninvalid null

onkeydown null

onkeypress null

onkeyup null

onload null

onloadeddata null

onloadedmetadata null

onloadstart null

onmousedown null

onmouseenter null

onmouseleave null

onmousemove null

onmouseout null

onmouseover null

onmouseup null

onmousewheel null

onpaste null

onpause null

onplay null

onplaying null

onprogress null

onratechange null

onreset null

onresize null

onscroll null

onsearch null

onseeked null

onseeking null

onselect null

onselectstart null

onshow null

onstalled null

onsubmit null

onsuspend null

ontimeupdate null

ontoggle null

ontouchcancel null

ontouchend null

ontouchmove null

ontouchstart null

onvolumechange null

onwaiting null

onwebkitfullscreenchange null

onwebkitfullscreenerror null

onwheel null

outerHTML <div class="morphNode" tabindex=...

outerText

ownerDocument HTMLDocument

parentElement HTMLDivElement

parentNode HTMLDivElement

prefix null

previousElementSibling HTMLDivElement

previousSibling HTMLDivElement

scrollHeight 606

scrollLeft 0

scrollTop 0

scrollWidth 978

shadowRoot null

spellcheck false

style CSSStyleDeclaration

tabIndex -1

tagName DIV

textContent

title

translate true

webkitdropzone

withLayers [...]

inherited from HTMLDivElement.prototype
Filter:
this.dataset
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Bind 'this' to selection
Inspector on: HTMLDivElement
X

Menu
HTML.js:Morph (extension):-- all --:setExtentHTML (proto)
X

Menu
N
core/lively/morphic/
...
Clipboard.js (not parsed)
ColorChooserDraft.js (not parsed)
Complete.js (not parsed)
Connectors.js (not parsed)
Core.js (not parsed)
DiffMerge.js (not parsed)
EventExperiments.js (not parsed)
Events.js (not parsed)
Graphics.js (not parsed)
Grid.js (not parsed)
Halos.js (not parsed)
HTML.js
IPadWidgets.js (not parsed)
Color (extension)
Ellipse (extension)
External (extension)
Fill
Image (extension)
LinearGradientCSSTrait
Morph (extension)
morphic (extension)
OldList (extension)
Path (extension)
RadialGradientCSSTrait
Rectangle (extension)
RenderContext
Shape (extension)
-- all --
events
focus
HTML render settings
morph data
removing
rendering
udpating
htmlDispatchTable (proto)
initHTML (proto)
insertMorphNodeInHTML (proto)
isScrollTargetHTML (proto)
onRenderFinishedHTML (proto)
removeHTML (proto)
removeMorphDataHTML (proto)
removeMorphHTML (proto)
renderWithHTML (proto)
replaceRenderContextHTML (proto)
setClipModeHTML (proto)
setClipModeHTMLForNode (proto)
setExtentHTML (proto)
setFixedPositionHTML (proto)
1
2
3
4
    setExtentHTML: function(ctxvalue) {
        if (ctx.morphNode)
            ctx.domInterface.setExtent(ctx.morphNode, value);
    }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
>
<
Window
X

Menu
N
core/lively/morphic/
...
Clipboard.js (not parsed)
ColorChooserDraft.js (not parsed)
Complete.js (not parsed)
Connectors.js (not parsed)
Core.js (not parsed)
DiffMerge.js (not parsed)
EventExperiments.js (not parsed)
Events.js (not parsed)
Graphics.js (not parsed)
Grid.js (not parsed)
Halos.js (not parsed)
HTML.js
IPadWidgets.js (not parsed)
Color (extension)
Ellipse (extension)
External (extension)
Fill
Image (extension)
LinearGradientCSSTrait
Morph (extension)
morphic (extension)
OldList (extension)
Path (extension)
RadialGradientCSSTrait
Rectangle (extension)
RenderContext
Shape (extension)
-- all --
events
focus
HTML render settings
morph data
removing
rendering
udpating
htmlDispatchTable (proto)
initHTML (proto)
insertMorphNodeInHTML (proto)
isScrollTargetHTML (proto)
onRenderFinishedHTML (proto)
removeHTML (proto)
removeMorphDataHTML (proto)
removeMorphHTML (proto)
renderWithHTML (proto)
replaceRenderContextHTML (proto)
setClipModeHTML (proto)
setClipModeHTMLForNode (proto)
setExtentHTML (proto)
setFixedPositionHTML (proto)
1
2
3
4
    setExtentHTML: function(ctxvalue) {
        if (ctx.morphNode)
            ctx.domInterface.setExtent(ctx.morphNode, value);
    }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
>
<
HTML.js:Morph (extension):-- all --:setMorphDataHTML (proto)
X

Menu
N
core/lively/morphic/
...
Clipboard.js (not parsed)
ColorChooserDraft.js (not parsed)
Complete.js (not parsed)
Connectors.js (not parsed)
Core.js (not parsed)
DiffMerge.js (not parsed)
EventExperiments.js (not parsed)
Events.js (not parsed)
Graphics.js (not parsed)
Grid.js (not parsed)
Halos.js (not parsed)
HTML.js
IPadWidgets.js (not parsed)
Color (extension)
Ellipse (extension)
External (extension)
Fill
Image (extension)
LinearGradientCSSTrait
Morph (extension)
morphic (extension)
OldList (extension)
Path (extension)
RadialGradientCSSTrait
Rectangle (extension)
RenderContext
Shape (extension)
-- all --
events
focus
HTML render settings
morph data
removing
rendering
udpating
removeMorphDataHTML (proto)
removeMorphHTML (proto)
renderWithHTML (proto)
replaceRenderContextHTML (proto)
setClipModeHTML (proto)
setClipModeHTMLForNode (proto)
setExtentHTML (proto)
setFixedPositionHTML (proto)
setFocusableHTML (proto)
setHandStyleHTML (proto)
setMorphDataHTML (proto)
setPivotPointHTML (proto)
setPointerEventsHTML (proto)
setPositionHTML (proto)
1
2
3
4
5
    setMorphDataHTML: function(ctx) {
        lively.$(ctx.morphNode).data('morph', this);
        this.submorphs.forEach(function(ea) {
            ea.setMorphDataHTML(ea.renderContext()); });
    }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
>
<
depth: 1
reset
lively.$(this.renderContext().morphNode).data('morph')
his.renderContext().morphNode
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
show vars
JavaScript Workspace
X

Menu
depth: 1
reset
HTMLDivElement.addMethods(LayerableObjectTrait);
HTMLDivElement.prototype.lookupLayersIn = ["parentNode"];
cop.create("EventRegistrationLayer").refineClass(HTMLDivElement, {
    
    addEventListener: function(eventTypecallback) {
            cop.withoutLayers([EventRegistrationLayer], function(){
                var morph = lively.$(this).data('morph')
                console.log("" + morph + ".addEventListener " + eventType)
            }.bind(this))
            return cop.proceed.apply(this, arguments)       
    },
    removeEventListener: function(eventTypecallback) {
            cop.withoutLayers([EventRegistrationLayer], function(){
                var morph = lively.$(this).data('morph')
                console.log("" + morph + ".removeEventListener " + eventType )
            }.bind(this))
            return cop.proceed.apply(this, arguments)       
    },
       
}).beNotGlobal()
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
show vars
JavaScript Workspace
X

Menu