OOP JavaScript - Criar objeto Div personalizado
Eu estou apenas começando com OOP em JavaScript. Eu quero criar um "painel" personalizado. Aqui está o que eu tenho até agora:
function ShinyPanel(css, attributes)
{
this.container = $(document.createElement("div")).addClass("shinyPanel");
this.titleBar = $(document.createElement("div")).addClass("shinyPanelTitleBar").appendTo(this.container);
this.topShine = $(document.createElement("div")).addClass("shinyPanelTopShine").appendTo(this.container);
this.leftShine = $(document.createElement("div")).addClass("shinyPanelLeftShine").appendTo(this.container);
this.content = $(document.createElement("div")).addClass("shinyPanelContent").appendTo(this.container);
if (!css) css = {};
if (!attributes) attributes = {};
this.css = css;
$(this.container).css(this.css);
this.title = attributes["title"];
$(this.titleBar).html(this.title);
}
Agora eu posso instanciar este objeto e anexá-lo ao corpo através de algo como isto:
var panel = new ShinyPanel({position:"absolute", top:"25%", width:"300px", height:"200px"}, {title:"Test"});
$("body").append(panel.container);
Minha pergunta é, existe uma maneira de eu fazer o objeto em si um div, eliminando assim a necessidade de um div "contêiner"? Então eu poderia apenas ligar$("body").append(panel);
.
Não é que seja muito difícil para mim ter o container div lá, é mais só para mim ... querer aprender o jeito certo de fazer as coisas.
eu tenteithis = document.createElement("div");
, mas recebi um erro:invalid assignment left-hand side
.