Object O Plan

by amindunited

HTML

<div id="paper"></div>

CSS

#paper{
width: 100%;
    height:100%;
}

JavaScript

//structure could be BaseObject->HTMLObject->text
//this creates the basic object
//console.log(document.getElementById('paper').__proto__.__proto__.__proto__.__proto__.__proto__);
//HTMLElement
//--cant get typeof -- console.log(typeof document.getElementById('paper').__proto.__proto__);
console.log(document.getElementById('paper').__proto__.__proto__);
//HTML_*_Element
console.log(typeof document.getElementById('paper').__proto__);
console.log(document.getElementById('paper').__proto__);
//Object
console.log(typeof document.getElementById('paper'));
console.log(document.getElementById('paper'));
//console.log(window);

(function (){
    var _BaseObject = function(){
        return this;
    }
    _BaseObject.prototype = window.element;
    //_BaseObject.constructor

})()

/*
var pDoc = document.getElementById('paper');
var shapes = [];
var paper = new Raphael(pDoc);
var shape = {remove:function(){}};
var mouse_down_x = 0;
var mouse_down_y = 0;
var dragging = false;

function startDrawing(e){
    shapes.push({remove:function(){}});
    dragging = true;
    mouse_down_x = e.pageX;
    mouse_down_y = e.pageY;
    removeEvent( pDoc, 'mousedown', startDrawing);
    addEvent( pDoc, 'mousemove', drawShape);
    addEvent( pDoc, 'mouseup', endDrawing);
}

function drawShape(e){
    shapes[shapes.length - 1].remove();
    shapes.pop();
    var _w = e.pageX - mouse_down_x;
    var _h = e.pageY - mouse_down_y;
    shapes.push(paper.rect(mouse_down_x, mouse_down_y, _w, _h));
}

function endDrawing(e){
    dragging = false;
    console.log(shapes);
    removeEvent(pDoc, 'mousemove', drawShape);
    removeEvent(pDoc, 'mouseup', endDrawing);
    addEvent( pDoc, 'mousedown', startDrawing);
}

addEvent( pDoc, 'mousedown', startDrawing);

function addEvent(obj, evt, fn){
    obj.addEventListener(evt, fn, false);
}
   
function removeEvent(obj, evt, fn){
    obj.removeEventListener(evt, fn, false);
}
*/