Час добрый форумчане, я тут малость запутался, прошу помощи.
function MainClass (id) {
this.idClass = "panel_" + id;
this.interactivPanel = document.createElement('div');
this.interactivPanel.id = "" + this.idClass;
this.interactivPanel.style.background = "#666";
this.interactivPanel.style.cursor = "default";
this.interactivPanel.style.position = "absolute";
this.interactivPanel.style.width = "950px";
this.interactivPanel.style.height = "50px";
this.interactivPanel.style.left = "25px";
this.interactivPanel.style.zIndex = "10";
this.interactivPanel.style.overflow = "hidden";
this.interactivPanel.innerHTML = this.idClass;
this.interactivPanel.addEventListener("mouseover", this.onMouseOver, false);
this.interactivPanel.addEventListener("mouseout", this.onMouseOut, false);
this.viewerPanel = document.getElementById(id);
this.viewerPanel.align = "center";
this.viewerPanel.style.width = '1000px';
this.viewerPanel.style.height = '20px';
this.viewerPanel.style.position = 'relative';
this.viewerPanel.innerHTML = '';
this.viewerPanel.appendChild(this.interactivPanel);
this.onMouseOver = function ( ) {
document.getElementById("trace").innerHTML = "mouse over " + this.idClass; // undefened ???
}
this.onMouseOut = function ( ) {
document.getElementById("trace").innerHTML = "mouse out " + this.idClass; // undefened ???
}
}
Как я только уже не пробовал создавать эти объекты и "prototype" использовал, куда я только не лез.
Помогите создать внятный объект, буду признателен.