Ir para conteúdo
Fórum Script Brasil
  • 0

Uma ajuda com DIVS

arldin

Perguntado por arldin,

 Share

Pergunta

arldin

arldin

Postado
Postado

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" />
&lt;script language="JavaScript" src="banner.js"></script>
<div id="banner_popup">
<html>

<head>

&lt;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>
         &lt;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>
          &lt;script language="JavaScript">
if(document.getElementById('banner_popup'))
    abre_banner();
</script>

                </div> 
        </div> 
</body> 
</html>
cep.asp 
&lt;script src="scripts/lib/jquery.js" type=text/javascript></SCRIPT>
&lt;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>

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...