Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

alexandre_prog

criar colunas, linhas e inputs em tempo de execussão

Por , em Javascript

Recommended Posts

alexandre_prog    0

alexandre_prog
Postado

Pessoal, gostria de saber se tem como eu criar um nova coluna com linhas em uma tabela, e colocar Inputs em tempo de execussão, por exemplo, quando clicar em um Botão ou um Link!!

 

 

Como fazer??

 

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

alexandre_prog    0

alexandre_prog
Postado

Pessoal consegui fazer isso que estava querendo, mas agora é o seguinte:

 

Vou passar o código pra VOCÊS::

 

 

<html>

<head>

</head>

<script type="text/javascript">

function createtable(){

var alvo = document.getElementById('table');

var table = document.createElement("TABLE");

var linha = document.createElement("TR");

var campo = document.createElement("TD");

var campo2 = document.createElement("TD");

var campo3 = document.createElement("TD");

var text1 = document.createElement('INPUT');

var text2 = document.createElement('INPUT');

var botao = document.createElement('INPUT');

 

text1.setAttribute('type','text');

text1.setAttribute('name','label[]');

text1.setAttribute('id','label[]');

text1.setAttribute('maxlength','10');

text1.setAttribute('size','10');

 

text2.setAttribute('type','text');

text2.setAttribute('name','valor[]');

text2.setAttribute('id','valor[]');

text2.setAttribute('maxlength','10');

text2.setAttribute('size','5');

 

botao.setAttribute('type','button');

botao.setAttribute('name','del');

botao.setAttribute('id','del');

botao.value="Excluir Essa Linha!";

botao.setAttribute('onclick','deltable()');

 

var tbody = document.createElement("TBODY");

campo.innerHTML = "Campo da tabela ";

campo2.innerHTML = "Campo da tabela ";

linha.appendChild(campo);

campo.appendChild(text1);

linha.appendChild(campo2);

campo2.appendChild(text2);

linha.appendChild(campo3);

campo3.appendChild(botao);

tbody.appendChild(linha);

table.appendChild(tbody);

alvo.appendChild(table);

}

 

function deltable(){

alert("Como Fazer Pra EXCLUIR ISSO??");

}

</script>

<body>

<form>

<input type="button" onclick="createtable()" value="Criar"></input>

</form>

<div id="table">Tabela:<br /></div>

</body>

</html>

 

 

Primeiro problema: Porque no Internet Explorer 7 ele não consegue chamar a função do BUTTON que criei??? No FireFox chama tranquilo a função!!

 

Segundo problema: Como excluir essa linha que o Botão que foi criado está??

 

 

Muito Obrigado!!

 

Me ajudem, isso está atrasando muito meu trabalho por aqui!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito