Divs

arldin · Abril 30, 2012

Bpa tarde amigos eu tenho uma pagina com 3 divs ocutos no momento em que faz a solicitação eles abrem,

Ate tudo bem nos 3 divs contem prtes identicas com os campos de endreço no qual digitando so o cep preenche o resto

o meu dilema esta que quando abro o primeiro divi e digito o cep ele completa mais os outros doi não alguém pode me da uma ajuda neste sentindo

Abaixo os scripts

pagina dos DIVS

ocutar.asp

<!--#include file="cep.asp" -->
<link href="banner.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="banner.js"></script>
<div id="banner_popup">
<html>

<head>

<script type="text/javascript"> 
function id( el ){ 
       return document.getElementById( el ); 
} 
function mostra( el ){ 
       id( el ).style.display = 'block'; 
} 
function esconde_todos( el, tagName ){ 
       var tags = el.getElementsByTagName( tagName ); 
       for( var i=0; i<tags.length; i++ ) 
       { 
               tags[i].style.display = 'none'; 
       } 
} 
window.onload = function() 
{
       id('boleto').style.display = 'none'; 
       id('cheque').style.display = 'none'; 
       id('vista').style.display = 'none'; 

       id('pagamento').onchange = function() 
       { 
               esconde_todos( id('palco'), 'div' ); 
               mostra( this.value ); 
       } 
       var radios = document.getElementsByTagName('input'); 
       for( var i=0; i<radios.length; i++ ){ 
               if( radios[i].type=='radio' ) 
               { 
                       radios[i].onclick = function(){ 
                               esconde_todos( id('palco'), 'div' ); 
                               mostra( this.value ); 
                       } 
               } 
       } 
} 
</script> 
</head>

<body> 

       <select name="pagamento" id="pagamento"> 
               <option value=""></option> 
               <option value="boleto">Boleto</option> 
               <option value="cheque">Cheque ´Pré</option> 
               <option value="vista">A vista</option> 
       </select> 

       <div id="palco">
               <div id="boleto"><FORM TARGET="_parent" id=formEmail method=post name=formEmail 
       action=boleto_bradesco3.php><BR>Opção:<SELECT NAME="pagamento" SIZE="1">
<OPTION VALUE="Boleto" SELECTED>Boleto</OPTION>
</SELECT>
           Comprador:<input TYPE="Text" NAME="sacado" SIZE="45"><BR>
           CEP: <INPUT onblur=getEndereco() id=cep maxLength=8 size=9 
           name=cep> (Digite só o cep)<BR><LABEL for=rua>Logadouro:</LABEL> 
           <INPUT style="WIDTH: 288px; HEIGHT: 22px" id=rua size=42 
           name=endereco1> Numero:<INPUT id=num size=8 name=num><BR><LABEL 
           for=bairro>Bairro:</LABEL> <INPUT id=bairro size=30 name=bairro> 
           <BR><LABEL for=cidade>Cidade:</LABEL> <INPUT id=cidade name=cidade> 
           <BR><LABEL for=estado>Estado</LABEL> <INPUT id=estado maxLength=2 
           size=2 name=estado> <BR></P>
           <P id=tel NAME="tel" SIZE="8">Ddd Telefone:<INPUT 
           style="WIDTH: 94px; HEIGHT: 22px" id=tel 
           onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" 
           maxLength=13 size=12 name=tel> 
           <P id=fax NAME="fax" SIZE="8">Ddd Fax:<INPUT 
           style="WIDTH: 94px; HEIGHT: 22px" id=fax 
           onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" 
           maxLength=13 size=12 name=fax><BR>Aluguel R$ 300,00<BR>Venda R$ 600,00<BR>Escolha:
           <SELECT NAME="valor_boleto" SIZE="1">
<OPTION VALUE=""></OPTION>
<OPTION VALUE="300,00">300,00</OPTION>
<OPTION VALUE="600,00">600,00</OPTION>
</SELECT> 
           <P>Email de resposta: <INPUT style="WIDTH: 278px; HEIGHT: 22px" 
           id=responder size=33 name=responder><br>
           <INPUT value="Gerar Boleto" size=10 type=submit name=bot>
</FORM>        

       </div> 
               <div id="cheque">

