Ir para conteúdo

POWERED BY:

Arquivado

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

Kaio Santos

Habilitando novo campo

Recommended Posts

Fala Galera, o negócio é o seguinte, preciso de uma ajuda de vocês na seguinte questão !

 

O meu funcionário faz uma requisição de compra pra mim através do sistema.

E cada item que ele vai me pedir, ele tem que abrir uma nova requisição por que meu sistema não consegue habilitar Item 2 por exemplo.

gostaria de criar uma maneira em que o funcionario clica-se em "+1" para habilitar mais um campo para ele colocar mais 1 item. e assim sucessivamente.

Alguem pode ajudar !?!? Please !

 

 

:joia: :joia: :joia: :joia: :joia: :joia:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ciente, mas se fizer em php, a página deve ser atualizada, o que limpa o anterior.

Em javascript inúmeros campos podem ser adicionados sem atualizar e depois você grava os pedidos usando php.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Poste o código da pagina :thumbsup:

Cesar Augusto,

 

eu gostaria que fosse criado um novo campo parecido com este.

 

<tr valign="baseline">
<td nowrap="nowrap" align="right" valign="middle">PEDIDO:</td>
<td><textarea name="pedido" cols="32" rows="5"></textarea></td>
</tr>
<tr> </tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right">C.CUSTO:</td>
<td><select name="ccusto">
<?php
do {
?>
<option value="<?php echo $row_custo['nome']?>" ><?php echo $row_custo['nome']?></option>
<?php
} while ($row_custo = mysql_fetch_assoc($custo));
?>
</select>
</td>
</tr>
<tr> </tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right" valign="middle">MOTIVO:</td>
<td><textarea name="motivo" cols="32" rows="3"></textarea></td>
</tr>
<tr valign="baseline">
<td nowrap="nowrap" align="right" valign="middle">OBS:</td>
<td><textarea name="obs" cols="32" rows="3"></textarea></td>
Vlw !!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Galera, achei esse código aqui em PHP que abre uma nova Textarea, como posso criar um botao pra chamar este echo ?!?!?

 

 

 

 

echo '<textarea id="campo" style="background:red" />';

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tente Assim:

 

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 <script type="text/javascript" >
 	$(document).ready(function(){
		$('#add').click(function(){
			$(this).before('<td><textarea name="pedido" cols="32" rows="5"></textarea></td>');
		});
		
	});
 </script>
 <tr class="pedido" valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">PEDIDO:</td>
      <td><textarea name="pedido" cols="32" rows="5"></textarea></td>
      <a href="javacsript:void(0);" id="add">Adicionar Campo</a>
 </tr>
 
 <tr> </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">C.CUSTO:</td>
      <td><select name="ccusto">
          <?php /*
          do{ ?> 
           <option value="<?php echo $row_custo['nome']?>" ><?php echo $row_custo['nome']?></option>
          <?php
          }while($row_custo = mysql_fetch_assoc($custo));
          */?>
        </select>
      </td>
    </tr>
    <tr> </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">MOTIVO:</td>
      <td><textarea name="motivo" cols="32" rows="3"></textarea></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">OBS:</td>
      <td><textarea name="obs" cols="32" rows="3"></textarea></td>
    </tr>

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Tente Assim:

 

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 <script type="text/javascript" >
 	$(document).ready(function(){
		$('#add').click(function(){
			$(this).before('<td><textarea name="pedido" cols="32" rows="5"></textarea></td>');
		});
		
	});
 </script>
 <tr class="pedido" valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">PEDIDO:</td>
      <td><textarea name="pedido" cols="32" rows="5"></textarea></td>
      <a href="javacsript:void(0);" id="add">Adicionar Campo</a>
 </tr>
 
 <tr> </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">C.CUSTO:</td>
      <td><select name="ccusto">
          <?php /*
          do{ ?> 
           <option value="<?php echo $row_custo['nome']?>" ><?php echo $row_custo['nome']?></option>
          <?php
          }while($row_custo = mysql_fetch_assoc($custo));
          */?>
        </select>
      </td>
    </tr>
    <tr> </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">MOTIVO:</td>
      <td><textarea name="motivo" cols="32" rows="3"></textarea></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">OBS:</td>
      <td><textarea name="obs" cols="32" rows="3"></textarea></td>
    </tr>

Muito Obrigado Cesar ! é basicamente isto que preciso.

Agora precisava saber com que nome fica cada (Textarea) pedido 1, pedido 2, pedido 3.

Assim sucessivamente ??

 

