targetSelecter.js

// Modified in tools.js from selenium-IDE

function TargetSelecter(callback, cleanupCallback) {
    this.callback = callback;
    this.cleanupCallback = cleanupCallback;

    // This is for XPCOM/XUL addon and can't be used
    //var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"].getService(Components.interfaces.nsIWindowMediator);
    //this.win = wm.getMostRecentWindow('navigator:browser').getBrowser().contentWindow;
    
    // Instead, we simply assign global content window to this.win
    this.win = window;
    var doc = this.win.document;
    var div = doc.createElement("div");
    div.setAttribute("style", "display: none;");
    doc.body.insertBefore(div, doc.body.firstChild);
    this.div = div;
    this.e = null;
    this.r = null;
    doc.addEventListener("mousemove", this, true);
    doc.addEventListener("click", this, true);
}

TargetSelecter.prototype.cleanup = function () {
    try {
        if (this.div) {
            if (this.div.parentNode) {
                this.div.parentNode.removeChild(this.div);
            }
            this.div = null;
        }
        if (this.win) {
            var doc = this.win.document;
            doc.removeEventListener("mousemove", this, true);
            doc.removeEventListener("click", this, true);
        }
    } catch (e) {
        if (e != "TypeError: can't access dead object") {
            throw e;
        }
    }
    this.win = null;
    if (this.cleanupCallback) {
        this.cleanupCallback();
    }
};

TargetSelecter.prototype.handleEvent = function (evt) {
    switch (evt.type) {
        case "mousemove":
            this.highlight(evt.target.ownerDocument, evt.clientX, evt.clientY);
            break;
        case "click":
            if (evt.button == 0 && this.e && this.callback) {
                this.callback(this.e, this.win);
            } //Right click would cancel the select
            evt.preventDefault();
            evt.stopPropagation();
            this.cleanup();
            break;
    }
};

TargetSelecter.prototype.highlight = function (doc, x, y) {
    if (doc) {
        var e = doc.elementFromPoint(x, y);
        if (e && e != this.e) {
            this.highlightElement(e);
        }
    }
}

TargetSelecter.prototype.highlightElement = function (element) {
    if (element && element != this.e) {
        this.e = element;
    } else {
        return;
    }
    var r = element.getBoundingClientRect();
    var or = this.r;
    if (r.left >= 0 && r.top >= 0 && r.width > 0 && r.height > 0) {
        if (or && r.top == or.top && r.left == or.left && r.width == or.width && r.height == or.height) {
            return;
        }
        this.r = r;
        var style = "pointer-events: none; position: absolute; box-shadow: 0 0 0 1px black; outline: 1px dashed white; outline-offset: -1px; background-color: rgba(250,250,128,0.4); z-index: 100;";
        var pos = "top:" + (r.top + this.win.scrollY) + "px; left:" + (r.left + this.win.scrollX) + "px; width:" + r.width + "px; height:" + r.height + "px;";
        this.div.setAttribute("style", style + pos);
    } else if (or) {
        this.div.setAttribute("style", "display: none;");
    }
};