Jump to content
b2black

ativa css e desativa ao rolar scroll

Recommended Posts

Ajuda com script para que, quando o usuário rolar a página, o menu fica fixed, e quando ele voltar ao topo, fica static.

 

<div id="navbar" class="navbar">
  <a href="index.php">
    <img src="https://i.ibb.co/Z2TKYRX/artx-logo-text.png" alt="Art X" class="artx-logo">
  </a>
  <nav id="nav">
    <button aria-label="Abrir Menu" id="btn-mobile" aria-haspopup="true" aria-controls="menu" aria-expanded="false">
    <span id="hamburger"></span>
    </button>
    <ul id="menu" role="menu">
      <li><a href="index.php">Inicio</a></li>
      <li><a href="">Portfólio</a></li>
      <li><a href="">Clientes</a></li>
      <li><a href="">Institucional</a></li>
      <li><a href="">Contato</a></li>
    </ul>
  </nav>
  <div class="btn-finance">
    <button><a href="orc.php">Solicite um orçamento</a></button>
  </div>
</div>

 

#navbar {
  box-sizing: border-box;
  width: 100%;
  position: static;
  top: 0;
  height: 50px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.artx-logo {
  margin-top: 5px;
}

.navbar {
  width: 100%;
  position: fixed;
  top: 0;
  background: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}


#menu {
  display: flex;
  list-style: none;
  gap: 0.5rem;
}

#menu a {
  display: block;
  padding: 2rem;
  color: #131313;
  font-size: 14px;

}

#menu a:hover {
  background: -webkit-linear-gradient(-70deg, #be79b2 30%, #884593 50%, #3f2c52 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;

}

#btn-mobile {
  display: none;
}



@media (max-width: 900px) {

  .btn-finance {display: none;}

}


@media (max-width: 768px) {

  .btn-finance {display: none;}

  .artx-btn {
    display: none;
  }
  #menu {
    display: block;
    position: absolute;
    width: 100%;
    top: 50px;
    right: 0px;
    background-color: white;
    transition: 0.6s;
    z-index: 1000;
    height: 0px;
    visibility: hidden;
    overflow-y: hidden;
  }
  #nav.active #menu {
    height: calc(100vh - 50px);
    visibility: visible;
    overflow-y: auto;
  }
  #menu a {
    padding: 1rem 0;
    margin: 0 1rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  }
  #btn-mobile {
    display: flex;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0.5rem;
  }
  #hamburger {
    border-top: 2px solid;
    width: 20px;
  }
  #hamburger::after,
  #hamburger::before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #131313;
    margin-top: 5px;
    transition: 0.3s;
    position: relative;
  }
  #nav.active #hamburger {
    border-top-color: transparent;
  }
  #nav.active #hamburger::before {
    transform: rotate(135deg);
  }
  #nav.active #hamburger::after {
    transform: rotate(-135deg);
    top: -7px;
  }
}

