Publicidade

Pita

Members
  • Total de itens

    323
  • Registro em

  • Última visita

Reputação

6 Regular

3 Seguidores

Sobre Pita

  • Data de Nascimento 02-04-1980

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    São Vicente-SP/Brasil
  • Interesses
    C#, Java, Javascript, HTML, CSS
  1. O nome dessa animação se chama parallax, quando o fundo ou outra parte se move em uma "velocidade" diferente do scrolll
  2. html

    Normalmente ocorre o seguinte: Primeiro informa os arquivos CSS, no header normalmente, porque contem os estilos visuais, assim quando montar o HTML já exibe com o layout certo e não acontece aquele efeito de carregar os elementos e depois eles mudam do nada. Segundo carrega o HTML e o usuário já tem o site disponível o quanto antes Por último carrega os Javascript por alguns motivos: - Se referenciar algum elemento da página, o mesmo já foi carregado anteriormente e não tem erro; - Pode ser que alguma parte do script demore, e se estiver antes pode atrasar o carregamento da página e dar uma má impressão; - Normalmente o script esta associado com funcionalidades da página e podem ser carregadas após;
  3. A function estava com uns erros, testa agora lá function gerarNumeros() { var numerolinhas = document.getElementById("numerolinhas").value; var numerocolunas = document.getElementById("numerocolunas").value; var container = document.getElementById("arrays"); if (12 % numerocolunas != 0) { alert("Número inválido"); return } var X = 12/numerocolunas; var strHtml = ''; for (var il = 0; il < numerolinhas; il++) { strHtml += '<div class="row">'; for (var ic = 0; ic < numerocolunas; ic++) { strHtml += '<div class="coluna col-md-' + X + '" style="border:solid black 1px/">XXX</div>'; } strHtml += '</div>'; } container.innerHTML = strHtml; }
  4. Rapidamente você pode tentar desabilita o zoom :D <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no" /> Mas falando sério agora, este recurso de zoom dos navegadores são pensados para o caso de pessoas com necessidades, então se este for o caso, o ideal seria repensar o site para disponibilizar o aumento de fonte via site e não navegador, disponibilizar um esquema de cores para aumentar o contraste, etc., com essas mudanças os usuários não precisarão utilizar o zoom do navegador e se site ficara acessível
  5. Eu deixei os values para facilitar os testes e não precisar ficar digitando, é só tirar os values dos inputs
  6. Estou de saída do trabalho, mas para solucionar seu caso precisaria utilizar media queries para caso a tela tenha uma largura pequena formatar o menu para ficar um item abaixo do outro. Dá uma olhada nesses links https://www.w3schools.com/css/css3_mediaqueries_ex.asp https://tableless.com.br/introducao-sobre-media-queries/
  7. Tá tentou colocar "float:left" nos LI do menu?
  8. Somente complementando a resposta acima, os arquivos js e css precisam estar nas pastas /js e /css respectivamente
  9. html

    Se possível, coloca os .JS no final do html
  10. Seria algo +/- assim <div class="container"> <input placeholder="Quantidade de Linhas:" id="numerolinhas" value="2" /> <input placeholder="Quantidade de colunas:" id="numerocolunas" value="4" /> <button id="gerar" onclick="javascript:gerarNumeros()">Gerar</button> <div id="arrays"></div> </div> function gerarNumeros() { var numerocolunas = document.getElementById("numerocolunas").value; var numerolinhas = document.getElementById("numerolinhas").value; var container = document.getElementById("arrays"); container.innerHTML = ''; if (12 % numerocolunas != 0) { alert("Número inválido"); return } var X = 12/numerocolunas; for (var i = 0; i < numerolinhas.value; i++) { container.innerHTML += '<div class="row">'; for (var i = 0; i < numerocolunas.value; i++) { container.innerHTML += '<div class="coluna col-md-' + X + '">XXX</div>'; } container.innerHTML += '<div class="row">'; } }
  11. Cara, procura sobre AJAX. Com isso é possível realizar o post sem recarregar toda a página http://api.jquery.com/jquery.ajax/
  12. <form action='#'> <select id='combo' name='combo'> <option value='Credito'> Crédito</option> <option value='Debito'> Debito </option> </select> </form> <div id="divCredito"> Inputs de crédito </div> <div id="divDebito"> Inputs de débito </div> document.getElementById( 'combo' ).addEventListener( 'change', function(){ if(this.value === 'Credito') { document.getElementById("divCredito").visibility = 'visible'; document.getElementById("divDebito").visibility = 'hidden'; } else { document.getElementById("divCredito").visibility = 'hidden'; document.getElementById("divDebito").visibility = 'visible'; } });
  13. Aqui no trabalho utilizo o Summernote http://summernote.org/
  14. Isso mesmo. Quando você faz o "$.post()" o javascript inicia uma requisição assíncrona e continua a executar o comando "$("#form").submit()", com isso ele realiza o submit e depois disso volta o resultado do post que retorna false. O que você poderia fazer é deixar o botão desabilitado e no evento onblur do text, fazer a validação do email com o $.post(), se o resultado for de que o email não existe aí você habilita o botão de submit
  15. Já tentou remover o "float: left;" no elemento "ul#nav li a"?