Ir para conteúdo

POWERED BY:

Arquivado

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

Danie Luckner

[Resolvido] Adicionar linha de formulário

Por , em Javascript

Recommended Posts

Danie Luckner    0

Danie Luckner
Postado

Olá a todos.

 

Primeiramente, sou um membro recente deste fórum. Já o visitava para buscar algumas soluções para minhas páginas mas ainda não havia me cadastrado. Agora estou com um problema que não encontrei solução em lugar algum, então resolvi recorrer a este meio.

 

É o seguinte: tenho que fazer página para orçamentos. Preciso de um script que adicione uma linha a mais à minha tabela de formulário. Por exemplo:

o orçamento começa com 1 item. Depois de descrito este primeiro item, preciso de uma nova linha de tabela com todos os elementos de formulário para preenchimento do 2º item. Segue o código abaixo:

 

<body>
<b>Dados da cotção</b>
<table border="0" cellspacing="3" cellpadding="0">
  <tr>
    <td width="20%" class="guia">Numero</td>
    <td colspan="2" class="guia">Cliente</td>
    <td width="24%" class="guia">Aos cuidados de</td>
</tr>
  <tr>
    <td height="45"><input type="text" name="numero" /></td>
  <td width="12%"><input type="button" class="botao" value="Incluir Cliente" name="addclient" /></td>
  <td width="44%"><input type="text" name="exibecliente" /></td>
  <td><input type="text" name="ac" /></td>
</tr>
</table>
<b>Informações dos produtos</b>
<table width="100%" border="0" cellspacing="3" cellpadding="0">
<tr>
    <td width="3%" class="guia">Item</td>
    <td width="38%" class="guia">Descrição</td>
    <td width="6%" class="guia">Matéria-prima</td>
    <td width="6%" class="guia">Bitola</td>
    <td width="11%" class="guia">Diam. Interno</td>
    <td width="8%" class="guia">Altura</td>
    <td width="12%" class="guia">Constante (<em>Rate</em>)</td>
    <td width="7%" class="guia">Preço</td>
</tr>
<tr>
  <td><input type="text" name="item" value="1" /></td>
  <td><input type="text" name="descricao" /></td>
  <td><input type="text" name="materia" /></td>
  <td><input type="text" name="bitola" /></td>
  <td><input type="text" name="dint" /></td>
  <td><input type="text" name="altura" /></td>
  <td><input type="text" name="codigo" /></td>
  <td><input type="text" name="preco" /></td>
</tr>
<tr>
	<td colspan="7" align="left"><input type="button" name="novoitem" value="Adicionar item" class="botao" /></td>
</tr>
</table>
<br />
<b>Informações adicionais</b>
<table border="0" cellspacing="3" cellpadding="0">
<tr>
    <td class="guia" colspan="2">Condições de pagamento</td>
    <td class="guia" colspan="2">Prazo de entrega</td>
    <td class="guia" colspan="2">Observações</td>
</tr>
  <td width="12%"><input type="button" name="condpgto" value="Cond. pgto" class="botao"/></td>
  <td width="16%"><input type="text" name="condpgto" /></td>
  <td width="12%"><input type="button" name="prazo" value="Prazo" class="botao" /></td>
  <td width="19%"><input type="text" name="prazo" /></td>
  <td colspan="2"><input type="text" name="obs" /></td>
</tr>  <tr>
    <td colspan="6">
    <input name="enviar" type="submit" value="Salvar" class="botao" />  
 	<input type="reset" value="Limpar" class="botao" />
    </td>
  </tr>
</table>
</body>

PS: as propriedades "class" nas tags html têm apenas carater visual.

 

PS2: Não se preocupem quanto ao fato de ser em tabela e ela estar "mal feita". Esta página será para um sistema interno, ou seja, não será exibida na internet, então não há aquela preocupação toda com compatibilidade de navegadores nem rapidez no carregamento.

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