Jump to content


MatheusGordo's Content

There have been 4 items by MatheusGordo (Search limited from 26/04/2023)


Ordernar por                Order  

#1005006 Envio Form Sem Refresh

Posted by MatheusGordo on 28/10/2010, 16:44 in Ajax

Nossa nem tive paciencia de olhar seu código rsrs.
Mas pelo que entendi no título você quer enviar os dados preenchidos em um formulário sem refresh né, se for só isso faça o seguinte.

<script language="javascript" type="text/javascript">
$(function($){
var campo1 = $("#IDdoCampo").val();
var campo2 = $("#IDdoCampo").val();
// E assim por diante...
$("#status").html("Enviando"...);
$.post("paginaQueProcessaOsDados.php", {campo1: campo1, campo2: campo2}, function(resp)
{
$("#status").html("Enviado com sucesso");
});
});
</script>




Desculpa pela demora hehehe

cara não vou te mentir nnão testei seu código... mais muito Obrigado!

Aki vai o código que usei:
	jQuery(document).ready(function() {
	jQuery("#resposta").ajaxStart(function(){ jQuery(this).html("Mensagem sendo enviada, por favor aguarde..."); });
	jQuery('#submit').click(function() {
	
	//Captura o valor dos campos
	
	
	var nome     					= 	 jQuery ('#nome').val();
	var tratamento   				= 	 jQuery ('#tratamento').val();
	var referencia_cliente 			=	 jQuery ('#referencia_cliente').val();
	var situacao_cliente     		= 	 jQuery ('#situacao_cliente').val();
	var observacoes_cliente   		= 	 jQuery ('#observacoes_cliente').val();
	var primeirocontato_cliente 	=	 jQuery ('#primeirocontato_cliente').val();
	var empresa_cliente     		= 	 jQuery ('#empresa_cliente').val();
	var captador_cliente   			= 	 jQuery ('#captador_cliente').val();
	var telefone1_cliente 			=	 jQuery ('#telefone1_cliente').val();
	var telefone2_cliente     		= 	 jQuery ('#telefone2_cliente').val();
	var radio_cliente   			= 	 jQuery ('#radio_cliente').val();
	var email_cliente 				=	 jQuery ('#email_cliente').val();
	var page_cliente			    =    jQuery ('#page_cliente').val();
	var nascimento_cliente			=	 jQuery ('#nascimento_cliente').val();
	var rg_cliente					=	 jQuery ('#rg_cliente').val();
	var cpf_cliente					=	 jQuery ('#cpf_cliente').val();
	var estadocivil_cliente			=	 jQuery ('#estadocivil_cliente').val();
	var nacionalidade_cliente		=	 jQuery ('#nacionalidade_cliente').val();
	var naturalidade_cliente		= 	 jQuery ('#naturalidade_cliente').val();
	var profissao_cliente			=	 jQuery ('#profissao_cliente').val();
	var cargo_cliente				=	 jQuery ('#cargo_cliente').val();
	var ramo_cliente				=	 jQuery ('#ramo_cliente').val();
	var renda1_cliente				=	 jQuery	('#renda1_cliente').val();
	var renda2_cliente				=	 jQuery ('#renda2_cliente').val();
	var escolaridade_cliente		=	 jQuery ('#escolaridade_cliente').val();
	

	
	// Faz a o envio por POST para  ser tratada na pagina crud_cliente.php
	
	
	
	jQuery.post('crud_cliente.php',
	{ nome: nome, tratamento: tratamento, referencia_cliente: referencia_cliente, situacao_cliente: situacao_cliente, observacoes_cliente: observacoes_cliente, primeirocontato_cliente: primeirocontato_cliente, empresa_cliente: empresa_cliente, captador_cliente: captador_cliente, telefone1_cliente: telefone1_cliente, telefone2_cliente: telefone2_cliente, radio_cliente: radio_cliente, email_cliente: email_cliente, page_cliente: page_cliente, nascimento_cliente: nascimento_cliente, rg_cliente: rg_cliente, cpf_cliente: cpf_cliente, estadocivil_cliente: estadocivil_cliente, nacionalidade_cliente: nacionalidade_cliente, naturalidade_cliente: naturalidade_cliente, profissao_cliente: profissao_cliente, cargo_cliente: cargo_cliente, ramo_cliente: ramo_cliente, renda1_cliente: renda1_cliente, renda2_cliente: renda2_cliente, escolaridade_cliente: escolaridade_cliente },
	function(data, textStatus) {
	
	
	
	// Traz o ID do cliente
	
	
	
	jQuery('#resposta').html(data);
	var val_id = $('#valor_id').val();
	$('#referencia_cliente').val(val_id);
	
	
	});
	return false;
	});
	});

o html nao postei nem a metade.. tem muiiitos campos
e o js tbm to arrecem comçando tenho mt "ctrl+c ctrl+V" pela frente hehehe

Mais muito Obrigado pela pela força e desculpa a demora ;)

:)

E aee meu irmão!

Código grande hein!
Pq você não colocou somente o que precisava?

