Ir para conteúdo

POWERED BY:

Arquivado

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

leonardopch

Criando DIV

Por , em Javascript

Recommended Posts

leonardopch    0

leonardopch
Postado

Pessoal é o seguinte, tenho uma tabela com 4 colunas....e estou tentando criar uma linha dessa tabela dinamicamente (tr) com javascript...o unico problema é que ela cria fora da tabela...eu gostaria de criar essa div dentro da tabela.

segue o codigo:

 

<html>
<head>
<title>Teste</title>
<script>
function addEvent() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById("theValue").value -1)+ 2;
  numi.value = num;
  var divIdName = "my"+num+"Div";
  var newdiv = document.createElement('div');
  newdiv.setAttribute("id",divIdName);
  newdiv.innerHTML= "<tr>";
  newdiv.innerHTML+= "<td width='105'><a href=\"java script:;\" onclick=\"removeElement(\'"+divIdName+"\')\">X</a></td>";
  newdiv.innerHTML+= "<td width='315'><input name=descricao" + num + " type=text/></td>";
  newdiv.innerHTML+= "<td width='40'><input name=qnt" + num + " size=2 type=text/></td>";
  newdiv.innerHTML+= "<td width='90'><input name=valor size=12 type=text/></td>";
  newdiv.innerHTML+= "</tr>";

  ni.appendChild(newdiv);
}

function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
</script>
</head>
<body>
	<input type="hidden" value="0" id="theValue" />
<table width="550" border="1" cellspacing="0" cellpadding="1">
<tr>
	<td width="105"> </td>
	<td width="315" bgcolor="#F2F2F2"><div align="left">Descrição</div></td>
	<td width="40" bgcolor="#F2F2F2"><div align="center">Qntde</div></td>
	<td width="90" bgcolor="#F2F2F2"><div align="center">Valor</div></td>
</tr>
<tr>
	<td width="105"><a href="java script:;" onclick="addEvent();">+</a></td>
	<td width="315">
	  <input name="descricao" type="text" class="FormInteiro" id="descricao" maxlength="90" />
	</td>
	<td width="40">
	  <input name="qnt" type="text" class="FormQtd" id="qnt" size="2" maxlength="3" />
	</td>
	<td width="90">
	  <input name="valor" type="text" class="FormQtd" id="valor" size="12" maxlength="15" />
	</td>
</tr>
   <div id="myDiv"></div>  
</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

andreia_sp    1

andreia_sp
Postado

Mas você está querendo criar uma TR na tabela existente ou uma DIV? Ou uma DIV dentro de uma nova TR na tabela existente?

 

Coloque uma ID na tabela para que você possa referenciar o objeto que receberá um novo elemento (no caso uma TR, TD, DIV,...)

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