Ir para conteúdo

POWERED BY:

Arquivado

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

ThalysonCordeiro

Adicionar linhas ao clicar no botao

Recommended Posts

Gente, sou novato por aqui, e sei que vocs são feras .. bom, é o seguinte, to com uma pagina de formulario em php .. porem tenho que fazer um esquema para adicionar linhas na tabela e remover linhas quando clicar nos respectivos botões + e - por exemplo ! depois de adcionar as linhas queria saber como que pego oque ta dentro dos imputs !

 

minha pagina é essa

<html>
<head>
css/template.css" rel="stylesheet" type="text/css">
<link rel="StyleSheet" type="text/css" href="css/calendario.css"/>

<script type="text/javascript" src="script/functions.js" ></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Gerenciador de Conteúdo | Notícias</title>
</head>
<body>
<div id="corpo">
<form name="FormPesquisa" action="cadNoticias.php" method="post" enctype="multipart/form-data">
<font style="font-weight:bold" size="5">Cadastro de Pesquisa e Extensão</font>
<table id="tabela" style="font-size: 14px" align="left" class="table">
<tr>
<td colspan="2"><a style="text-decoration: none; float: right; font-weight:bold" href="MenuPesquisa.php" target="_self">Voltar ao menu Pesquisa e Extensão</a></td>
</tr>

<tr>
<td><br></td>
</tr>

<tr align="left">
<td colspan="2" style="font-size: 13px">* Campos de preenchimento obrigatório.</td>
</tr>

<tr>
<td><br></td>
</tr>

<tr>
<td align="right">Título:* </td>
<td><input type="text" name="txttitulo" maxlength="100" size="70"></td>
</tr>

<tr>
<td align="right">Descrição:* </td>
<td><textarea name="txtdetalhes" cols="72" rows="4" onkeyup="max(this, 400)" onkeypress="max(this, 400)"></textarea><BR></td>
</tr>
<tr valign="top">
<td height="5px" valign="top" colspan="2" align="right"><font size="1" id=Digitado>0</font> <font size="1">/</font> <font size="1" id=Restante>400</font></td>
</tr>

<tr>
<td align="right" style="font-weight:bold">Professores Envolvidos:</td>
</tr>

<tr>
<td><br></td>
</tr>

<tr>
<td align="right"><input type="button" value=" - " name="remover" id="del" > <input type="button" value=" + " name="adcionar" id="add"></td>
<td><input type="text" name="txtprof" id="txtprof" maxlength="100" size="30"></td>
</tr>

<tr>
<td><br></td>
</tr>

<tr align="right">
<td colspan="2">
<input type="submit" value=" Cadastrar " name="enviar" >
<input type="reset" value= " Limpar Campos " name="limpar">
</td>
</tr>

<tr>
<td><br><br></td>
</tr>

<tr align="center">
<td colspan="2" ><?php if(isset ($_GET["msg"]))echo $_GET["msg"]; ?></td>
</tr>
</table>
</form>
</div>
</body>
</html>

 

tipo, quando clicar no botão + queria clonar a linha <td><input type="text" name="txtprof" id="txtprof" maxlength="100" size="30"></td> e quando clicar em - queria remover uma linha ..

 

AJUDEM AI GALERA ! Valeu

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fera, pra fazer isso você pode usar JQuery.

 

Com PHP da pra fazer mas você vai gerar muitas requisições no servidor e vai levar mais tempo do que com Javascript, que é executado no browser do cliente.

 

No JQuery você consegue pegar qualquer objeto da tela pelo nome ou id e consegue adicionar conteúdo dinamicamente na página com alguns comandos, por exemplo Append().

 

Da uma pesquisa no site

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.