Aonde você está enviando o script com ajax?


Pois é o código ta um pokinho grande isso q nao postei nem um terço do formulário todo..

ele tem muiitos campos

masi muito Obrigado pela atenção ja arranjei a solução e postei ali em baixo..

vlw irmão (y) ^_^



#1004912 Envio Form Sem Refresh

Posted by MatheusGordo on 26/10/2010, 13:15 in Ajax

Fala amiguinhos aqui estou eu (newba ainda na area)
Estou com dificuldade em efetuar um cadastro por ajax..

tenho um form
<div><br />
  <div  class="TableGroupBorder" style="width: 90%; padding:0px;  border-top:1px solid #CCCCCC; border-bottom:none;">
	<table width="900px;" >
	<tr class="TableLineEditColor">
					<td class="bold" colspan="4" style="height: 26px; width:90%" valign="bottom">Cliente</td>
	  </tr>
	</table>
	</div>
	<div  class="TableGroupBorder" style="width: 90%; padding:0px; background-color:f0f0f0; ">
	<table cellspacing="0"  style="width: 900px;">
					

			        <tr class="TableLineEdit">

			          <td align="right" class="bold" style="width: 14px">&nbsp;</td>

			          <td valign="bottom" style="width: 190px;"><span class="bold" style="width: 120px; height: 7px;">Referência</span></td>

			          <td valign="bottom" class="bold" style="width: 190px;"><span class="bold" style="width: 14px; height: 1px;">Situa&ccedil;&atilde;o</span></td>

			          <td valign="bottom" style="width: 190px;" ><span class="bold" style="width: 120px; height: 1px">Nome</span></td>

			          <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

			          <td style="width: 180px;" class="bold">Observa&ccedil;&otilde;es</td>

                   
		           </tr>

		           <tr class="TableLineEdit">



						<td align="right" class="bold" style="height: 26px; width: 14px;">&nbsp;</td>

						<td valign="top" style="width: 190px; height: 26px;"><input name="referencia_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>

						<td class="bold" style="width: 190px; height: 26px;"><span style="width: 127px; height: 26px">

					  <select class="textBoxesLeft" name="situacao_cliente" id="situacao_cliente" style="width:150px;">

							<option value="0">--Selecione--</option>

							<option value="1">Ativo</option>

							<option value="2" selected>Inativo</option>
					  </select>  

						</span></td>

                        <td valign="top" colspan="2" style="height: 26px; width: 190px;" ><input name="nome_cliente" id="nome_cliente" class="textBoxes" size="64" maxlength="20" /></td>

						<td rowspan="6" style="width: 180px; height: 26px;"><label>
						  <textarea name="observacoes_cliente" id="observacoes_cliente" style=" width:152; height:140px;"></textarea>
						</label></td>

                       
	  </tr>					

<script>

<!--



var groups=document.frmPesquisa.cmbFinalidade.options.length

var group=new Array(groups)

for (i=0; i<groups; i++)

group[i]=new Array()



group[0][0]=new Option("--Selecione--","#")



group[1][0]=new Option("Apartamento","#")

group[1][1]=new Option("Casa","#")

group[1][2]=new Option("Casa em Condomínio","#")

group[1][3]=new Option("Terreno","#")

group[1][4]=new Option("Terreno em Condomínio","#")



group[2][0]=new Option("Espaço Comercial","#")

group[2][1]=new Option("Loja","#")

group[2][2]=new Option("Galpão","#")



group[3][0]=new Option("Propriedade Rural","#")



var temp=document.frmPesquisa.cmbTipoImovel



function redirect(x){

for (m=temp.options.length-1;m>0;m--)

temp.options[m]=null

for (i=0;i<group[x].length;i++){

temp.options[i]=new Option(group[x][i].text,group[x][i].value)

}

temp.options[0].selected=true

}



function go(){

location=temp.options[temp.selectedIndex].value

}

//-->