.btn-finance button {
    background: linear-gradient(to bottom, #884593 5%, #884593 100%);
    background-color: #ffffff;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 10px;
    text-decoration: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    
}
.btn-finance button a {
  color: white;
}

.btn-finance button:hover {
    border: none;
    background: linear-gradient(to bottom, #131313 5%, #131313 100%);
    background-color: #131313;
    display: inline-block;
    cursor: pointer;
    color: white;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

 

Share this post


Link to post
Share on other sites

Existe outro position que poderia ser usado o sticky, tente usa-lo e verifique nos principais browsers se  haverá incompatibilidade

 

Principais alterações:

CSS:

/*Apenas para teste*/
#content {
  height: 2000px;
}

#navbar {
  box-sizing: border-box;
  width: 100%;
  /*position: static;*/ 
  position: sticky;
  top: 0;
  height: 50px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.navbar {
  width: 100%;
  /*position: fixed;*/
  top: 0;
  background: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

 

Exemplo:

JsBin:https://jsbin.com/qevavudeca/edit?html,css,output 

 

Outras formas sem utilizar sticky:

https://stackoverflow.com/questions/63458661/how-to-make-a-sticky-navbar-without-js

Share this post


Link to post
Share on other sites
1 hora atrás, wanderval disse:

Existe outro position que poderia ser usado o sticky, tente usa-lo e verifique nos principais browsers se  haverá incompatibilidade

 

Principais alterações:

CSS:


/*Apenas para teste*/
#content {
  height: 2000px;
}

#navbar {
  box-sizing: border-box;
  width: 100%;
  /*position: static;*/ 
  position: sticky;
  top: 0;
  height: 50px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.navbar {
  width: 100%;
  /*position: fixed;*/
  top: 0;
  background: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

 

Exemplo:

JsBin:https://jsbin.com/qevavudeca/edit?html,css,output 

 

Outras formas sem utilizar sticky:

https://stackoverflow.com/questions/63458661/how-to-make-a-sticky-navbar-without-js

 

É isso mesmo, só que quando chega na metade da página, o menu some, como resolver?

Share this post


Link to post
Share on other sites
9 horas atrás, wanderval disse:

isso deve estar ocorrendo porque você deve ter um container principal que tem um height com tamanho definido

 

Obrigado, resolvido! Nem precisou de JS.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Felipe Guedes Coutinho
      Galera, estou precisando ler 1 arquivo TXT mas não quero usar nenhum INPUT para carregar o arquivo.
       
      Eu tenho uma estrutura de pasta onde os meus arquivos TXT ficaram fisicamente e no meu código HTML + JS quero que ao alterar um SELECT OPTION, através da escolha eu validar se o arquivo com o nome selecionado existe na página e se existir eu ler ele e adicionando em um elemento qualquer, uma DIV como conteúdo ou dentro de uma TEXTAREA.
       
      Vou montar a estrutura de pasta abaixo e colocar imagens de exemplo:
       
      Estrutura de pasta
      projeto
          index.html
          dclgen <-- Aqui dentro tenho vários arquivos do formato TXT
              t1.txt
              t2.txt
              t3.txt
              ...
              t4.txt
       
      Pasta DCLGEN dentro da pasta projeto e a pasta DCLGEN junto com o arquivo HTML

       
      Ao escolher no SELECT o nome T1 quero que o JavaScript veja se o arquivo t1.txt existe e se existir quero LER o conteúdo dele e jogar em um ELEMENTO HTML.

       
      Preciso fazer isso da forma mais "SIMPLES" possível usando HTML e JavaScript.
       
      Alguém pode dar um help? Pesquisei no Google muitas opções e os códigos encontrados não me atenderam.
       
      Não quero ser obrigado a fazer um "UPLOAD" usando um INPUT do TIPO FILE, quero usar algo já dentro da pasta do projeto.
      <!DOCTYPE html> <html> <head> <title>Read Text File Tutorial</title> </head> <body> <input type="file" onchange="loadFile(this.files[0])"> <br> <pre id="output"></pre> <script> async function loadFile(file) { let text = await file.text(); document.getElementById('output').textContent = text; } </script> </body> </html> Código usando FileReader, mas que também está usando um INPUT como estimúlo, não é o que quero.
      document.getElementById('file').onchange = function(){ var file = this.files[0]; var reader = new FileReader(); reader.onload = function(progressEvent){ var fileContentArray = this.result.split(/\r\n|\n/); for(var line = 0; line < lines.length-1; line++){ console.log(line + " --> "+ lines[line]); } }; reader.readAsText(file); }; Encontrei esse código também, mas não consegui usar...
      Esse é o parâmetro passado na url "https://dicasdejavascript.com.br/exemplo.txt" function lerURL(URL) { var http = new XMLHttpRequest(); http.open("GET", URL, false); http.send(); console.log(http.responseText); } Espero que alguém consiga me ajudar...
       
      Desde já agradeço.
       
      Atenciosamente.
      Felipe Coutinho

    • By Giovanird
      Ola!
      Tenho uma lista de usuários e um link que abre uma div que mostra os detalhes deste usuario, este link usa o evento onClick do javascript.
      O problema é que quando clicado para abrir a div, a tela sobe para o inicio do topo.
      Preciso que a tela nao faça a rolagem para o topo e sim que fique na posição da lista.
      Segue meu codigo abaixo.
      Obrigado por momento
       
      <div class="container"> <div class="row"> <?php foreach para listar os usuários.... ?> <div class="col-10"> Nome do usuário </div> <div class="col-2"> <a href="#" onClick="Mudarestado('minhaDiv<?=$cod?>')"><img src="icons/chevron-right.svg"></a> </div> *** Parte ficará visivel ao clicar no link OnClick *** <div class="divacoes" id="minhaDiv<?=$cod?>" style="display:none"> <div class="row"> <div class="col"> ... dados dos usuarios... </div> </div> </div> *** **** <?php fim foreach que gera a lista de usuários... ?> </div> </div> <style> .divacoes { background-color: #64A338; border: none; padding: 20px; width: 97%; height: 80px; } </style> <script> function Mudarestado(el) { var display = document.getElementById(el).style.display; if (display == "none") document.getElementById(el).style.display = 'block'; else document.getElementById(el).style.display = 'none'; } </script>  
    • By Rafael Massula
      Boa noite pessoal, 
      Tenho o seguinte código em .Net que faz a comparação de uma senha que foi criptografada e salva no banco com a senha comum que o usuário conhece. O algoritmo que desenvolvi foi esse da image.png porem preciso converter essa verificação para JavaScript pela seguinte necessidade, será uma aplicação em electron e ela poderá funcionar offline então não terei como mandar a verificação para o servidor. Existe alguma possibilidade? Desde já agradeço. 

    • By raphaelfsales
      <div id="ctl00_Main_withdrawal_ctl00_PaymentMethodControl"> <div class="clr"> <div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankCountry11_msg" cnt="<span>Campo inválido</span><br/>" req="<span>O campo deve ser completado</span><br/>" fnm="País do Banco" class="valdnPnl"> <div class="lbl">País do Banco</div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl02_ctrl" class=" ctrlPnl ddl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pBankCountry11"> <select name="ctl00$Main$withdrawal$ctl00$cWd$BankCountry" onchange="javascript:setTimeout('__doPostBack(\'ctl00$Main$withdrawal$ctl00$cWd$BankCountry\',\'\')', 0)" id="ctl00_Main_withdrawal_ctl00_cWd_BankCountry" tabindex="1" validate="con" group="Bank" style="width:100%" evt=""> <option value="2">Afeganistão</option> <option value="3">Albânia</option> <option value="4">Argélia</option> <option value="5">Samoa Americana</option> <option value="6">Andorra</option> <option value="8">Angola</option> <option value="7">Anguilla</option> <option value="9">Antígua e Barbuda</option> <option value="10">Argentina</option> <option value="11">Armênia</option> <option value="12">Aruba</option> <option value="13">Austrália</option> <option value="14">Áustria</option> <option value="15">Azerbaijão</option> <option value="16">Bahamas</option> <option value="17">Bahrein</option> <option value="18">Bangladesh</option> <option value="19">Barbados</option> <option value="20">Bielorrússia</option> <option value="22">Bélgica</option> <option value="21">Belize</option> <option value="23">Benim</option> <option value="24">Bermudas</option> <option value="25">Bolívia</option> <option value="26">Bósnia e Herzegovina</option> <option value="27">Botsuana</option> <option selected="selected" value="28">Brasil</option> <option value="29">Ilhas Virgens Britânicas</option> <option value="30">Brunei </option> <option value="270">Buenos Aires City</option> <option value="271">Buenos Aires Province</option> <option value="31">Bulgária</option> <option value="32">Burkina Faso</option> <option value="33">Burundi</option> <option value="34">Camboja</option> <option value="35">Camarões</option> <option value="36">Canadá</option> <option value="272">Canada - Ontario</option> <option value="37">Cabo Verde</option> <option value="38">Ilhas Caimão</option> <option value="39">República Centro-Africana</option> <option value="40">Chade</option> <option value="41">Chile</option> <option value="42">China</option> <option value="44">Colômbia</option> <option value="45">Congo</option> <option value="46">Ilhas Cook</option> <option value="47">Costa Rica</option> <option value="50">Croácia</option> <option value="49">Cuba</option> <option value="260">Curaçau</option> <option value="51">Chipre</option> <option value="52">República Checa</option> <option value="53">Repúb. Democrática do Congo</option> <option value="54">Dinamarca</option> <option value="55">Djibuti</option> <option value="56">Dominica</option> <option value="57">República Dominicana</option> <option value="58">Equador</option> <option value="59">Egito</option> <option value="60">El Salvador</option> <option value="62">Guiné Equatorial</option> <option value="63">Eritreia</option> <option value="64">Estônia</option> <option value="65">Etiópia</option> <option value="66">Ilhas Faroé</option> <option value="67">Ilhas Fiji</option> <option value="68">Finlândia</option> <option value="70">França</option> <option value="69">Guiana Francesa</option> <option value="183">Polinésia Francesa</option> <option value="72">Gabão</option> <option value="73">Gâmbia</option> <option value="74">Geórgia</option> <option value="75">Alemanha</option> <option value="76">Gana</option> <option value="77">Gibraltar</option> <option value="78">Grécia</option> <option value="218">Groenlândia</option> <option value="79">Granada</option> <option value="81">Guadalupe</option> <option value="80">Guam</option> <option value="82">Guatemala</option> <option value="83">Guiné</option> <option value="84">Guiné-Bissau</option> <option value="85">Guiana</option> <option value="86">Haiti</option> <option value="87">Honduras</option> <option value="88">Hong Kong</option> <option value="89">Hungria</option> <option value="90">Islândia</option> <option value="91">Índia</option> <option value="92">Indonésia</option> <option value="93">Iraque</option> <option value="95">Irlanda (Rep. Da)</option> <option value="222">Ilha de Man</option> <option value="96">Israel</option> <option value="97">Italia</option> <option value="48">Costa do Marfim</option> <option value="98">Jamaica</option> <option value="99">Japão</option> <option value="100">Jordânia</option> <option value="101">Cazaquistão</option> <option value="102">Quênia</option> <option value="103">Coreia do Norte</option> <option value="104">Coreia do Sul</option> <option value="266">Kosovo</option> <option value="105">Kuwait</option> <option value="106">Quirguistão</option> <option value="107">Laos</option> <option value="108">Letônia</option> <option value="109">Líbano</option> <option value="110">Lesoto</option> <option value="111">Libéria</option> <option value="112">Libía</option> <option value="113">Liechtenstein</option> <option value="114">Lituânia</option> <option value="115">Luxemburgo</option> <option value="116">Macau</option> <option value="214">Macedônia</option> <option value="117">Madagascar</option> <option value="118">Malawi</option> <option value="121">Malásia</option> <option value="122">Maldivas</option> <option value="119">Mali</option> <option value="120">Malta</option> <option value="123">Martinica</option> <option value="124">Mauritânia</option> <option value="125">Maurícia</option> <option value="126">México</option> <option value="127">Moldávia</option> <option value="224">Mônaco</option> <option value="128">Mongólia</option> <option value="225">Montenegro</option> <option value="129">Montserrat</option> <option value="130">Marrocos</option> <option value="131">Moçambique</option> <option value="132">Myanmar</option> <option value="133">Namíbia</option> <option value="134">Nepal</option> <option value="135">Holanda</option> <option value="136">Antilhas Holandesas</option> <option value="137">Nova Caledónia</option> <option value="138">Nova Zelândia</option> <option value="139">Nicarágua</option> <option value="140">Níger</option> <option value="141">Nigéria</option> <option value="143">Noruega</option> <option value="144">Omã</option> <option value="145">Paquistão</option> <option value="146">Palestina</option> <option value="147">Panamá</option> <option value="148">Papua Nova Guiné</option> <option value="149">Paraguai</option> <option value="150">Peru</option> <option value="151">Filipinas</option> <option value="152">Polónia</option> <option value="153">Portugal</option> <option value="154">Porto Rico</option> <option value="155">Qatar</option> <option value="156">Roménia</option> <option value="158">Rússia</option> <option value="157">Ruanda</option> <option value="159">San Marino</option> <option value="160">São Tomé e Príncipe</option> <option value="161">Arábia Saudita</option> <option value="163">Senegal</option> <option value="240">Sérvia</option> <option value="164">Seychelles</option> <option value="165">Serra Leoa</option> <option value="166">Singapura</option> <option value="172">Eslováquia</option> <option value="167">Eslovénia</option> <option value="168">Ilhas Salomão</option> <option value="170">Somália</option> <option value="169">África do Sul</option> <option value="171">Espanha</option> <option value="176">Sri Lanka </option> <option value="177">São Cristóvão e Névis</option> <option value="178">Santa Lúcia</option> <option value="179">São Vicente e Granadinas</option> <option value="175">Sudão</option> <option value="180">Suriname </option> <option value="173">Suazilândia</option> <option value="181">Suécia</option> <option value="174">Suíça</option> <option value="182">Síria</option> <option value="212">Ilha Formosa</option> <option value="184">Tajiquistão</option> <option value="185">Tanzânia</option> <option value="186">Tailândia</option> <option value="187">Togo</option> <option value="188">Tonga</option> <option value="193">Trinidad e Tobago</option> <option value="189">Tunísia</option> <option value="190">Turquia</option> <option value="191">Turquemenistão</option> <option value="192">Ilhas Turcas e Caicos</option> <option value="194">Uganda</option> <option value="195">Ucrânia</option> <option value="196">Emirados Árabes Unidos</option> <option value="197">Reino Unido</option> <option value="199">Uruguai</option> <option value="200">Ilhas Virgens Americanas</option> <option value="201">Uzbequistão</option> <option value="202">Vanuatu</option> <option value="203">Venezuela</option> <option value="204">Vietname</option> <option value="206">Samoa</option> <option value="208">Iêmen</option> <option value="207">Zâmbia</option> <option value="210">Zimbabue</option> </select> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl02_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl02_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankCountry11_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankName12_msg" cnt="<span>Campo inválido</span><br/>Por favor introduza o nome do seu banco." req="<span>O campo deve ser completado</span><br/>Por favor introduza o nome do seu banco." min="<span>Introduziu um número incorrecto de caracteres</span><br/>Por favor introduza o nome do seu banco." max="<span>Introduziu um número incorrecto de caracteres</span><br/>Por favor introduza o nome do seu banco." fnm="Nome do Banco" class="valdnPnl"> <div class="lbl">Nome do Banco</div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl05_ctrl" class=" ctrlPnl ddl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pBankName12"> <select name="ctl00$Main$withdrawal$ctl00$cWd$BankName12" onchange="javascript:setTimeout('__doPostBack(\'ctl00$Main$withdrawal$ctl00$cWd$BankName12\',\'\')', 0)" id="ctl00_Main_withdrawal_ctl00_cWd_BankName12" tabindex="2" validate="req||" group="Bank" style="width:100%" evt=""> <option selected="selected" value="-1">Por favor selecione</option> <option value="ABC-BRASIL">ABC-BRASIL</option> <option value="ABN AMRO">ABN AMRO</option> <option value="ALFA">ALFA</option> <option value="BANCO BRADESCO">BANCO BRADESCO</option> <option value="BANCO COOPERATIVO - SICOOB">BANCO COOPERATIVO - SICOOB</option> <option value="BANCO DO BRASIL">BANCO DO BRASIL</option> <option value="BANCO DO NORDESTE DO BRASIL">BANCO DO NORDESTE DO BRASIL</option> <option value="BANCO INTERMEDIUM">BANCO INTERMEDIUM</option> <option value="BANCO ITAU">BANCO ITAU</option> <option value="BANCO ORIGINAL - AGRONEGOCIO">BANCO ORIGINAL - AGRONEGOCIO</option> <option value="BANCO ORIGINAL SA">BANCO ORIGINAL SA</option> <option value="BANCO SANTANDER">BANCO SANTANDER</option> <option value="BANESE - BANCO DO ESTADO DE SERGIPE SA">BANESE - BANCO DO ESTADO DE SERGIPE SA</option> <option value="BANESTES - BANCO DO ESTADO DO ESPIRITO SANTO">BANESTES - BANCO DO ESTADO DO ESPIRITO SANTO</option> <option value="BANPARA - BANCO DO ESTADO DO PARA">BANPARA - BANCO DO ESTADO DO PARA</option> <option value="BANRISUL">BANRISUL</option> <option value="BANSICREDI">BANSICREDI</option> <option value="BASA BANCO DA AMAZONIA">BASA BANCO DA AMAZONIA</option> <option value="BBM">BBM</option> <option value="BIC">BIC</option> <option value="BMG">BMG</option> <option value="BNB">BNB</option> <option value="BNP PARIBAS">BNP PARIBAS</option> <option value="BRB - BANCO DE BRASILIA">BRB - BANCO DE BRASILIA</option> <option value="CAIXA ECONOMICA FEDERAL">CAIXA ECONOMICA FEDERAL</option> <option value="CITIBANK BRASIL">CITIBANK BRASIL</option> <option value="CREDIT SUISSE BRAZIL">CREDIT SUISSE BRAZIL</option> <option value="DAYCOVAL">DAYCOVAL</option> <option value="DEUTSCHE BANK - BANCO ALEMAO">DEUTSCHE BANK - BANCO ALEMAO</option> <option value="FIBRA">FIBRA</option> <option value="HSBC BRAZIL">HSBC BRAZIL</option> <option value="ING BRAZIL">ING BRAZIL</option> <option value="JP MORGAN CHASE">JP MORGAN CHASE</option> <option value="MERCANTIL DO BRASIL">MERCANTIL DO BRASIL</option> <option value="RABOBANK BRAZIL">RABOBANK BRAZIL</option> <option value="SAFRA">SAFRA</option> <option value="SOCIETE GENERALE">SOCIETE GENERALE</option> <option value="SOFISA">SOFISA</option> <option value="UBS PACTUAL">UBS PACTUAL</option> <option value="UNIBANCO">UNIBANCO</option> <option value="VOTORANTIM - BV FINANCEIRA BRAZIL">VOTORANTIM - BV FINANCEIRA BRAZIL</option> </select> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl05_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl05_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankName12_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankCode13_msg" pmt="Por favor introduza o seu código bancário." cnt="<span>Campo inválido</span><br /> Por favor introduza o seu código bancário." req="<span>O campo deve ser completado</span><br /> Por favor introduza o seu código bancário." min="<span>Campo inválido</span><br /> Por favor introduza o código da sua sucursal bancária." max="<span>Campo inválido</span><br /> Por favor introduza o código da sua sucursal bancária." fnm="Código do Banco" class="valdnPnl"> <div class="lbl">Código do Banco</div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl08_ctrl" class=" ctrlPnl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pBankCode13"> <input name="ctl00$Main$withdrawal$ctl00$cWd$BankCode28_13" type="text" maxlength="3" readonly="readonly" id="ctl00_Main_withdrawal_ctl00_cWd_BankCode28_13" tabindex="3" class="tbx" autocomplete="off" min="1" onpaste="javascript: return false;" oncontextmenu="javascript: return false;" validate="^[0-9]*$" group="Bank" onblur="javascript: return false;" alertid="0" ondrop="javascript: return false;" ondrag="javascript: return false;" max="3" oncopy="javascript: return false;" oncut="javascript: return false;" evt=""> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl08_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl08_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankCode13_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankBranch14_msg" cnt="<span>Campo inválido</span><br/>Por favor introduza o nome e endereço do seu banco." req="<span>O campo deve ser completado</span><br/>Por favor introduza o nome e endereço do seu banco." fnm="Endereço Físico da Agência" class="valdnPnl"> <div class="lbl">Endereço Físico da Agência</div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl11_ctrl" class=" ctrlPnl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pBankBranch14"> <input name="ctl00$Main$withdrawal$ctl00$cWd$BankBranch28_14" type="text" maxlength="35" id="ctl00_Main_withdrawal_ctl00_cWd_BankBranch28_14" tabindex="4" class="tbx" autocomplete="off" min="1" onpaste="javascript: return false;" oncontextmenu="javascript: return false;" validate="req||^[0-9\ \u00B4\u0041-\u005A\u005F\u0061-\u007A\u00C0-\u0233\u0250-\u02AD\u1E00-\u1EF9\uFB00-\uFB06\uFF20-\uFF2A\uFF41-\uFF4A\u002D\u002E]*$" group="Bank" onblur="javascript: return false;" alertid="0" ondrop="javascript: return false;" ondrag="javascript: return false;" max="35" oncopy="javascript: return false;" oncut="javascript: return false;" evt=""> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl11_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl11_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankBranch14_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankBranch15_msg" cnt="<span>Campo inválido</span><br/>Por favor introduza o nome e endereço do seu banco." req="<span>O campo deve ser completado</span><br/>Por favor introduza o nome e endereço do seu banco." fnm="Endereço Físico da Agência" class="valdnPnl"> <div class="lbl"></div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl14_ctrl" class=" ctrlPnl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pBankBranch15"> <input name="ctl00$Main$withdrawal$ctl00$cWd$BankBranch28_15" type="text" maxlength="24" id="ctl00_Main_withdrawal_ctl00_cWd_BankBranch28_15" tabindex="5" class="tbx" autocomplete="off" min="0" onpaste="javascript: return false;" oncontextmenu="javascript: return false;" validate="^[0-9\ \u00B4\u0041-\u005A\u005F\u0061-\u007A\u00C0-\u0233\u0250-\u02AD\u1E00-\u1EF9\uFB00-\uFB06\uFF20-\uFF2A\uFF41-\uFF4A\u002D\u002E]*$" group="Bank" onblur="javascript: return false;" alertid="0" ondrop="javascript: return false;" ondrag="javascript: return false;" max="24" oncopy="javascript: return false;" oncut="javascript: return false;" evt=""> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl14_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl14_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankBranch15_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankBranch16_msg" cnt="<span>Campo inválido</span><br/>Por favor introduza o nome e endereço do seu banco." req="<span>O campo deve ser completado</span><br/>Por favor introduza o nome e endereço do seu banco." fnm="Endereço Físico da Agência" class="valdnPnl"> <div class="lbl"></div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl17_ctrl" class=" ctrlPnl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pBankBranch16"> <input name="ctl00$Main$withdrawal$ctl00$cWd$BankBranch28_16" type="text" maxlength="24" id="ctl00_Main_withdrawal_ctl00_cWd_BankBranch28_16" tabindex="6" class="tbx" autocomplete="off" min="0" onpaste="javascript: return false;" oncontextmenu="javascript: return false;" validate="^[0-9\ \u00B4\u0041-\u005A\u005F\u0061-\u007A\u00C0-\u0233\u0250-\u02AD\u1E00-\u1EF9\uFB00-\uFB06\uFF20-\uFF2A\uFF41-\uFF4A\u002D\u002E]*$" group="Bank" onblur="javascript: return false;" alertid="0" ondrop="javascript: return false;" ondrag="javascript: return false;" max="24" oncopy="javascript: return false;" oncut="javascript: return false;" evt=""> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl17_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl17_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankBranch16_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankBranch17_msg" cnt="<span>Campo inválido</span><br/>Por favor introduza o nome e endereço do seu banco." req="<span>O campo deve ser completado</span><br/>Por favor introduza o nome e endereço do seu banco." fnm="Endereço Físico da Agência" class="valdnPnl"> <div class="lbl"></div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl20_ctrl" class=" ctrlPnl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pBankBranch17"> <input name="ctl00$Main$withdrawal$ctl00$cWd$BankBranch28_17" type="text" maxlength="14" id="ctl00_Main_withdrawal_ctl00_cWd_BankBranch28_17" tabindex="7" class="tbx" autocomplete="off" min="0" onpaste="javascript: return false;" oncontextmenu="javascript: return false;" validate="^[0-9\ \u00B4\u0041-\u005A\u005F\u0061-\u007A\u00C0-\u0233\u0250-\u02AD\u1E00-\u1EF9\uFB00-\uFB06\uFF20-\uFF2A\uFF41-\uFF4A\u002D\u002E]*$" group="Bank" onblur="javascript: return false;" alertid="0" ondrop="javascript: return false;" ondrag="javascript: return false;" max="14" oncopy="javascript: return false;" oncut="javascript: return false;" evt=""> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl20_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl20_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBankBranch17_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBCN18_msg" pmt="<b>Levantamentos devem ser devolvidos ao titular de conta bet365 especificado.</b><br/>Por favor assegure-se que o seu nome aparece aqui tal como se encontra registado no seu banco." cnt="<span>Campo inválido</span><br/>Por favor introduza o nome do titular da conta tal como aparece na conta." cnt1="<span>The field is not valid</span><br/>Withdrawals must be returned to the named bet365 account holder.<br/>Please ensure that your name appears here as registered with your bank." req="<span>O campo deve ser completado</span><br/>Por favor introduza o nome do titular da conta tal como aparece na sua conta bancária." min="<span>Introduziu um número incorrecto de caracteres</span><br/>Por favor introduza o nome do titular da conta tal como aparece na sua conta bancária." max="<span>Introduziu um número incorrecto de caracteres</span><br/>Por favor introduza o nome do titular da conta tal como aparece na conta." fnm="Nome do Titular da Conta" class="valdnPnl"> <div class="lbl">Nome do Titular da Conta</div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl23_ctrl" class=" ctrlPnl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pBCN18"> <input name="ctl00$Main$withdrawal$ctl00$cWd$BCN28_18" type="text" value="Sebastiao Sergio" maxlength="30" id="ctl00_Main_withdrawal_ctl00_cWd_BCN28_18" tabindex="8" class="tbx" autocomplete="off" min="1" onpaste="javascript: return false;" oncontextmenu="javascript: return false;" validate="req||^[0-9\ \u00B4\u0041-\u005A\u005F\u0061-\u007A\u00C0-\u0233\u0250-\u02AD\u1E00-\u1EF9\uFB00-\uFB06\uFF20-\uFF2A\uFF41-\uFF4A\u002D\u002E]*$" group="Bank" onblur="javascript: return false;" alertid="0" ondrop="javascript: return false;" ondrag="javascript: return false;" max="30" oncopy="javascript: return false;" oncut="javascript: return false;" evt=""> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl23_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl23_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBCN18_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpAccountNo119_msg" cnt="<span>Campo inválido</span><br/>Por favor introduza o número da conta bancária." req="<span>O campo deve ser completado</span><br/>Por favor introduza o número da conta bancária." min="<span>Introduziu um número incorrecto de caracteres</span><br/>Por favor introduza o número da conta bancária." max="<span>Introduziu um número incorrecto de caracteres</span><br/>Por favor introduza o número da conta bancária." fnm="Número da Conta" class="valdnPnl"> <div class="lbl">Número da Conta</div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl26_ctrl" class=" ctrlPnl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pAccountNo119"> <input name="ctl00$Main$withdrawal$ctl00$cWd$AccountNo128_19" type="text" maxlength="10" id="ctl00_Main_withdrawal_ctl00_cWd_AccountNo128_19" tabindex="9" class="tbx" autocomplete="off" min="5" onpaste="javascript: return false;" oncontextmenu="javascript: return false;" validate="req||^[0-9]+$" group="Bank" onblur="javascript: return false;" alertid="0" ondrop="javascript: return false;" ondrag="javascript: return false;" max="10" oncopy="javascript: return false;" oncut="javascript: return false;" evt=""> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl26_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl26_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpAccountNo119_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBranchCode110_msg" pmt="Por favor introduza o código da sua sucursal bancária." cnt="<span>Campo inválido</span><br />Por favor introduza o código da sua sucursal bancária." req="<span>O campo deve ser completado</span><br />Por favor introduza o código da sua sucursal bancária." min="<span>Campo inválido</span><br /> Por favor introduza o código da sua sucursal bancária." max="<span>Campo inválido</span><br /> Por favor introduza o código da sua sucursal bancária." fnm="Número da sua Agência" class="valdnPnl"> <div class="lbl">Número da sua Agência</div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl29_ctrl" class=" ctrlPnl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pBranchCode110"> <input name="ctl00$Main$withdrawal$ctl00$cWd$BranchCode28_110" type="text" maxlength="5" id="ctl00_Main_withdrawal_ctl00_cWd_BranchCode28_110" tabindex="10" class="tbx" autocomplete="off" min="3" onpaste="javascript: return false;" oncontextmenu="javascript: return false;" validate="req||^[0-9]+$" group="Bank" onblur="javascript: return false;" alertid="0" ondrop="javascript: return false;" ondrag="javascript: return false;" max="5" oncopy="javascript: return false;" oncut="javascript: return false;" evt=""> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl29_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl29_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpBranchCode110_dvToolTip"> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpAccountType111_msg" pmt="Por favor introduza o tipo de conta. Ex: conta corrente, conta poupança." cnt="<span>Campo inválido</span><br /> Por favor introduza o tipo de conta. Ex: conta corrente, conta poupança." req="<span>O campo deve ser completado</span><br /> Por favor introduza o tipo de conta. Ex: conta corrente, conta poupança. " fnm="Tipo de Conta" class="valdnPnl"> <div class="lbl">Tipo de Conta</div><div style="display:table;width:100%;"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl32_ctrl" class=" ctrlPnl ddl noIcon" showvalidicon="false" showinvalidicon="false"> <div class="ctrlDiv"> <div id="ctl00_Main_withdrawal_ctl00_cWd_pAccountType111"> <select name="ctl00$Main$withdrawal$ctl00$cWd$AccountType111" id="ctl00_Main_withdrawal_ctl00_cWd_AccountType111" tabindex="11" validate="req||" group="Bank" style="width:100%" evt=""> <option selected="selected" value="-1">Por favor selecione</option> <option value="4">Conta Poupança</option> <option value="5">Conta Corrente</option> <option value="6">Conta Corrente Conjunta</option> <option value="7">Conta Poupança Conjunta</option> </select> </div> </div><div class="valIcon" id="ctl00_Main_withdrawal_ctl00_cWd_ctl32_dvValIcon"> <div id="ctl00_Main_withdrawal_ctl00_cWd_ctl32_imgValIcon" class="hidden"> </div> </div> </div> </div><div id="ctl00_Main_withdrawal_ctl00_cWd_vpAccountType111_dvToolTip"> </div> </div> </div> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hFocus" id="ctl00_Main_withdrawal_ctl00_cWd_hFocus" value="ctl00_Main_withdrawal_ctl00_cWd_BankBranch28_14" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hValid" id="ctl00_Main_withdrawal_ctl00_cWd_hValid" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hPCID" id="ctl00_Main_withdrawal_ctl00_cWd_hPCID" value="28" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hIbanCtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hIbanCtrlID" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hCtryCtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hCtryCtrlID" value="ctl00_Main_withdrawal_ctl00_cWd_BankCountry" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hBankCtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hBankCtrlID" value="ctl00_Main_withdrawal_ctl00_cWd_BankName12" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hSWIFTCtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hSWIFTCtrlID" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hAcctTypeCtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hAcctTypeCtrlID" value="ctl00_Main_withdrawal_ctl00_cWd_AccountType111" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hBWWCharge" id="ctl00_Main_withdrawal_ctl00_cWd_hBWWCharge" value="0.00" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hCustNameCtlId" id="ctl00_Main_withdrawal_ctl00_cWd_hCustNameCtlId" value="ctl00_Main_withdrawal_ctl00_cWd_BCN28_18" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hCustName" id="ctl00_Main_withdrawal_ctl00_cWd_hCustName" value="Sebastiao Sergio" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hCPFCtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hCPFCtrlID" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hCICtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hCICtrlID" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hDNICtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hDNICtrlID" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hDNI" id="ctl00_Main_withdrawal_ctl00_cWd_hDNI" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hCUILCUIT" id="ctl00_Main_withdrawal_ctl00_cWd_hCUILCUIT" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hCUILCUITCtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hCUILCUITCtrlID" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hCPF" id="ctl00_Main_withdrawal_ctl00_cWd_hCPF" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hDocumentCtrlID" id="ctl00_Main_withdrawal_ctl00_cWd_hDocumentCtrlID" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hDocumentRegex" id="ctl00_Main_withdrawal_ctl00_cWd_hDocumentRegex" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hExcludedDocumentNumbers" id="ctl00_Main_withdrawal_ctl00_cWd_hExcludedDocumentNumbers" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hBankWireProviderError" id="ctl00_Main_withdrawal_ctl00_cWd_hBankWireProviderError" value="0" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hBankWireProviderErrorTitle" id="ctl00_Main_withdrawal_ctl00_cWd_hBankWireProviderErrorTitle" value="Este campo não é válido" evt=""> <input type="hidden" name="ctl00$Main$withdrawal$ctl00$cWd$hBankWireProviderErrorBody" id="ctl00_Main_withdrawal_ctl00_cWd_hBankWireProviderErrorBody" value="Não nos é possível processar saques para esta conta bancária. Por favor, forneça dados alternativos ou contate-nos para podermos ajudar." evt=""> </div>  
    • By AWD
      Bom dia!
      Eu tenho um código javascript que chama um arquivo PHP para envio de e-mails.
      Minha dúvida é a seguinte, como fazer com que a função "$j("#retorno").fadeIn("slow").html(resposta);"   seja executada antes do termino da execução do arquivo nscript/enviar2.php. Pois ocorre que eu quero encontrar o erro dentro do arquivo enviar2.php, mas se ocorre algum erro na execução deste arquivo a função "$j("#retorno").fadeIn("slow").html(resposta);" (que mostra o resultado da pagina enviar2.php na div) não é executada pois o arquivo enviar2.php não terminou de carregar.
      Creio que teria de haver um jeito do conteudo da função "function(resposta)" ser executado antes dela ser completamente finalizada, mas estou sem ideia de como fazer.
      Muito obrigado pela atenção e ajuda.
      Segue o código:
       
      $j.post("nscript/enviar2.php",{anexo: anexo, destinatarios: destinatarios, assunto: assunto, mensagem: mensagem}, function(resposta){
                 
                  complete:$j("#carregando").fadeOut("slow");
                  $j("#retorno").fadeIn("slow").html(resposta);
       
               });
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.