Jump to content
Fórum Script Brasil
  • 0

Uma ajuda com DIVS

arldin

Asked by arldin,

 Share

Question

arldin

arldin

Posted
Posted

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 to comment
Share on other sites

2 answers to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing


  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...