</script>

					<tr class="TableLineEdit">

					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>

					  <td valign="bottom" style="width: 190px;"><span class="bold" style="width: 120px; height: 1px;">Tipo de Cliente </span></td>

					  <td valign="bottom" class="bold" style="width: 190px;"><span class="bold" style="width: 135px; height: 1px;">Primeiro contato </span></td>

					  <td valign="bottom" style="width: 190px;" ><span class="bold" style="width: 100px; height: 1px">Tratamento</span></td>

					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

					 
				   </tr>

					<tr class="TableLineEdit">

						<td align="right" class="bold" style="height: 26px; width: 14px;">&nbsp;</td>

						<td valign="top" style="width: 190px; height: 26px;"><input id="chkStaArmarioCozinha" type="checkbox" />Proprietário(a)</td>


						<td valign="top" class="bold" style="width: 190px; height: 26px;">

					

						  <select class="textBoxesLeft" name="primeirocontato_cliente" id="primeirocontato_cliente" style="width:150px;">

                            <option value="">-- Selecione --</option>
							<option value="">Não Informado</option>
							<option value="">Site Institucional</option>
							<option value="">Indicação</option>
							<option value="">Placa</option>
							<option value="">Jornal</option>
							<option value="">Rádio</option>
							<option value="">TV</option>
							<option value="">Fechada</option>
							<option value="">Folheto</option>
							<option value="">Plantão</option>
							<option value="">Cartão de visita</option>
                          </select>					  </td>

					  

                        <td colspan="2" valign="top" style="height: 26px; width: 190px;" ><input name="txtAreaUtil" class="textBoxes" size="64" maxlength="20" /></td>

					</tr>					

			

					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;"><input id="chkStaArmarioCozinha" type="checkbox" />Interessado(a)</td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" >&nbsp;</td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  
	    </tr>
					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" class="bold">Empresa</td>
					  <td colspan="0" valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td valign="bottom" class="bold" style="width: 190px;">Captador</td>
					  <td style="width: 118px"></td>
					  
	    </tr>
					<tr class="TableLineEdit">

					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>

					  <td colspan="2" valign="bottom" style="width: 190px;"><input name="empresa_cliente" id="empresa_cliente" class="textBoxes" size="64" maxlength="20" /></td>

					  <td colspan="2" valign="top" style="width:px;"><input name="txtAreaUtil" class="textBoxes" size="60" maxlength="20" /><img src="../images/botoes/bt_AddList.gif" border="0"> </td>

					  
				   </tr>
	  </table>
	  </div>
    <br>  
	 
		<div  class="TableGroupBorder" style="width: 90%; padding:0px;  border-top:1px solid #CCCCCC; border-bottom:none;">
	<table width="900px;" >
	<tr class="TableLineEditColor">
					<td class="bold" colspan="4" style="height: 26px; width:90%" valign="bottom">Contato</td>
	  </tr>
	</table>
	</div>
	<div  class="TableGroupBorder" style="width: 90%; padding:0px; background-color:f0f0f0; ">
	<table cellspacing="0"  style="width: 900px;">

			        <tr class="TableLineEdit">

			          <td align="right" class="bold" style="width: 14px">&nbsp;</td>

			          <td valign="bottom" style="width: 190px;"><span class="bold" style="width: 120px; height: 7px;">Telefone1</span></td>

			          <td valign="bottom" class="bold" style="width: 190px;"><span class="bold" style="width: 14px; height: 1px;">Telefone2</span></td>

			          <td valign="bottom" style="width: 190px;" class="bold">Rádio/Nextel</td>

			          <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

			          <td style="width: 180px;">&nbsp;</td>

                        <td width="194" style="width: 118px">                        </td>
		           </tr>					

<script>

<!--



var groups=document.frmPesquisa.cmbFinalidade.options.length

var group=new Array(groups)

for (i=0; i<groups; i++)

group[i]=new Array()



group[0][0]=new Option("--Selecione--","#")



group[1][0]=new Option("Apartamento","#")

group[1][1]=new Option("Casa","#")

group[1][2]=new Option("Casa em Condomínio","#")

group[1][3]=new Option("Terreno","#")

group[1][4]=new Option("Terreno em Condomínio","#")



group[2][0]=new Option("Espaço Comercial","#")

group[2][1]=new Option("Loja","#")

group[2][2]=new Option("Galpão","#")



group[3][0]=new Option("Propriedade Rural","#")



var temp=document.frmPesquisa.cmbTipoImovel



function redirect(x){

for (m=temp.options.length-1;m>0;m--)

temp.options[m]=null

for (i=0;i<group[x].length;i++){

temp.options[i]=new Option(group[x][i].text,group[x][i].value)

}

temp.options[0].selected=true

}



function go(){

location=temp.options[temp.selectedIndex].value

}

//-->

</script>

					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;"><input name="telefone1_cliente" id="telefone1_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
					  <td valign="bottom" class="bold" style="width: 190px;"><span class="bold" style="width: 190px;">
					    <input name="telefone2_cliente" id="telefone2_cliente" class="textBoxes" maxlength="20" style="width: 152px">
					  </span></td>
					  <td valign="bottom" style="width: 190px;" ><input name="radio_cliente" id="radio_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 118px"></td>
	    </tr>
					<tr class="TableLineEdit">

					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>

					  <td valign="bottom" style="width: 190px;"><span class="bold" style="width: 120px; height: 1px;">Email </span></td>

					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

					  <td valign="bottom" style="width: 190px;" class="bold" >Homepage</td>

					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

					  <td style="width: 180px;">&nbsp;</td>

                        <td style="width: 118px">                        </td>
				   </tr>

					<tr class="TableLineEdit">

						<td align="right" class="bold" style="height: 26px; width: 14px;">&nbsp;</td>

						<td colspan="2" valign="top" style="width: 190px; height: 26px;"><input name="email_cliente" id="email_cliente" class="textBoxes" size="64" maxlength="20" /></td>

					  <td colspan="2" valign="top" style="height: 26px; width: 190px;" ><input name="page_cliente" id="page_cliente" class="textBoxes" size="64" maxlength="20" /></td>

						<td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>

                        <td style="width: 118px; height: 26px">                        </td>
					</tr>
	  </table>