<BODY background=http://www.sofestainfantis.com.br/index_arquivos/image306.gif>
<form method="POST" action="homemaranha.asp" onsubmit="window.open('','pop','scrollbars=yes,width=450,height=150' 
)" target=pop>                
               <SELECT NAME="pagamento" SIZE="1">
               <OPTION VALUE="Cheque" SELECTED>Cheque</OPTION>
               </SELECT>
               Comprador:<input TYPE="Text" NAME="sacado" SIZE="45"><BR>
               CEP: <INPUT onblur=getEndereco1() id=cep maxLength=8 size=9 
               name=cep> (Digite só o cep)<BR><LABEL for=rua>Logadouro:</LABEL> 
               <INPUT style="WIDTH: 288px; HEIGHT: 22px" id=rua size=42 
               name=endereco1> Numero:<INPUT id=num size=8 name=num><BR><LABEL 
               for=bairro>Bairro:</LABEL> <INPUT id=bairro size=30 name=bairro> 
               <BR><LABEL for=cidade>Cidade:</LABEL> <INPUT id=cidade name=cidade> 
               <BR><LABEL for=estado>Estado</LABEL> <INPUT id=estado maxLength=2 
               size=2 name=estado> <BR></P>
               <P id=tel NAME="tel" SIZE="8">Ddd Telefone:<INPUT 
               style="WIDTH: 94px; HEIGHT: 22px" id=tel 
               onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" 
               maxLength=13 size=12 name=tel> 
               <P id=fax NAME="fax" SIZE="8">Ddd Fax:<INPUT 
               style="WIDTH: 94px; HEIGHT: 22px" id=fax 
               onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" 
               maxLength=13 size=12 name=fax>
               Aluguel R$ 300,00 Vendas R$ 600,00<BR>Escolha:<SELECT 
       size=1 name=valor_boleto> <OPTION selected value=""></OPTION> <OPTION 
         value="Alugar R$ 300,00">Alugar R$ 300,00</OPTION> <OPTION 
         value="Comprar R$ 600,00">Comprar R$ 600,00</OPTION></SELECT><BR>
         Cheque Num:<INPUT id=chnum size=10 
       name=chnum>Banco Num:<INPUT id=bcnum size=8 name=bcnum> Agencia 
       num:<INPUT id=agnum size=6 name=agnum><BR>C/c:<INPUT id=cc name=cc> Bom 
       Para <INPUT style="WIDTH: 82px; HEIGHT: 22px" id=dta 
       onkeypress="formatar(this,'00/00/0000')" maxLength=10 size=10 name=dta><BR>
       Seu E-mail:<input TYPE="Text" NAME="responder" SIZE="35"><BR>    
       <INPUT TYPE="submit" VALUE="ENVIAR" NAME="Enviar"></FORM>
        <script language="JavaScript">
if(document.getElementById('banner_popup'))
abre_banner();
</script>       

               </div> 
               <div id="vista">
           <form method="POST" action="homemaranha.asp" onsubmit="window.open('','pop','scrollbars=yes,width=450,height=150' 
           )" target=pop>                
               <SELECT NAME="pagamento" SIZE="1">
           <OPTION VALUE="A vista" SELECTED>A vista</OPTION>
           </SELECT>
           Comprador:<input TYPE="Text" NAME="sacado" SIZE="45"><BR>
           CEP: <INPUT onblur=getEndereco() id=cep maxLength=8 size=9 
           name=cep> (Digite só o cep)<BR><LABEL for=rua2>Logadouro:</LABEL> 
           <INPUT style="WIDTH: 288px; HEIGHT: 22px" id=rua size=42 
           name=endereco1> Numero:<INPUT id=num size=8 name=num><BR><LABEL 
           for=bairro>Bairro:</LABEL> <INPUT id=bairro size=30 name=bairro> 
           <BR><LABEL for=cidade>Cidade:</LABEL> <INPUT id=cidade name=cidade> 
           <BR><LABEL for=estado>Estado</LABEL> <INPUT id=estado maxLength=2 
           size=2 name=estado> <BR></P>
           <P id=tel NAME="tel" SIZE="8">Ddd Telefone:<INPUT 
           style="WIDTH: 94px; HEIGHT: 22px" id=tel 
           onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" 
           maxLength=13 size=12 name=tel> 
           <P id=fax NAME="fax" SIZE="8">Ddd Fax:<INPUT 
           style="WIDTH: 94px; HEIGHT: 22px" id=fax 
           onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" 
           maxLength=13 size=12 name=fax>
               Aluguel R$ 300,00 Vendas R$ 600,00<BR>Escolha:<SELECT 
       size=1 name=valor_boleto> <OPTION selected value=""></OPTION> <OPTION 
         value="Alugar R$ 300,00">Alugar R$ 300,00</OPTION> <OPTION 
         value="Comprar R$ 600,00">Comprar R$ 600,00</OPTION></SELECT><BR>
         Seu E-mail:<input TYPE="Text" NAME="responder" SIZE="35"><BR>
         <INPUT TYPE="submit" VALUE="ENVIAR" NAME="Enviar"></FORM>
         <script language="JavaScript">
