function inserirAtrib()
{
var parent = document.getElementById("caixa");
var div = document.createElement("div");
var divitop ;
atual = getStack();
//Valor Atributo
valor = getTipoAtrib();
tipoAtrib.push(valor);
//Torna Atrib Atual
setAtribAtual(tipoAtrib.length);
// Numero Total Atributo
setAtribNum(tipoAtrib.length);
//Numero total de Atributos Ja criados
setNumAtribCriados();
z= getNumAtribCriados();
div.id = "divMaster"+z;
div.className += "panel panel-default divMaster";
//atributos totais
t = getNumAtrib();
//atrib Atual
x = t-1;
//criar indice
tipoAtrib[x] = new Array(2);
tipoAtrib[x][0] = valor;
tipoAtrib[x][1] = z;
var escondedor ='mostraele';
if(getTipoAtrib() == "Selecione")
{
escondedor ='mostraeleSelecione';
}
divitop = '
'+
" "+
" "+
' '+
""+
' '+
' '+
'
';
// Cabecalho do contador
if(getNumAtrib() == 1)
{
div.innerHTML = divitop;
parent.appendChild(div);
if(getTipoAtrib() == "Texto")
{
addTexto(z);
}
else if(getTipoAtrib() == "Logo")
{
addLogo(z);
}
else if(getTipoAtrib() == "CamadaTexto")
{
addCamadaTexto(z);
}
else if(getTipoAtrib() == "CamadaImagem")
{
addCamadaImagem(z);
}
else if(getTipoAtrib() == "Selecione")
{
addSelecione(z);
}
}
else
{
div.innerHTML = divitop;
parent.appendChild(div);
if(getTipoAtrib() == "Texto")
{
addTexto(z);
}
else if(getTipoAtrib() == "Logo")
{
addLogo(z);
}
else if(getTipoAtrib() == "CamadaTexto")
{
addCamadaTexto(z);
}
else if(getTipoAtrib() == "CamadaImagem")
{
addCamadaImagem(z);
}
else if(getTipoAtrib() == "Selecione")
{
addSelecione(z);
}
}
//Valor da Caixa
criaDiv(z);
$( function() {$('#atributo'+z).draggable( 'enable' );} );
abrirmenu(z);
}
function inserirAtribEdit(idAtrib, tipodoAtrib)
{
var divitop;
var parent = document.getElementById("caixa");
var div = document.createElement("div");
atual = getStack();
//Valor Atributo
valor = tipodoAtrib;
tipoAtrib.push(valor);
//Torna Atrib Atual
setAtribAtual(tipoAtrib.length);
// Numero Total Atributo
setAtribNum(tipoAtrib.length);
//Numero total de Atributos Ja criados
setNumAtribCriados();
//atributos totais
z= getNumAtribCriados();
div.id = "divMaster"+z;
div.className += "panel panel-default divMaster";
t = getNumAtrib();
//atrib Atual
x = t-1;
//criar indice
tipoAtrib[x] = new Array(2);
tipoAtrib[x][0] = valor;
tipoAtrib[x][1] = z;
var escondedor ='mostraele';
if(tipodoAtrib == "Selecione")
{
escondedor ='mostraeleSelecione';
}
divitop = ''+
" "+
" "+
' '+
""+
' '+
' '+
'
';
// Cabecalho do contador
if(getNumAtrib() == 1)
{
div.innerHTML = divitop;
parent.appendChild(div);
if(tipodoAtrib == "Texto")
{
addTextoEdit(z, idAtrib);
}
else if(tipodoAtrib == "Logo")
{
addLogoEdit(z, idAtrib);
}
else if(tipodoAtrib == "CamadaTexto")
{
addCamadaTextoEdit(z, idAtrib);
}
else if(tipodoAtrib == "CamadaImagem")
{
addCamadaImagemEdit(z, idAtrib);
}
else if(tipodoAtrib == "Selecione")
{
addSelecioneEdit(z, idAtrib);
}
}
else
{
div.innerHTML = divitop;
parent.appendChild(div);
if(tipodoAtrib == "Texto")
{
addTextoEdit(z, idAtrib);
}
else if(tipodoAtrib == "Logo")
{
addLogoEdit(z, idAtrib);
}
else if(tipodoAtrib == "CamadaTexto")
{
addCamadaTextoEdit(z, idAtrib);
}
else if(tipodoAtrib == "CamadaImagem")
{
addCamadaImagemEdit(z, idAtrib);
}
else if(tipodoAtrib == "Selecione")
{
addSelecioneEdit(z, idAtrib);
}
}
//Valor da Caixa
criaDivEdita(z, tipodoAtrib, idAtrib);
$( function() {$('#atributo'+z).draggable( 'enable' );} );
}
// Cria Div com Elemento
function criaDiv(x)
{
altura = document.getElementById("alturaImagem").value;
largura = document.getElementById("larguraImagem").value;
var parent = document.getElementById("imagemAltera");
var div = document.createElement("div");
div.id = "atributo"+x;
div.style.color = textostyle[2];
div.style.fontSize= textostyle[1]+"px";
div.style.cssFloat= "left";
div.style.margin = "0 0 0 0;"
div.style.position = "absolute";
div.style.fontFamily = textostyle[0];
div.style.cursor = "move";
div.style.outlineStyle = "dotted";
div.style.outlineWidth = "0px";
div.onclick = function() { abrirmenu2(x);};
div.className = "classe";
div.className += "atributosProduto";
parent.appendChild(div);
div.style.top= "0px";
$( function() {$('#atributo'+x).draggable({
containment: parent
}) ;} );
if(getTipoAtrib() == "Texto")
{
div.innerHTML = "Texto de Exemplo";
div.style.lineHeight = "1";
}
else if(getTipoAtrib() == "Logo")
{
div.style.width = '374px';
div.style.height = '50px';
div.style.outlineWidth = "0px";
div.innerHTML = "
";
}
else if(getTipoAtrib() == "CamadaTexto")
{
div.innerHTML = "Texto de Exemplo";
div.style.lineHeight = "1";
}
else if(getTipoAtrib() == "CamadaImagem")
{
div.style.width = 'auto';
div.style.height = 'auto';
div.style.outlineWidth = "0px";
div.innerHTML = "";
}
else if(getTipoAtrib() == "Selecione")
{
div.innerHTML = "";
div.style.display='none'
div.style.lineHeight = "1";
}
}
function criaDivEdita(x, tipodoAtrib, idAtrib)
{
altura = document.getElementById("alturaImagem").value;
largura = document.getElementById("larguraImagem").value;
var parent = document.getElementById("imagemAltera");
var div = document.createElement("div");
div.id = "atributo"+x;
div.style.color = textostyle[2];
div.style.fontSize= textostyle[1]+"px";
div.style.cssFloat= "left";
div.style.margin = "0 0 0 0;"
div.style.position = "absolute";
div.style.fontFamily = textostyle[0];
div.style.outlineStyle = "dotted";
div.style.cursor = "move";
div.style.outlineWidth = "0px";
div.className = "classe atributosProduto";
div.onclick = function() { abrirmenu2(x);};
parent.appendChild(div);
div.style.top= "0px";
$( function() {$('#atributo'+x).draggable({
containment: parent
}) ;} );
if(tipodoAtrib == "Texto")
{
var texto2 = document.getElementById('atribsalv'+idAtrib).value;
var array2 = new Array();
array2 = texto2.split('!-!');
var texto = array2[2];
var textoant = array2[3];
var textopost = array2[4];
var nomefonte = array2[5];
var tamanhofonte = array2[6];
var posicaox = array2[9];
var posicaoy= array2[10];
var angulo= array2[11];
var cor= array2[12];
var estilolet = array2[13];
var ordem = array2[17];
var textofin = textoant+" "+texto+" "+textopost;
textofin = textofin.trim();
div.style.fontFamily = nomefonte;
div.style.color = cor;
div.style.fontSize= tamanhofonte+"px";
div.style.zIndex= ordem;
div.style.left = posicaox+"px";
div.style.top = posicaoy+"px";
div.style.transform = "rotate("+angulo+"deg)";
div.style.lineHeight = "1";
div.innerHTML = textofin;
}
else if(tipodoAtrib == "Logo")
{
var texto = document.getElementById('atribsalv'+idAtrib).value;
var array = new Array();
array = texto.split('!-!');
var tamanhox = array[3];
var tamanhoy= array[4];
var posicaox = array[5];
var posicaoy= array[6];
var angulo= array[7];
var ordem = array[9];
div.style.outlineWidth = "0px";
div.style.width=tamanhox+"px";
div.style.height=tamanhoy+"px";
div.style.left = posicaox+"px";
div.style.top = posicaoy+"px";
div.style.zIndex= ordem;
div.style.transform = "rotate("+angulo+"deg)";
div.innerHTML = "
";
}
else if(tipodoAtrib == "CamadaTexto")
{
var texto2 = document.getElementById('atribsalv'+idAtrib).value;
var array2 = new Array();
array2 = texto2.split('!-!');
var texto = array2[1];
var nomefonte = array2[2];
var tamanhofonte = array2[3];
var posicaox = array2[4];
var posicaoy= array2[5];
var angulo= array2[6];
var cor= array2[7];
var ordem = array2[8];
var textofin = texto;
textofin = textofin.trim();
div.style.fontFamily = nomefonte;
div.style.color = cor;
div.style.fontSize= tamanhofonte+"px";
div.style.zIndex= ordem;
div.style.left = posicaox+"px";
div.style.top = posicaoy+"px";
div.style.transform = "rotate("+angulo+"deg)";
div.style.lineHeight = "1";
div.innerHTML = textofin;
}
else if(tipodoAtrib == "CamadaImagem")
{
var texto = document.getElementById('atribsalv'+idAtrib).value;
var array = new Array();
array = texto.split('!-!');
var tamanhox = array[1];
var tamanhoy= array[2];
var posicaox = array[3];
var posicaoy= array[4];
var angulo= array[5];
var ordem = array[6];
var nomelocallogo = array[7];
div.style.outlineWidth = "0px";
div.style.width=tamanhox+"px";
div.style.height=tamanhoy+"px";
div.style.left = posicaox+"px";
div.style.top = posicaoy+"px";
div.style.zIndex= ordem;
div.style.transform = "rotate("+angulo+"deg)";
div.innerHTML = "";
}
else if(tipodoAtrib == "Selecione")
{
}
}
function removeDiv(x)
{
var parent = document.getElementById("imagemAltera");
var child = document.getElementById("atributo"+x);
parent.removeChild(child);
parent = document.getElementById("caixa");
child = document.getElementById("divMaster"+x);
parent.removeChild(child);
}
// NUMERO ATRIB ATUAL
function getAtribAtual()
{
return document.getElementById("atribatual").value;
}
// DELETAR ATRIBUTO
function deleteAtrib(value)
{
tipoAtrib.splice(value,1);
removeDiv(value);
}
function setAtribAtual(x)
{
document.getElementById("atribatual").value = x;
}
// TIPO DE ATRIBUTO INSERIDO
function getTipoAtrib()
{
return document.getElementById("tipoatrib").value;
}
//NUMERO TOTAL DE ATRIB
function getNumAtrib()
{
return document.getElementById("atribnumb").value;
}
//MUDAR NUMERO TOTAL DE ATRIB
function setAtribNum(x)
{
document.getElementById("atribnumb").value = x;
}
function setNumAtribCriados()
{
document.getElementById("atribcriados").value = parseInt(document.getElementById("atribcriados").value) + 1;
}
function getNumAtribCriados()
{
return document.getElementById("atribcriados").value;
}
function getStack()
{
return document.getElementById("stack").value;
}
function mostraele(x)
{
var elem = document.getElementById(x);
var visibilidade = elem.style.display;
var btn = document.getElementById('visib'+x);
if(visibilidade=='none')
{
elem.style.display = 'block';
btn.src = '/Code/Imagens/favicon/visible.png';
}
else
{
elem.style.display = 'none';
btn.src = '/Code/Imagens/favicon/notvisible.png';
}
}
function mostraeleSelecione(x)
{
var allBtns = document.getElementsByClassName("selecioneBtns"+x);
var allAtributos= document.getElementsByClassName("selecioneAtributos"+x);
var elem = document.getElementById(x);
var visibilidade = elem.style.display;
var btn = document.getElementById('visib'+x);
if(visibilidade=='none')
{
for (i = 0; i < allAtributos.length; i++) {
allAtributos[i].style.display = 'block';
}
for (i = 0; i < allBtns.length; i++) {
allBtns[i].src = '/Code/Imagens/favicon/visible.png';
}
elem.style.display = 'inherit';
btn.src = '/Code/Imagens/favicon/visible.png';
}
else
{
for (i = 0; i < allAtributos.length; i++) {
allAtributos[i].style.display = 'none';
}
for (i = 0; i < allBtns.length; i++) {
allBtns[i].src = '/Code/Imagens/favicon/notvisible.png';
}
elem.style.display = 'none';
btn.src = '/Code/Imagens/favicon/notvisible.png';
}
}