</div>
<br>

      		<div  class="TableGroupBorder" style="width: 90%; padding:0px;  border-top:1px solid #CCCCCC; border-bottom:none;">
	<table width="900px;" >
	<tr class="TableLineEditColor">
					<td class="bold" colspan="4" style="height: 26px; width:90%" valign="bottom">Dados pessoais</td>
	  </tr>
	</table>
	</div>
	<div  class="TableGroupBorder" style="width: 90%; padding:0px; background-color:f0f0f0; ">
	<table cellspacing="0"  style="width: 900px;">

			        <tr class="TableLineEdit">

			          <td align="right" class="bold" style="width: 14px">&nbsp;</td>

			          <td valign="bottom" class="bold" style="width: 190px;">Nascimento</td>

			          <td valign="bottom" class="bold" style="width: 190px;"><span class="bold" style="width: 14px; height: 1px;">RG</span></td>

			          <td valign="bottom" style="width: 190px;" ><span class="bold" style="width: 120px; height: 1px">CPF</span></td>

			          <td valign="bottom" class="bold" style="width: 190px;">Estado civil:</td>

			          <td style="width: 180px;">&nbsp;</td>
		           </tr>					

<script>

<!--



var groups=document.frmPesquisa.cmbFinalidade.options.length

var group=new Array(groups)

for (i=0; i<groups; i++)

group[i]=new Array()



group[0][0]=new Option("--Selecione--","#")



group[1][0]=new Option("Apartamento","#")

group[1][1]=new Option("Casa","#")

group[1][2]=new Option("Casa em Condomínio","#")

group[1][3]=new Option("Terreno","#")

group[1][4]=new Option("Terreno em Condomínio","#")



group[2][0]=new Option("Espaço Comercial","#")

group[2][1]=new Option("Loja","#")

group[2][2]=new Option("Galpão","#")



group[3][0]=new Option("Propriedade Rural","#")



var temp=document.frmPesquisa.cmbTipoImovel



function redirect(x){

for (m=temp.options.length-1;m>0;m--)

temp.options[m]=null

for (i=0;i<group[x].length;i++){

temp.options[i]=new Option(group[x][i].text,group[x][i].value)

}

temp.options[0].selected=true

}



function go(){

location=temp.options[temp.selectedIndex].value

}

//-->

</script>

					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;"><input name="nascimento_cliente" id="nascimento_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
					  <td valign="bottom" class="bold" style="width: 190px;"><input name="rg_cliente" id="rg_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
					  <td valign="bottom" style="width: 190px;" ><input name="cpf_cliente" id="cpf_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
					  <td valign="bottom" class="bold" style="width: 190px;">  <select class="textBoxesLeft" name="estado_civil_cliente" id="estado_civil_cliente" style="width:150px;">

                            <option value="">-- Selecione --</option>
							<option value="">Solteiro(a)</option>
							<option value="">Casado(a)</option>
							<option value="">Separado(a)</option>
							<option value="">União estável</option>
							<option value="">Viúvo</option>
							<option value="">Outros</option>
                          </select></td>
					  <td style="width: 180px;">&nbsp;</td>
	    </tr>
					<tr class="TableLineEdit">

					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>

					  <td valign="bottom" style="width: 190px;"><span class="bold" style="width: 120px; height: 1px;">Nacionalidade </span></td>

					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

					  <td valign="bottom" style="width: 190px;" class="bold" >Naturalidade</td>

					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

					  <td style="width: 180px;" class="bold">Regime</td>
				   </tr>					

					

					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td colspan="2" valign="bottom" class="bold" style="width: 190px;"><select class="textBoxesLeft" name="nacionalidade_cliente" id="nacionalidade_cliente" style="width:335px;">
  
                            <option value="">-- Selecione --</option>
							<option value="">Alemão</option>
							<option value="">Argentino</option>
							<option value="">Belga</option>
							<option value="">Boliviano</option>
							<option value="">Brasileiro</option>
							<option value="">Britânico</option>
							<option value="">Canadense</option>
							<option value="">Chileno</option>
							<option value="">Chinês</option>
							<option value="">Coreano</option>
							<option value="">Espanhol</option>
							<option value="">Francês</option>
							<option value="">Italiano</option>
							<option value="">Japonês</option>
							<option value="">Naturalizado Brasileiro</option>
							<option value="">Norte Americano</option>
							<option value="">Paraguaio</option>
							<option value="">Português</option>
							<option value="">Sioço</option>
							<option value="">Uruguaio</option>
							<option value="">Outros Asiáticos</option>
							<option value="">Outros Latino Americano</option>
							<option value="">Outros</option>
                          </select></td>
					  <td colspan="2" valign="bottom" style="width: 190px;" ><input name="naturalide_clienhte" id="naturalidade_cliente" class="textBoxes" size="64" maxlength="20" /></td>
					  <td style="width: 180px;"><input name="regime_cliente" id="regime_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
	    </tr>
					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" class="bold">Profiss&atilde;o</td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" class="bold" >Cargo</td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td style="width: 180px;" class="bold">Ramo</td>
	    </tr>
					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td colspan="2" valign="bottom" class="bold" style="width: 190px;"><input name="profissao_cliente" id="profissao_cliente" class="textBoxes" size="64" maxlength="20" /></td>
					  <td colspan="2" valign="bottom" style="width: 190px;" ><input name="cargo_cliente" id="cargo_cliente" class="textBoxes" size="64" maxlength="20" /></td>
					  <td style="width: 180px;"><input name="ramo_cliente" id="ramo_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
	    </tr>
					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" class="bold">Renda</td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" class="bold" >Escolaridade</td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td style="width: 180px;" class="bold">Dependentes</td>
	    </tr>
					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" class="bold"><input name="renda1_cliente" id="renda1_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
					  <td valign="bottom" class="bold" style="width: 190px;"><input name="renda2_cliente" id="renda2_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
					  <td colspan="2" valign="bottom" style="width: 190px;" ><select class="textBoxesLeft" name="escolaridade_cliente" id="escolaridade_cliente" style="width:335px;">

                            <option value="">-- Selecione --</option>
							<option value="">Indeterminado</option>
							<option value="">Analfabeto</option>
							<option value="">Quarta série incompleto</option>
							<option value="">Quarta série compelto</option>
							<option value="">Quinta série completo</option>
							<option value="">Oitava série completo</option>
							<option value="">Segundo grau incompleto</option>
							<option value="">Segundo grau completo</option>
							<option value="">Superior incompleto</option>
							<option value="">Superior completo</option>
							<option value="">Pós graduado</option>
							<option value="">Mestrado</option>
							<option value="">Doutorado</option>
							<option value="">Outros</option>
			
                          </select></td>
					  <td style="width: 180px;"><select class="textBoxesLeft" name="dependentes_cliente" id="dependentes_cliente" style="width:150px;">

							<option value="0">--Selecione--</option>

							<option value="1">1</option>
							<option value="2">2</option>
							<option value="2">3</option>
							<option value="2">4</option>
							<option value="2">5</option>
							<option value="2">6</option>
							<option value="2">7</option>
						    <option value="2">8</option>
							<option value="2">9</option>
					  </select></td>
	    </tr>
	  </table>
	  </div>
	  <br/>
	  		<div  class="TableGroupBorder" style="width: 90%; padding:0px;  border-top:1px solid #CCCCCC; border-bottom:none;">
	<table width="900px;" >
	<tr class="TableLineEditColor">
					<td class="bold" colspan="4" style="height: 26px; width:90%" valign="bottom">Informações do cônjuge </td>
	  </tr>
	</table>
	</div>
	<div  class="TableGroupBorder" style="width: 90%; padding:0px; background-color:f0f0f0; ">
	<table cellspacing="0"  style="width: 900px;">
					

			        <tr class="TableLineEdit">

			          <td align="right" class="bold" style="width: 14px">&nbsp;</td>

			          <td valign="bottom" style="width: 190px;"><span class="bold" style="width: 120px; height: 7px;">C&ocirc;njuge</span></td>

			          <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

			          <td valign="bottom" style="width: 190px;" ><span class="bold" style="width: 120px; height: 1px">Nascimento</span></td>

			          <td valign="bottom" class="bold" style="width: 190px;">RG</td>

			          <td style="width: 180px;">&nbsp;</td>
			          <td style="width: 180px;">&nbsp;</td>
			          <td style="width: 180px;">&nbsp;</td>

                        <td width="194" style="width: 118px">                        </td>
		           </tr>					

<script>

<!--



var groups=document.frmPesquisa.cmbFinalidade.options.length

var group=new Array(groups)

for (i=0; i<groups; i++)

group[i]=new Array()



group[0][0]=new Option("--Selecione--","#")



group[1][0]=new Option("Apartamento","#")

group[1][1]=new Option("Casa","#")

group[1][2]=new Option("Casa em Condomínio","#")

group[1][3]=new Option("Terreno","#")

group[1][4]=new Option("Terreno em Condomínio","#")



group[2][0]=new Option("Espaço Comercial","#")

group[2][1]=new Option("Loja","#")

group[2][2]=new Option("Galpão","#")



group[3][0]=new Option("Propriedade Rural","#")



var temp=document.frmPesquisa.cmbTipoImovel



function redirect(x){

for (m=temp.options.length-1;m>0;m--)

temp.options[m]=null

for (i=0;i<group[x].length;i++){

temp.options[i]=new Option(group[x][i].text,group[x][i].value)

}

temp.options[0].selected=true

}



function go(){

location=temp.options[temp.selectedIndex].value

}

//-->

</script>

					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td colspan="2" valign="bottom" style="width: 190px;"><input name="conjuge_cliente" id="conjuge_cliente" class="textBoxes" size="64" maxlength="20" /></td>
					  <td valign="bottom" style="width: 190px;"><input name="nascimento_conjuge_cliente" id="nascimento_conjuge_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
					  <td valign="bottom" class="bold" style="width: 190px;"><input name="rg_conjuge_cliente" id="rg_conjuge_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 118px"></td>
	    </tr>
					<tr class="TableLineEdit">

					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>

					  <td valign="bottom" style="width: 190px;"><span class="bold" style="width: 120px; height: 1px;">CPF </span></td>

					  <td valign="bottom" class="bold" style="width: 190px;"><span class="bold" style="width: 135px; height: 1px;">Profiss&atilde;o </span></td>

					  <td valign="bottom" style="width: 190px;" >&nbsp;</td>

					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>

                        <td style="width: 118px">                        </td>
				   </tr>

					<tr class="TableLineEdit">

						<td align="right" class="bold" style="height: 26px; width: 14px;">&nbsp;</td>

						<td valign="top" style="width: 190px; height: 26px;"><input name="cpf_conjuge_cliente" id="cpf_conjuge_cliente" class="textBoxes" maxlength="20" style="width: 152px"></td>


						<td colspan="3" valign="top" class="bold" style="width: 190px; height: 26px;"><input name="profissao_conjuge_cliente" id="profissao_conjuge_cliente" class="textBoxes" size="101" maxlength="20" /></td>

					  
                        <td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
                        <td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
                        <td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>

                        <td style="width: 118px; height: 26px">                        </td>
					</tr>					

					

					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" class="bold">Nacionalidade</td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" class="bold" >Naturalidade</td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 118px"></td>
	    </tr>
					<tr class="TableLineEdit">

					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>

					  <td colspan="2" valign="bottom" style="width: 190px;"><select class="textBoxesLeft" name="nacionalidade_conjuge_cliente" id="nacionalidade_conjuge_cliente" style="width:335px;">

                            <option value="">-- Selecione --</option>
							<option value="">Alemão</option>
							<option value="">Argentino</option>
							<option value="">Belga</option>
							<option value="">Boliviano</option>
							<option value="">Brasileiro</option>
							<option value="">Britânico</option>
							<option value="">Canadense</option>
							<option value="">Chileno</option>
							<option value="">Chinês</option>
							<option value="">Coreano</option>
							<option value="">Espanhol</option>
							<option value="">Francês</option>
							<option value="">Italiano</option>
							<option value="">Japonês</option>
							<option value="">Naturalizado Brasileiro</option>
							<option value="">Norte Americano</option>
							<option value="">Paraguaio</option>
							<option value="">Português</option>
							<option value="">Sioço</option>
							<option value="">Uruguaio</option>
							<option value="">Outros Asiáticos</option>
							<option value="">Outros Latino Americano</option>
							<option value="">Outros</option>
                          </select></td>

					  <td colspan="2" valign="bottom" style="width: 190px;" ><input name="naturalidade_conjuge_cliente" id="naturalidade_conjuge_cliente" class="textBoxes" size="64" maxlength="20" /></td>

					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>

                        <td style="width: 118px">                        </td>
				   </tr>
	  </table>
	  </div>
	  <br/>
	  	<div  class="TableGroupBorder" style="width: 90%; padding:0px;  border-top:1px solid #CCCCCC; border-bottom:none;">
	<table width="900px;" >
	<tr class="TableLineEditColor">
					<td class="bold" colspan="4" style="height: 26px; width:90%" valign="bottom">Correspondência </td>
	  </tr>
	</table>
	</div>
	<div  class="TableGroupBorder" style="width: 90%; padding:0px; background-color:f0f0f0; ">
	<table cellspacing="0"  style="width: 900px;">
					
					

			        <tr class="TableLineEdit">

			          <td align="right" class="bold" style="width: 14px">&nbsp;</td>

			          <td valign="bottom" style="width: 190px;" class="bold">Endere&ccedil;o residencial </td>

			          <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>

			          <td valign="bottom" style="width: 190px;" >&nbsp;</td>

			          <td valign="bottom" class="bold" style="width: 190px;">CEP</td>

			          <td style="width: 180px;">&nbsp;</td>
			          <td style="width: 180px;">&nbsp;</td>
			          <td style="width: 180px;">&nbsp;</td>

                        <td width="194" style="width: 118px">                        </td>
		           </tr>					

<script>

<!--



var groups=document.frmPesquisa.cmbFinalidade.options.length

var group=new Array(groups)

for (i=0; i<groups; i++)

group[i]=new Array()



group[0][0]=new Option("--Selecione--","#")



group[1][0]=new Option("Apartamento","#")

group[1][1]=new Option("Casa","#")

group[1][2]=new Option("Casa em Condomínio","#")

group[1][3]=new Option("Terreno","#")

group[1][4]=new Option("Terreno em Condomínio","#")



group[2][0]=new Option("Espaço Comercial","#")

group[2][1]=new Option("Loja","#")

group[2][2]=new Option("Galpão","#")



group[3][0]=new Option("Propriedade Rural","#")



var temp=document.frmPesquisa.cmbTipoImovel



function redirect(x){

for (m=temp.options.length-1;m>0;m--)

temp.options[m]=null

for (i=0;i<group[x].length;i++){

temp.options[i]=new Option(group[x][i].text,group[x][i].value)

}

temp.options[0].selected=true

}



function go(){

location=temp.options[temp.selectedIndex].value

}

//-->

</script>

					<tr class="TableLineEdit">

					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>

					  <td colspan="3" valign="bottom" style="width: 190px;"><input name="endereco_residencial_cliente" id="endereco_residencial_cliente" class="textBoxes" size="101" maxlength="20" /></td>

				  <td valign="bottom" class="bold" style="width: 190px;"> <input name="txtCep2" id="txtCep2" class="textBoxes" maxlength="9" style="width: 104px" onKeyUp="if(this.value.length == 9) xajax_buscaCep(this.value, 'txtEndereco');" onBlur="xajax_buscaCep(this.value, 'txtEndereco');"/>
					  </span>
				      <input id="Button1" type="button" value="Buscar" onClick="if(this.value.length == 9) xajax_buscaCep(this.value, 'txtEndereco');"/></td>

					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>

                        <td style="width: 118px">                        </td>
				   </tr>

					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="height: 26px; width: 14px;">&nbsp;</td>
					  <td valign="bottom" style="width: 190px; height: 26px;" class="bold">Estado</td>
					  <td valign="bottom" class="bold" style="width: 190px; height: 26px;">Cidade</td>
					  <td valign="bottom" style="height: 26px; width: 190px;" class="bold" >Bairro</td>
					  <td valign="bottom" class="bold" style="width: 190px; height: 26px">&nbsp;</td>
					  <td valign="bottom" style="width: 180px; height: 26px;">&nbsp;</td>
					  <td valign="bottom" style="width: 180px; height: 26px;">&nbsp;</td>
					  <td valign="bottom" style="width: 180px; height: 26px;">&nbsp;</td>
					  <td style="width: 118px; height: 26px"></td>
	    </tr>
					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="height: 26px; width: 14px;">&nbsp;</td>
					  	<td valign="top" style="width: 190px; height: 26px;">

						<select class="textBoxesLeft" name="cod_estados" id="cod_estados" style="width:150px;">

						<option value="">--Selecione--</option>

					     <?php 

					         $sql = "SELECT cod_estados, sigla  

					                 FROM estados  

					                 ORDER BY sigla"; 

							 $res = mysqllistar($conect,$sql);									 

					         //$res = mysql_query( $conect,$sql );  

					         while ( $row = mysql_fetch_array( $res ) ) {  

					             echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>';  

					         }  

					     ?>  

						</option>
						</select>					  </td>
					 <td valign="top" class="bold" style="width: 190px; height: 26px;"><span style="width: 127px; height: 26px">

						

						  <select class="textBoxesLeft" name="cod_cidades" id="cod_cidades" style="width:150px;">

                            <option value="">-- Selecione um estado --</option>
                          </select>

						  

					  </span>					  </td>
					  <td colspan="2" valign="top" style="height: 26px; width: 190px;" ><input name="bairro_residencial_cliente" id="bairro_residencial_cliente" class="textBoxes" size="64" maxlength="20" /></td>
					  <td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
					  <td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
					  <td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
					  <td style="width: 118px; height: 26px"></td>
	    </tr>
					<tr class="TableLineEdit">

						<td align="right" class="bold" style="height: 26px; width: 14px;">&nbsp;</td>

						<td valign="bottom" style="width: 190px; height: 26px;" class="bold">Endere&ccedil;o comercial:</td>


						<td valign="bottom" class="bold" style="width: 190px; height: 26px;">&nbsp;</td>

					  

                        <td valign="bottom" style="height: 26px; width: 190px;" >&nbsp;</td>

						<td valign="bottom" class="bold" style="width: 190px; height: 26px">CEP</td>

						<td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
						<td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
						<td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>

                        <td style="width: 118px; height: 26px">                        </td>
					</tr>					

					

					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td colspan="3" valign="top" style="width: 190px;"><input name="endereco_comercial_cliente" class="textBoxes" size="101" maxlength="20" /></td>
					  <td valign="top" class="bold" style="width: 190px;"> <input name="txtCep2" id="txtCep2" class="textBoxes" maxlength="9" style="width: 104px" onKeyUp="if(this.value.length == 9) xajax_buscaCep(this.value, 'txtEndereco');" onBlur="xajax_buscaCep(this.value, 'txtEndereco');"/>
					  </span>
				      <input id="Button1" type="button" value="Buscar" onClick="if(this.value.length == 9) xajax_buscaCep(this.value, 'txtEndereco');"/></td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 118px"></td>
	    </tr>
					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="width: 14px">&nbsp;</td>
					  <td valign="bottom" style="width: 190px;" class="bold">Estado</td>
					  <td valign="bottom" class="bold" style="width: 190px;">Cidade</td>
					  <td valign="bottom" style="width: 190px;" class="bold" >Bairro</td>
					  <td valign="bottom" class="bold" style="width: 190px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 180px;">&nbsp;</td>
					  <td style="width: 118px"></td>
	    </tr>
					<tr class="TableLineEdit">
					  <td align="right" class="bold" style="height: 26px; width: 14px;">&nbsp;</td>
					  	<td valign="top" style="width: 190px; height: 26px;">

						<select class="textBoxesLeft" name="cod_estados2" id="cod_estados2" style="width:150px;">

						<option value="">--Selecione--</option>

					     <?php 

					         $sql = "SELECT cod_estados, sigla  

					                 FROM estados  

					                 ORDER BY sigla"; 

							 $res = mysqllistar($conect,$sql);									 

					         //$res = mysql_query( $conect,$sql );  

					         while ( $row = mysql_fetch_array( $res ) ) {  

					             echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>';  

					         }  

					     ?>  

						</option>
						</select>					  </td>
					 <td valign="top" class="bold" style="width: 190px; height: 26px;"><span style="width: 127px; height: 26px">

						

						  <select class="textBoxesLeft" name="cod_cidades2" id="cod_cidades2" style="width:150px;">

                            <option value="">-- Selecione um estado --</option>
                          </select>

						  

					  </span>					  </td>
					  <td colspan="2" valign="top" style="height: 26px; width: 190px;" ><input name="bairro_comercial_cliente" class="textBoxes" size="64" maxlength="20" /></td>
					  <td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
					  <td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
					  <td valign="top" style="width: 180px; height: 26px;">&nbsp;</td>
					  <td style="width: 118px; height: 26px"></td>
	    </tr>
	  </table>
	  </div>
    <br /></div>

só um pedaço dele hehe..

preciso cadastrar os campos sem dar refresh na pagina para qnao pisque e para q eu nao perca os dados dos inputs...

Des de ja agradeço

Beijos e abraços e fuii!


PAZ A TODOS (y)



#1004419 Somar Campos Criados Por Js

Posted by MatheusGordo on 11/10/2010, 16:59 in Javascript / DOM / AJAX / ECMAScript

É eu sei o cara tem q ser ninja pra resolver isso jisakosakosdasdko

Algum ninja ai :rolleyes: :wacko: ?



#1004314 Somar Campos Criados Por Js

Posted by MatheusGordo on 07/10/2010, 16:50 in Javascript / DOM / AJAX / ECMAScript

Olá pessoal sou novo aki no forum e estou precisando de uma ajudinha de vcs...

Preciso somar os campos que são criados por código js..

function addInput() {   
if (iCampos <= iCamposTotal) {
        hidden1 = document.getElementById("hidden1");
        
        //Criando uma variável que armazenará as informações da linha que será criada.
        //Os campos estão sendo colocados no interior de uma div, pois a linha contém muitos elementos;
        //Basta excluir a div, para excluir todos os elementos da linha;
        var texto = "<div id='linha"+iCount+"'>";
			texto = texto + "<p><img src='img/shim.gif' width='20px;' />Lista de Investimentos (Selecione o tipo de investimento e digite o valor)";
			texto = texto +	"<br/>";
			texto = texto + "<br/>";
			texto = texto + "<img src='img/shim.gif' width='20px;' />Fundo de Investimento :"; 
			texto = texto +	"<select name='selTipo"+iCount+"' id='tipo"+iCount+"' >";
			texto = texto +	"<option>Selecione</option>";
			texto = texto +	"</select> Valor:  <input onkeypress='return SomenteNumero(event)' class='f1'  name='txValor[]' type='text' id='txValor' value='' />";
			texto = texto + "<input name='btnAdd' id='btnAdd' type='button' value='+'  onclick='addInput();' /> </p>";
			texto = texto + "<p>";
			texto = texto + "<input type='button' value='Remover' onclick='removeInput(\"linha"+iCount+"\")'>";
			texto = texto +	"</p>";
			texto = texto +	"<hr width='585px' align='left'/>";
			texto = texto +	"<br/>";          
  			texto = texto + "</div>";
        //Capturando a div principal, na qual os novos divs serão inseridos:
        var camposTexto = document.getElementById('camposTexto');   
        camposTexto.innerHTML = camposTexto.innerHTML+texto;
  
        //Escrevendo no hidden os ids que serão passados via POST;
        //No código ASP ou PHP, você poderá pegar esses valores com um split, por exemplo;
                if (hidden1.value == "") {
                        document.getElementById("hidden1").value = iCount;
                }else{
                        document.getElementById("hidden1").value += ","+iCount;
                }
iCount++;
iCampos++;
}   
}




Preciso fazer o calculo para dar os % de cada um..


Calculo:

TOTAL /(Dividido) VALOR * (vezes) 100

Legenda:

TAOTAL -> soma de todos os inputs

VALOR -> Valor individual de cada input


preciso disso para gerar o gráfico do google...

Des de já agradeço a todos, e como primeiro pots peço desculpas se fiz algo de errado hehehe


PAZ A TODOS!!! amém




IPB Skin By Virteq