if(document.getElementById('banner_popup'))
abre_banner();
</script>

               </div> 
       </div> 
</body> 
</html>

cep.asp

<script src="scripts/lib/jquery.js" type=text/javascript></SCRIPT>
<script type=text/javascript>
// Função única que fará a transação
function getEndereco() {
		// Se o campo CEP não estiver vazio
		if($.trim($("#cep").val()) != ""){
			/* 
				Para conectar no serviço e executar o json, precisamos usar a função
				getScript do jQuery, o getScript e o dataType:"jsonp" conseguem fazer o cross-domain, os outros
				dataTypes não possibilitam esta interação entre domínios diferentes
				Estou chamando a url do serviço passando o parâmetro "formato=javascript" e o CEP digitado no formulário
http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+"$("#cep").val()
			*/
			$.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val(), function(){
				// o getScript dá um eval no script, então é só ler!
				//Se o resultado for igual a 1
		  		if(resultadoCEP["resultado"]){
					// troca o valor dos elementos
					$("#rua").val(unescape(resultadoCEP["tipo_logradouro"])+": "+unescape(resultadoCEP["logradouro"]));
					$("#bairro").val(unescape(resultadoCEP["bairro"]));
					$("#cidade").val(unescape(resultadoCEP["cidade"]));
					$("#estado").val(unescape(resultadoCEP["uf"]));
				}else{
					alert("Endereço não encontrado");
				}
			});				
		}			
}


function txtBoxFormat(objeto, sMask, evtKeyPress) {
   var i, nCount, sValue, fldLen, mskLen,bolMask, sCod, nTecla;


if(document.all) { // Internet Explorer
   nTecla = evtKeyPress.keyCode;
} else if(document.layers) { // Nestcape
   nTecla = evtKeyPress.which;
} else {
   nTecla = evtKeyPress.which;
   if (nTecla == 8) {
       return true;
   }
}

   sValue = objeto.value;
   // Limpa todos os caracteres de formatação que
   // já estiverem no campo.
   sValue = sValue.toString().replace( "-", "" );
   sValue = sValue.toString().replace( "/", "" );
   sValue = sValue.toString().replace( "/", "" );
   sValue = sValue.toString().replace( ":", "" );
   sValue = sValue.toString().replace( ":", "" );
   sValue = sValue.toString().replace( "(", "" );
   sValue = sValue.toString().replace( "(", "" );
   sValue = sValue.toString().replace( ")", "" );
   sValue = sValue.toString().replace( ")", "" );
   sValue = sValue.toString().replace( " ", "" );
   sValue = sValue.toString().replace( " ", "" );
   fldLen = sValue.length;
   mskLen = sMask.length;

   i = 0;
   nCount = 0;
   sCod = "";
   mskLen = fldLen;

   while (i <= mskLen) {
     bolMask = ((sMask.charAt(i) == "-") || (sMask.charAt(i) == ".") || (sMask.charAt(i) == "/") || (sMask.charAt(i) == ":"))
     bolMask = bolMask || ((sMask.charAt(i) == "(") || (sMask.charAt(i) == ")") || (sMask.charAt(i) == " "))

     if (bolMask) {
       sCod += sMask.charAt(i);
       mskLen++; }
     else {
       sCod += sValue.charAt(nCount);
       nCount++;
     }

     i++;
   }

   objeto.value = sCod;

   if (nTecla != 8) { // backspace
     if (sMask.charAt(i-1) == "9") { // apenas números...
       return ((nTecla > 47) && (nTecla < 58)); } 
     else { // qualquer caracter...
       return true;
     } 
   }
   else {
     return true;
   }
 }
</SCRIPT>

xanburzum · Maio 1, 2012

desculpa amigo, não entendi muito bem sua dúvida, poderia ser mais especifico

arldin · Maio 1, 2012

desculpa amigo, não entendi muito bem sua dúvida, poderia ser mais especifico

Amigo xanburzum

e o seguinte na pagina que contem os 3 div em todos os divs contem as mesma informação de endereço

quando digitar o Cep e resto e preencido altomativamente como rua bairro cidade

So no primeiro div isto acontece nos outros dois não pois os campos são os mesmo e os nomes tambem gostaria de sabe a onde esta o erro para que os outros não fazem o preenchimento altomatico

xanburzum · Maio 2, 2012

precisa fazer um loop para as div´s no JQuery.

arldin · Maio 2, 2012

precisa fazer um loop para as div´s no JQuery.

Bem amigo agora você fez os meus cabelos branco ficarem mais branco

Pois não tenho a menor ideia de como fazer

Entrar

Arquivado

Divs

Recommended Posts

arldin 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

arldin 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

arldin 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante