Ir para conteúdo

POWERED BY:

Arquivado

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

Zedd

Inserir conteúdo em tabela html dinamicamente com JavaScript

Por , em Javascript

Recommended Posts

Zedd    0

Zedd
Postado

Olá,sei que para muitos isso deve ser muito simples mas para mim está sendo uma tortura.É o seguinte:

 

Irá ter uma página onde o usuário vai digitar o nome e senha,ao clicar no botão "confirmar" irá atualizar numa tabela o nome e a senha do usuário.

 

Tentei de todas as formas,a minha última tentativa foi esta:

 

<html>

  <head>

     <script type="text/javascript">
       
      function processar(idTabela)
      {
                
        var newRow = document.createElement('tr');
        var row2 = document.getElementById('row2');
        var aqui = document.getElementById('idTabela').insertBefore(newRow,row2)
      
      } 
       
   </script>  

  </head>

   
  <body>

   <form name="formulario">  
      
      Nome:  <input type="text" name="user">
      Senha: <input type="password" name="senha">
  
      <input type="submit" value="Confirmar" onclick="processar('myTable')"> 

       <a href="telaInicial.html" name="voltar">Voltar</a>
      


   </form> 


<table border=1 width=250 height=250>
   <tbody id="myTable">
      <tr id="row1"><td></td><td></td></tr>
      <tr id="row2"><td></td><td></td></tr>
   </tbody>
</table>


</body>


</html>

 

 

Se alguém puder me ajudar a identificar onde estou errando ou o que deixei de usar ficarei grato.

Compartilhar este post

Link para o post
Compartilhar em outros sites

romerito    11

romerito
Postado

I aew cara beleza, tenta dar uma lida aqui:

http://www.w3schools.com/jsref/met_tablerow_insertcell.asp

 

tenta deixar o html assim:

<form name="formulario" method="post" onsubmit="return processar('myTable')">  
	Nome:  <input type="text" name="user">
	Senha: <input type="password" name="senha">
	<input type="submit" value="Confirmar"> 
	<a href="telaInicial.html" name="voltar">Voltar</a>
</form>
<table border='1' width='250' height='250'>
	<tbody id="myTable"></tbody>
</table>

e o JS assim:

var d = document;
function processar(idTabela)
{
	var newRow = d.createElement('tr');
	newRow.insertCell(0).innerHTML = d.getElementsByName('user')[0].value;
	newRow.insertCell(1).innerHTML = d.getElementsByName('senha')[0].value;
	d.getElementById(idTabela).appendChild(newRow);
	return false;
}

espero que ajude, abraço!

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