Jump to content


Photo

Adicionar Elemento Dinamicamente


  • Faça o login para participar
8 replies to this topic

#1 klebinho

klebinho

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 09/02/2011, 16:46

td bom estou aqui querendo uma ajuda, tenho um sistema de vistoria de imoveis e preciso que inclua dinamicamente os campos de itens irei postar meu codigo fonte pra ver como que esta sendo feito:

<head>
<script type="text/javascript">
$(function(){
$("#add").click(function(){
$.ajax ({
url: 'vistorias/cad_comodos.php',
sucess: function(item) {
$('#campos').append(item);
}
})
return false;
})
});
</script>
</head>
<?php

$sql_item = "SELECT * FROM itens_vistoria ORDER BY item ASC";
$item = mysql_query($sql_item);

$sql_cor = "SELECT * FROM cores ORDER BY cor ASC";
$cor = mysql_query($sql_cor);

$sql_condicao = "SELECT * FROM condicao ORDER BY condicao ASC";
$condicao = mysql_query($sql_condicao);

$sql_material = "SELECT * FROM tipo_material ORDER BY material ASC";
$material = mysql_query($sql_material);

?>

<div id="titulo">Cadastro de Vistorias</div>
<br />
<form name="cadastrar_vistoria" id="cadastrar_vistoria" action="?pg=vistorias/cad_comodos" method="post">
<div id="formulario">
<label id="comodo">Comodo a ser Vistoriado:
<input type="text" id="comodo" name="comodo" size="45" />
</label>
</div>
<p><a href="#" id="add" class="btn">+ Adicionar Item</a></p>
<div id="itens">
<label id="item" class="label">Item Vistoriado:</label>
<select name="item" type="text" class="select">
<?php while ($row=mysql_fetch_array($item,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_item']?>"><?=$row['item']?></option>
<?php } ?></select>

<label id="cor" class="label">Cor:</label>
<select name="cor" type="text" class="select">
<?php while ($row=mysql_fetch_array($cor,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_cor']?>"><?=$row['cor']?></option>
<?php } ?></select>
<br /><br />
<label id="condicao" class="label">Condição:</label>
<select name="condicao" type="text" class="select">
<?php while ($row=mysql_fetch_array($condicao,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_condicao']?>"><?=$row['condicao']?></option>
<?php } ?></select>

<label id="material" class="label">Material:</label>
<select name="material" type="text" class="select">
<?php while ($row=mysql_fetch_array($material,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_material']?>"><?=$row['material']?></option>
<?php } ?></select>
<br /><br />
<label id="observacao">Observação:</label>
<textarea name="observacao" cols="79" rows="2" class="textarea"></textarea>
</div>
<div id="campos"></div>
<input type="submit" name="proximo" value="Próximo" class="btn" />
<input type="submit" name="salvar" value="Finalizar" class="btn" />
</form>
<br /><br />
<span>** Cadastro de Vistoria do Imóvel **</span><br />
<span>Obs.: Os campos deverão ser preenchidos corretamente.</span>
</div>


tenho que adicionar onde esta a <div> itens dinamicamente, quem puder me ajudar eu agradeço muito.
estou no aguardo....flw

#2 Menty

Menty

    Turista

  • Usuários
  • 26 posts
  • Sexo:Não informado

Posted 22/02/2011, 10:39

kkk..ja tentei fazer isso tbm...mas sempre criava os elementos fora do form...ai não tem como pegar...eu ficava furioso....^^...até q tentei fazer uma coisa....
<script language="javascript" type="text/javascript">
function novaDiv(){ //funcao para criar nova div
/////////criar a tabela//////////////////
var local=document.getElementById('tabela');
var tblBody = local.tBodies[0];
var newRow = tblBody.insertRow(-1);
   
////insere uma coluna na tabela "linha atual"////
var newCell0 = newRow.insertCell(0);
newCell0.innerHTML = "<td><input type='text' name='campo1' /></td>";

///////insere outra coluna
var newCell1 = newRow.insertCell(1);
newCell1.innerHTML = "<td><input type='text' name='campo2' /></td>";
}</script>


ai dentro do form...vc coloca assim..
<div id="conteudo"><table id="tabela"><tbody></tbody></table></div>
...então vai ficar desse jeito....
<form name="pegar" id="pegar" method="post">
<div id="conteudo">
<table id="tabela"><tbody></tbody></table>
</div>
<input type="button" value="CRIAR" onclick="novaDiv();" />
<input type="submit" value="ENVIAR" />
</form>
.......agr vo explica oq faiz....
ao clicar no botão "CRIAR"....ele jaz o javascript e adiciona uma nova linha á sua tabela(q está dentro da DIV)....meio confuso..mas funciona :wacko:

#3 klebinho

klebinho

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 24/02/2011, 17:31

vasculhei a net e encontrei um site do Mauricio Faustino(http://www.mauriciofaustino.com) muito bom por sinal e ele me passou a formula secreta que fez funcionar td, muito bom vou postar o codigo aqui...
<head>
<script>

$(function () {
$("#add").click(function () {
novoItem = $("div.item:first").clone();
novoItem.find("input").val("");
novoItem.find("select").val("");
novoItem.find("textarea").val("");
novoItem.insertAfter("div.item:last");
});
});

</script>
</head>

<?php
if(isset($_POST['executar']) && $_POST['executar'] == 'Próximo'){
$vistoriador = $_POST['vistoriador'];
$proprietario = $_POST['proprietario'];
$imovel = $_POST['imovel'];
$inquilino = $_POST['inquilino'];

$sql_insere = "INSERT INTO vistoria (vistoriador_id,proprietario_id,imovel_id,inquilino_id) VALUES ('$vistoriador','$proprietario','$imovel','$inquilino')";
mysql_query($sql_insere);

}
?>

<?php

$sql = "SELECT LAST_INSERT_ID(id_vistoria) AS vistoria_id FROM vistoria ORDER BY id_vistoria DESC LIMIT 1";
$qry_vistoria = mysql_query($sql);
$vistoria_id = mysql_result($qry_vistoria, 0, 'vistoria_id');
?>

<?php

$sql_item = "SELECT * FROM itens_vistoria ORDER BY item ASC";
$item = mysql_query($sql_item);

$sql_cor = "SELECT * FROM cores ORDER BY cor ASC";
$cor = mysql_query($sql_cor);

$sql_condicao = "SELECT * FROM condicao ORDER BY condicao ASC";
$condicao = mysql_query($sql_condicao);

$sql_material = "SELECT * FROM tipo_material ORDER BY material ASC";
$material = mysql_query($sql_material);

?>

<div id="titulo">Cadastro de Vistorias</div>
<br />
<form name="cadastrar_comodo" id="cadastrar_comodo" action="" method="post">
<div id="formulario">
<label id="comodo">Comodo a ser Vistoriado:
<input type="text" id="comodo" name="comodo" size="45" />
</label>
</div>
<p><a href="#" id="add" class="btn">+ Adicionar Item</a></p>
<div id="itens" class="item">
<label id="item" class="label">Item Vistoriado:</label>
<select name="item[]" type="text" class="select">
<?php while ($row=mysql_fetch_array($item,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_item']?>"><?=$row['item']?></option>
<?php } ?></select>

<label id="cor" class="label">Cor:</label>
<select name="cor[]" type="text" class="select">
<?php while ($row=mysql_fetch_array($cor,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_cor']?>"><?=$row['cor']?></option>
<?php } ?></select>
<br /><br />
<label id="condicao" class="label">Condição:</label>
<select name="condicao[]" type="text" class="select">
<?php while ($row=mysql_fetch_array($condicao,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_condicao']?>"><?=$row['condicao']?></option>
<?php } ?></select>

<label id="material" class="label">Material:</label>
<select name="material[]" type="text" class="select">
<?php while ($row=mysql_fetch_array($material,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_material']?>"><?=$row['material']?></option>
<?php } ?></select>
<br /><br />
<label id="observacao">Observação:</label>
<textarea name="observacao" cols="79" rows="2" class="textarea"></textarea>
</div>
<input type="hidden" name="vistoria_id" value="<?php echo $vistoria_id; ?>" />
<input type="submit" name="executar" id="executar" value="Novo Comodo" class="btn" />
<input type="submit" name="executar" id="executar" value="Finalizar" class="btn" />
</form>
<br /><br />
<span>** Cadastro de Vistoria do Imóvel **</span><br />
<span>Obs.: Os campos deverão ser preenchidos corretamente.</span>
</div>

<?php

if(isset($_POST['executar']) && $_POST['executar'] == 'Novo Comodo'){

$vistoria_id = $_POST['vistoria_id'];
$comodo = $_POST['comodo'];
$item = $_POST['item'];
$cor = $_POST['cor'];
$condicao = $_POST['condicao'];
$material = $_POST['material'];
$observacao = $_POST['observacao'];

$sql_vistoria = "INSERT INTO comodos (vistoria_id, comodo, item_id, cor_id, condicao_id, material_id, observacao) VALUES ('$vistoria_id', '$comodo','$item','$cor','$condicao','$material', '$observacao')";
mysql_query($sql_vistoria);
}

?>

<?php if(isset($_POST['executar']) && $_POST['executar'] == 'Finalizar'){
sleep(1);
$meta = '<meta http-equiv="refresh" content="0, URL=?pg=vistoria" />';
echo $meta;
}?>


esse ai é meu codigo completo como ficou e funfou belezinha...Vlw Rapaziada

#4 OLIOTA

OLIOTA

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Masculino
  • Localidade:Brasil

Posted 24/12/2011, 13:25

Estou com esse mesmo problema, quero adicionar um ítem, mais precisamente, mais uma linha de tabela para um sistema de Ordem de Serviços... Ficaria muito agradecido se você pudesse me dizer quais foram as suas tabelas e os campos inseridos no seu banco de dados.

Ficarei no aguardo da sua ajuda! Desde já, obrigado!

Abraços!


vasculhei a net e encontrei um site do Mauricio Faustino(http://www.mauriciofaustino.com) muito bom por sinal e ele me passou a formula secreta que fez funcionar td, muito bom vou postar o codigo aqui...

<head>
<script>

$(function () {
$("#add").click(function () {
novoItem = $("div.item:first").clone();
novoItem.find("input").val("");
novoItem.find("select").val("");
novoItem.find("textarea").val("");
novoItem.insertAfter("div.item:last");
});
});

</script>
</head>

<?php
if(isset($_POST['executar']) && $_POST['executar'] == 'Próximo'){
$vistoriador = $_POST['vistoriador'];
$proprietario = $_POST['proprietario'];
$imovel = $_POST['imovel'];
$inquilino = $_POST['inquilino'];

$sql_insere = "INSERT INTO vistoria (vistoriador_id,proprietario_id,imovel_id,inquilino_id) VALUES ('$vistoriador','$proprietario','$imovel','$inquilino')";
mysql_query($sql_insere);

}
?>

<?php

$sql = "SELECT LAST_INSERT_ID(id_vistoria) AS vistoria_id FROM vistoria ORDER BY id_vistoria DESC LIMIT 1";
$qry_vistoria = mysql_query($sql);
$vistoria_id = mysql_result($qry_vistoria, 0, 'vistoria_id');
?>

<?php

$sql_item = "SELECT * FROM itens_vistoria ORDER BY item ASC";
$item = mysql_query($sql_item);

$sql_cor = "SELECT * FROM cores ORDER BY cor ASC";
$cor = mysql_query($sql_cor);

$sql_condicao = "SELECT * FROM condicao ORDER BY condicao ASC";
$condicao = mysql_query($sql_condicao);

$sql_material = "SELECT * FROM tipo_material ORDER BY material ASC";
$material = mysql_query($sql_material);

?>

<div id="titulo">Cadastro de Vistorias</div>
<br />
<form name="cadastrar_comodo" id="cadastrar_comodo" action="" method="post">
<div id="formulario">
<label id="comodo">Comodo a ser Vistoriado:
<input type="text" id="comodo" name="comodo" size="45" />
</label>
</div>
<p><a href="#" id="add" class="btn">+ Adicionar Item</a></p>
<div id="itens" class="item">
<label id="item" class="label">Item Vistoriado:</label>
<select name="item[]" type="text" class="select">
<?php while ($row=mysql_fetch_array($item,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_item']?>"><?=$row['item']?></option>
<?php } ?></select>

<label id="cor" class="label">Cor:</label>
<select name="cor[]" type="text" class="select">
<?php while ($row=mysql_fetch_array($cor,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_cor']?>"><?=$row['cor']?></option>
<?php } ?></select>
<br /><br />
<label id="condicao" class="label">Condição:</label>
<select name="condicao[]" type="text" class="select">
<?php while ($row=mysql_fetch_array($condicao,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_condicao']?>"><?=$row['condicao']?></option>
<?php } ?></select>

<label id="material" class="label">Material:</label>
<select name="material[]" type="text" class="select">
<?php while ($row=mysql_fetch_array($material,MYSQL_ASSOC)){ ?>
<option value="<?=$row['id_material']?>"><?=$row['material']?></option>
<?php } ?></select>
<br /><br />
<label id="observacao">Observação:</label>
<textarea name="observacao" cols="79" rows="2" class="textarea"></textarea>
</div>
<input type="hidden" name="vistoria_id" value="<?php echo $vistoria_id; ?>" />
<input type="submit" name="executar" id="executar" value="Novo Comodo" class="btn" />
<input type="submit" name="executar" id="executar" value="Finalizar" class="btn" />
</form>
<br /><br />
<span>** Cadastro de Vistoria do Imóvel **</span><br />
<span>Obs.: Os campos deverão ser preenchidos corretamente.</span>
</div>

<?php

if(isset($_POST['executar']) && $_POST['executar'] == 'Novo Comodo'){

$vistoria_id = $_POST['vistoria_id'];
$comodo = $_POST['comodo'];
$item = $_POST['item'];
$cor = $_POST['cor'];
$condicao = $_POST['condicao'];
$material = $_POST['material'];
$observacao = $_POST['observacao'];

$sql_vistoria = "INSERT INTO comodos (vistoria_id, comodo, item_id, cor_id, condicao_id, material_id, observacao) VALUES ('$vistoria_id', '$comodo','$item','$cor','$condicao','$material', '$observacao')";
mysql_query($sql_vistoria);
}

?>

<?php if(isset($_POST['executar']) && $_POST['executar'] == 'Finalizar'){
sleep(1);
$meta = '<meta http-equiv="refresh" content="0, URL=?pg=vistoria" />';
echo $meta;
}?>


esse ai é meu codigo completo como ficou e funfou belezinha...Vlw Rapaziada



#5 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 22/09/2017, 08:53

Cialis Generique Danger cialis buy online Viagra Une Heure
Dosing Amoxicillin For Dogs Viagra rique Qubec Priligy Wirkungsdauer
Therapy Propecia <a href=http://cialtobuy.com>cialis</a> Cephalexin Strenght
Commander Kamagra Generique online pharmacy Cialis Hochste Konzentration
Comprar Levitra En Barcelona Trazadone Free Shipping Durer Plus Longtemps Dans Les Exercices De Lit
Priligy Generico Portugal <a href=http://cialtobuy.com>cialis online</a> Viagra Original
Zithromax Klamydia cialis buy online Cialis E Effetti
Buy Tadalafil Cheap
Mono And Amoxicillin <a href=http://cialtobuy.com>cialis buy online</a> India Drugs Online

#6 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 07/10/2017, 23:13

Cialis Anwendung Celilis viagra Levitra Et Pamplemousse Cialis Precio 10 Mg Cialis Precio Oficial
Best Place To Buy Tretinoin 0.05 Keflex Instruction Under The Tongue Sildenafil achat levitra au usa Zithromax For Gastric Emptying

#7 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 25/10/2017, 23:36

Clomid Avec Internet Info On Cephalexin 250mg viagra Cialis Effetti Collaterali Levitra 25 Mg Prezzo
Cialis Para Eyaculacion Precoz Apcalis Tablets Canada Female Viagra Online Canada online pharmacy Levitra Acquisto Online Buy Sertraline Kamagra Indications
Buy Viagra Online In The United States Pharmacy No Prescripition levitra wholesale no prescription Donde Compro Viagra Propecia Diabetes Dejar De Fumar

#8 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 05/11/2017, 21:18

Propecia Finasteride Cost Dosis Cialis online pharmacy Canadian Generic Levitra
Images De Comprimes Amoxil Cialis 20 Vademecum viagra Information On Amoxicillin Buy Amoxicillin250 Mg

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 28/11/2017, 10:20

Viagra Online Offerte Baclofene Ne Marche Pas Amoxicillin Causes Liver Damage viagra cialis Viagra Online Next Day Shipping




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq