Transferir dados de uma tabela

ola, sou novo aqui e novo na area de programação tambem, estou com dificuldade de transferir valores de um

é o seguinte, tenho um produto exemplo "cimento" esse produto esta no catalogo, nele tem 2 inputs assim.

//esse e o nome do produto ou seja cimento com valor cimento

<input type="text" value="cimento" disabled name="produto" id="produto">

//esse e a quantidade

<input type="number" value="" name="quantidade" id="quantidade">

<input type="button" value="adicionar" id="add" name="add" onclick="adiciona">

	e eu tenho uma tabela

	 

<table id='tabela' border='10' width='100%'>
            <tr style='background-color:#CC0000'>

// onde vai entrar o valor do produto
                <td>Produto</td>

//onde entra o valor da quantidade
                <td>Quantidade</td>

// botao excluri

                <td>Excluir</td>
            </tr>
        </table>
        <br/>

	---------------------

	ate ai tudo bem , eu tenho uma function para adicionar o produto e quantidade a tabela

	 

<script LANGUAGE="JavaScript">
 geral = 0;
 function adiciona() {
 geral++
 tabelinha = document.getElementById("tabela")
 var data1 = document.getElementById("produto");
 var despesa1 = document.getElementById("quantidade");

 var novaLinha = tabelinha.insertRow(-1);
 var novaCelula;
 if (geral % 2 == 0)
 cortabela = "#FFF";
 else
 cortabela = "#ccc";

 novaCelula = novaLinha.insertCell(0);
 novaCelula.style.backgroundColor = cortabela;
 novaCelula.innerHTML = data1.value;

 novaCelula = novaLinha.insertCell(1);
 novaCelula.style.backgroundColor = cortabela;
 novaCelula.innerHTML = despesa1.value;

 novaCelula = novaLinha.insertCell(2);
 novaCelula.style.backgroundColor = cortabela;
 novaCelula.innerHTML = '<input type="button" value="X" onclick="deleteRow(this)"/>';

 }
 function deleteRow(btn) {
 var row = btn.parentNode.parentNode;
 row.parentNode.removeChild(row);
 }

	se eu criar outro produto na pagina ex:

<input type="text" value="pedra brita" disabled name="produto" id="produto">

//esse e a quantidade

<input type="number" value="" name="quantidade" id="quantidade">

<input type="button" value="adicionar" id="add" name="add" onclick="adiciona">

	ele adiciona o valor do primeiro produto no caso   " cimento "na tabela ,

	 

	eu sei que é obvio que iria acontecer isso , mais eu queria uma função , pra cada produto que eu clicar incluir o valor correspondente ele , se foce na pá, adicionar o valor da pá e sua quantidade que eu digitei  , podendo criar varios produtos no catalogo exemplo

	 

	cimento, pá , areia, etc , cada um com seu "input" de texto e quantidade , e ao clicar em adicionar o valor dele foce para tabela

	 

	 

	e se puderem me ajudar , como eu poderia adicionar na tabela ela estando em outra pagina ex , criar uma pagina de orçamento com um formulario de orçamento e a tabela,

	 

	vamos supor que eu esta na pagina ""produtos" la eu incluo cimento e no input="number" eu ponha 15 de quantidade, clicando adicionar ele inserir na tabela que esta em outra pagina,

	 

	tipo esse site aqui

	[http://atacadaodasplantas.com.br/plantas/visualizar/19/areca-vestiaria.html](http://atacadaodasplantas.com.br/plantas/visualizar/19/areca-vestiaria.html)

	 

	 

	queria saber tambem depois como enviar essa tabela via php para meu email