Vlw....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Troque para isto para os textareas ficarem numerados:

 

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 <script type="text/javascript" >
 	$(document).ready(function(){
		var i = 1;
		$('#add').click(function(){
			i++;
			$(this).before('<td><textarea name="pedido'+i+'" cols="32" rows="5"></textarea></td>');
		});
		
	});
 </script>
 <tr class="pedido" valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">PEDIDO:</td>
      <td><textarea name="pedido1" cols="32" rows="5"></textarea></td>
      <a href="javacsript:void(0);" id="add">Adicionar Campo</a>
 </tr>
 
 <tr> </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">C.CUSTO:</td>
      <td><select name="ccusto">
          <?php /*
          do{ ?> 
           <option value="<?php echo $row_custo['nome']?>" ><?php echo $row_custo['nome']?></option>
          <?php
          }while($row_custo = mysql_fetch_assoc($custo));
          */?>
        </select>
      </td>
    </tr>
    <tr> </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">MOTIVO:</td>
      <td><textarea name="motivo" cols="32" rows="3"></textarea></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">OBS:</td>
      <td><textarea name="obs" cols="32" rows="3"></textarea></td>
    </tr>

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Troque para isto para os textareas ficarem numerados:

 

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 <script type="text/javascript" >
 	$(document).ready(function(){
		var i = 1;
		$('#add').click(function(){
			i++;
			$(this).before('<td><textarea name="pedido'+i+'" cols="32" rows="5"></textarea></td>');
		});
		
	});
 </script>
 <tr class="pedido" valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">PEDIDO:</td>
      <td><textarea name="pedido1" cols="32" rows="5"></textarea></td>
      <a href="javacsript:void(0);" id="add">Adicionar Campo</a>
 </tr>
 
 <tr> </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right">C.CUSTO:</td>
      <td><select name="ccusto">
          <?php /*
          do{ ?> 
           <option value="<?php echo $row_custo['nome']?>" ><?php echo $row_custo['nome']?></option>
          <?php
          }while($row_custo = mysql_fetch_assoc($custo));
          */?>
        </select>
      </td>
    </tr>
    <tr> </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">MOTIVO:</td>
      <td><textarea name="motivo" cols="32" rows="3"></textarea></td>
    </tr>
    <tr valign="baseline">
      <td nowrap="nowrap" align="right" valign="middle">OBS:</td>
      <td><textarea name="obs" cols="32" rows="3"></textarea></td>
    </tr>

Cesar é o seguinte, na verdade estou usando somente está parte do código:

 

<form action="teste.php" method="post">
<script type="text/javascript" >
$(document).ready(function(){
var i = 1;
$('#add').click(function(){
i++;
$(this).before('<td><textarea name="pedido'+i+'" cols="32" rows="5"></textarea></td>');
});
});
</script>
<tr class="pedido" valign="baseline">
<td nowrap="nowrap" align="right" valign="middle">PEDIDO:</td>
<td><textarea name="pedido1" cols="32" rows="5"></textarea></td>
<a href="javacsript:void(0);" id="add">Adicionar Campo</a>
</tr>
<tr> </tr>
<input type="submit" name="button" id="button" value="Submit" />
<tr> </tr>
</form>
ai quando chega na hora de enviar as informações para outra pagina, eu estou fazendo da seguinte forma.
<?php
$con=mysqli_connect("localhost","root","","milfra");
Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
($i = 1);
$i +1;
$sql="INSERT INTO teste (nome) VALUES('$_POST[pedido1]')";
if (!mysqli_query($con,$sql))
{
die('Error: ' . mysqli_error($con));
}
echo "<h1 align=center>CADASTRADO COM SUCESSO !!!";
mysqli_close($con);
?>
Como faço para ir aumentando automatico tambem no $_post[pedido1], pedido2, 3 e assim por diante.
Vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim, só que para inserir o registro na tabela eu estou redirecionando o Form para uma outra pagina, que pega os pedido1, pedido2, pedido3 e assim por diante.

com esse código abaixo !

Gostaria de saber se tem como fazer $_post[pedido1,2,3,4 nesta outra pagina qe eu estou direcionando, conforme o numero de pedido que tiver na pagina 1, vou deixar em vermelho abaixo para ver o que preciso!

 

Vlw

 

 

 

 

<?php
$con=mysqli_connect("localhost","root","","milfra");
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$sql="INSERT INTO teste (nome, pedido) VALUES('$_POST[pedido1]', '$_POST[pedido2]')";
if (!mysqli_query($con,$sql))
{
die('Error: ' . mysqli_error($con));
}
echo "<h1 align=center>CADASTRADO COM SUCESSO !!!";
mysqli_close($con);
?>

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.