Add nova linha em tabela

[Andre Summers 0]

Saudações, amigos do Imasters.

 

Tenho uma tabela...

 

<table>
<tr>
<td bgcolor="#FFFFFF" class="bordadocumento_baixo_direita_esquerda" align="center"><textarea name="local" cols="25" rows="5" class="campos" id="local"></textarea></td>
<td bgcolor="#FFFFFF" class="bordadocumento_baixo" align="center">
<br><img src="images/noimage.jpg"><br><input name="foto" type="file" class="campos" id="foto" />
<br><br>
</td>
<td bgcolor="#FFFFFF" class="bordadocumento_baixo_direita_esquerda" align="center"><textarea name="problemasobservados" cols="25" rows="5" class="campos" id="problemasobservados"></textarea></td>
<td><img src="images/exclui.jpg"></td>
</tr>
</table>

Eu gostaria de criar um botão que, quando clicado, gerasse uma nova linha na tabela igual a essa linha que já existe.

Tb gostaria de um botão que excluisse a linha se desejado.

 

Podem me ajudar?

 

:unsure:

[msantino 0]

não tenho certeza mas acho que da pra fazer isso com ajax... não conheço nem nunk tentei fazer isso só com PHP

 

Saudações, amigos do Imasters.

 

Tenho uma tabela...

 

<table>
<tr>
<td bgcolor="#FFFFFF" class="bordadocumento_baixo_direita_esquerda" align="center"><textarea name="local" cols="25" rows="5" class="campos" id="local"></textarea></td>
<td bgcolor="#FFFFFF" class="bordadocumento_baixo" align="center">
<br><img src="images/noimage.jpg"><br><input name="foto" type="file" class="campos" id="foto" />
<br><br>
</td>
<td bgcolor="#FFFFFF" class="bordadocumento_baixo_direita_esquerda" align="center"><textarea name="problemasobservados" cols="25" rows="5" class="campos" id="problemasobservados"></textarea></td>
<td><img src="images/exclui.jpg"></td>
</tr>
</table>

Eu gostaria de criar um botão que, quando clicado, gerasse uma nova linha na tabela igual a essa linha que já existe.

Tb gostaria de um botão que excluisse a linha se desejado.

 

Podem me ajudar?

 

:unsure:

[LaBoss 0]

uma pesquisadela no google

 

ve se ajuda

 

codigo para adicionar elemento

 

function addElement() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = 'my'+num+'Div';
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = 'Element Number '+num+' has been added! <a href=\'#\' onclick=\'removeElement('+divIdName+')\'>Remove the div "'+divIdName+'"</a>';
  ni.appendChild(newdiv);
}

Remover elemento

 

function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}

Codigo de exemplo

 

<input type="hidden" value="0" id="theValue" />
<p><a href="java script:;" onclick="addElement();">Add Some Elements</a></p>
<div id="myDiv"> </div>

[Andre Summers 0]

Não entendi muito bem...

[Andre Summers 0]

Eu preciso que duplique exatamente a mesma linha que coloquei no inicio do tópico só que não to conseguindo.

 

Podem ajudar?

[Leo Ribeiro 0]

Eu preciso que duplique exatamente a mesma linha que coloquei no inicio do tópico só que não to conseguindo.

 

Podem ajudar?

espero que ajude...

 

abraços

 

// Add campos
num = 0;
emp = 2;
function addExperienciaProfissi() {
	var filelocal = document.getElementById('morefilesExperienciaProfissi');
	var fileID = "file"+num+"input";
	var ID = "Empresa "+emp+" ";
	var fileDIV = document.createElement('div');
	fileDIV.setAttribute("id", fileID);
	fileDIV.innerHTML = "<div class=\"subtituloImterno\">» "+ID+" </div><div style=\"margin: 0px auto; width: 314px;\"><div><div style=\"margin-top: 10px;\"><span style=\"margin-right: 158px;\">Empresa:</span><span style=\"margin-right: 3px;\">DDD:</span><span>Telefone:</span></div><input type=\"text\" name=\""+fileID+"\" class=\"padraoFontForm\" id=\"campoForm\" onfocus=\"this.style.backgroundColor='#CCFF66'\" onblur=\"this.style.backgroundColor='#ffffff'\" /> <input type=\"text\" name=\""+fileID+"\" class=\"padraoFontForm\" id=\"campoDDD\" onfocus=\"this.style.backgroundColor='#CCFF66'\" onblur=\"this.style.backgroundColor='#ffffff'\" onkeypress=\"formatar(this, '##')\"		onkeyup=\"return autoTab(this, 2, event);\" maxlength=\"2\"/> <input type=\"text\" name=\""+fileID+"\" class=\"padraoFontForm\" id=\"campoTel\" onfocus=\"this.style.backgroundColor='#CCFF66'\" onblur=\"this.style.backgroundColor='#ffffff'\" onkeypress=\"formatar(this, '####.####')\" onkeyup=\"return autoTab(this, 9, event);\" maxlength=\"9\"/></div><div><div style=\"margin-top: 10px;\"><span style=\"margin-right: 78px;\">Função Inicial:</span><span>Última Função:</span></div><input type=\"text\" name=\""+fileID+"\" class=\"padraoFontForm\" id=\"campoFuncao\" onfocus=\"this.style.backgroundColor='#CCFF66'\" onblur=\"this.style.backgroundColor='#ffffff'\" /> <input type=\"text\" name=\""+fileID+"\" class=\"padraoFontForm\" id=\"campoFuncao\" onfocus=\"this.style.backgroundColor='#CCFF66'\" onblur=\"this.style.backgroundColor='#ffffff'\" /></div><div><div style=\"margin-top: 10px;\"><span style=\"margin-right: 21px;\">Admissão:</span><span style=\"margin-right: 44px;\">Saida:</span><span>Remuneração:</span></div><input type=\"text\" name=\""+fileID+"\" value=\"\" class=\"padraoFontForm\" id=\"campoAdmissao\" onfocus=\"this.style.backgroundColor='#CCFF66'\" onblur=\"this.style.backgroundColor='#ffffff'\" onkeypress=\"formatar(this, '##/##/####')\" onkeyup=\"return autoTab(this, 10, event);\" maxlength=\"10\"/> <input type=\"text\" name=\""+fileID+"\" value=\"\" class=\"padraoFontForm\" id=\"campoAdmissao\" onfocus=\"this.style.backgroundColor='#CCFF66'\" onblur=\"this.style.backgroundColor='#ffffff'\" onkeypress=\"formatar(this, '##/##/####')\" onkeyup=\"return autoTab(this, 10, event);\" maxlength=\"10\"/> <input type=\"text\" name=\"remuneracao\""+fileID+"\" class=\"padraoFontForm\" id=\"campoRemuneracao\" onFocus=\"this.style.backgroundColor='#CCFF66'\" onBlur=\"this.style.backgroundColor='#ffffff'\" onKeyPress=\"formatar(this, '###,##')\" onkeyup=\"return autotab(this, 9, event);\" maxlength=\"9\"/><p id=\"removeExperiencia\"><a href='java script:rmvExperienciaProfissi(\""+fileID+"\")'><img src='midia/img/btoRMV.jpg' border='0'></a></p></div></div></div>";
filelocal.appendChild(fileDIV);
	num++;
	emp++;
}

// Remove Campos
function rmvExperienciaProfissi(divNum){
	var d = document.getElementById('morefilesExperienciaProfissi');
	var olddiv = document.getElementById(divNum);
	d.removeChild(olddiv);
	num--;
	emp--;
}