Jump to content

andjao

Members
  • Content count

    15
  • Joined

  • Last visited

Community Reputation

-2 Fraco

About andjao

  • Birthday 06/10/1995

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    São Paulo
  • Interesses
    HTML, CSS, JavaScript, Python

Contato

  1. andjao

    Focus atualizando a pagina

    Por que quando clico ele da o focus onde falta preencher e atualiza a pagina assim esvaziando as variaveis? Gostaria que isso não acontecesse e somente desse o focus Quando ele atualiza a pagina fica com um "?" no final do url e do nome da pagina <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery.min.js"></script> <script> var alunos = []; $(document).ready(function() { $("#cadastrar").click(function() { cadastrar(); }); $("#exibir").click(function() { exibir(); }); }); function cadastrar() { if ($("#nome").val() == "" || $("#nome").val() < 3) { alert("Preencha corretamente seu nome"); return $("#nome").focus(); } else if ($("#rgm").val() == "" || $("#rgm").val().length < 7) { alert("Preencha corretamente seu RGM"); return $("#rgm").focus(); } else if ($("#parcial").val() == "") { alert("Preencha corretamente sua nota parcial"); return $("#parcial").focus(); } else if ($("#exercicios").val == "") { alert("Preencha corretamente sua nota dos exercícios"); return $("#exercicios").focus(); } else if ($("#projeto").val() == "") { alert("Preencha corretamente sua nota do projeto"); return $("#projeto").focus(); } else if ($("#regimental").val() == "") { alert("Preencha corretamente sua nota regimental"); return $("#regimental").focus(); } else if (($("#nome").val() + $("#rgm").val() + $("#parcial").val() + $("#exercicios").val() + $("#projeto").val() + $("#regimental").val()) > 10) { alert("A soma das notas não podera ultrapassar de 10 pontos"); return false; } else { var aluno = [$("#nome").val(), $("#rgm").val(), $("#parcial").val(), $("#exercicios").val(), $("#projeto").val(), $("#regimental").val()]; alunos.push(aluno); } } function exibir() { alert(alunos[0][3]); var conteudo = "<table border='1'><tr><th>Nome</th><th>RGM</th><th>Parcial</th><th>Exercícios</th><td>Projeto</th><th>Regimental</th></tr>" var i; for (i = 0; i < alunos.length; i++) { conteudo += "<tr><td>" + alunos[i][0] + "</td><td>" + alunos[i][1] + "</td><td>" + alunos[i][2] + "</td><td>" + alunos[i][3] + "</td><td>" + alunos[i][4] + "</td><td>" + alunos[i][4] + "</td></tr>"; } conteudo += "</table>" $("#resultado").html = conteudo; } </script> </head> <body> <form> Nome: <input type="text" id="nome"> <br>RGM: <input type="text" id="rgm"> <br> Nota Parcial: <input type="text" id="parcial"> <br> Nota Exercícios: <input type="text" id="exercicios"> <br> Nota Projeto: <input type="text" id="projeto"> <br> Nota Regimental: <input type="text" id="regimental"> <br><button id="cadastrar">Cadastrar</button> <button id="exibir">Exibir Dados</button> </form> <div id="resultado"></div> </body> </html>
  2. andjao

    Aplicações Web instaláveis

    Da um monte de erro, no console do chrome, que nem sei que erros são, ja pesquisei no google, mais não consegui solucioná-los
  3. andjao

    Aplicações Web instaláveis

    meu site, não não ta mais funcionando service worker, não ta dando mais para instalar, e nem esta aparecendo o banner para instalar, alguem pode verificar? site: marchi.ml
  4. andjao

    Aplicações Web instaláveis

    Caras, ele realmente instala, entra no meu site. https://marchi.ml pelo chrome do android, e espera um pouco, ele vai aparecer um pop-up do próprio navegador, e vai pedir para instalar no celular, quando forem ver, o meu site virou um app no cell de vcs, eu consegui transformar meu site em um Progressive Web App, o legal que ele usa Service Worker, ai da para usar offline. Detalher, só funciona se o site for em HTTPS, (com certificado SSL).
  5. andjao

    Aplicações Web instaláveis

    Já fiz alguns procedimentos, digamos que ja fiz tudo que vi e não obtive resultado ainda, até ja dei uma olha aqui: https://imasters.com.br/desenvolvimento/como-criar-seu-primeiro-progressive-web-app-do-zero Mais vlw pelos avisos, vou ficar no aguardo
  6. andjao

    Manter proporção da caixa sem javascript

    Mudando de assunto, você sabe mexer com isso? Mudando de assunto, você sabe mexer com isso?
  7. andjao

    Manter proporção da caixa sem javascript

    Vlw feras!!! vcs são demais Vou editar meu site, depois posto o resultado aqui!!! Forte abraço!!!
  8. andjao

    Manter proporção da caixa sem javascript

    E com porcentagem sera que não rola?, pois a fonte ira ocupar tantos por cento da caixa, ai se aumentar um 1px da caixa com janela do browser a letra tb aumenta, porque o tamanho dela corresponde a tantos porcento da caixa, sera que tem como fazer isso? por que no media queries só ira aumentar tamanhos fixos
  9. andjao

    Manter proporção da caixa sem javascript

    Falta pouco para o que eu quero, não teria como o fonte aumente continuamente com o tamanho da caixa, pois só esta mudando o tamanho com media queries
  10. andjao

    Manter proporção da caixa sem javascript

    Teria que ser assim, mais não estou conseguindo centralizar o texto e nem fazer com ele aumente conforme o tamanho da caixa
  11. andjao

    Manter proporção da caixa sem javascript

    Fiz o teste com este código que você passou em um html, não funcionou, o circulo não muda de tamanho conforme o tamanho da janela, teria que ser tipo o código que postei
  12. andjao

    Manter proporção da caixa sem javascript

    e como que eu faço para a fonte aumentar ou diminuir conforme o tamanho da caixa?
  13. andjao

    Aplicações Web instaláveis

    Boa tarde, Ao entrar no site da https://www.pokedex.org ou do https://dev.opera.com, dá para instalar o site como app no Chrome para Android, ele até aparece na galeria de apps, e tem a opção de desinstalar, então o site meio que vira um aplicativo, gostaria de saber como faço para deixar meu site assim, para instalar meu site no meu Android. Já tentei de tudo, já estou usando o arquivo manifest.json em meu site http://marchi.esy.es, mais só dá para criar a atalho na tela inicial, fica igual um app, até abre como um app, mais não instala.
  14. Boa tarde Estou montando um site responsivo e liquido E algumas da minhas caixas section quero que seja redondas igual uma bola, então estou usando o border-radius 100%, queria saber se posso deixar essa caixa 100% para que quando eu aumentar e diminuir o tamanho da tela, a caixa ainda se mantenha redonda, um exemplo disso é este código abaixo: <!DOCTYPE html> <html> <head> <title>Proporção</title> <meta charset="UTF-8"> <style> body { background: #0f0; } section { max-width: 700px; margin: 0 auto; margin-top: 30px; } img { width: 100%; background: radial-gradient(#f00, #00f); border-radius: 100%; float: left; z-index: 1; } img:hover { box-shadow: 0 0 50px 5px #000; transition-duration: 0.3s; } figcaption { position: relative; z-index: 2; text-align: center; vertical-align: middle; } </style> </head> <body> <section> <a href=""> <img src="transparent.png"> <figcaption>Texto</figcaption> </a> </section> </body> </html> Só que para poder manter a proporção 1:1 (quadrado) tive que usar uma imagem transparente de 1px por 1px e dando cor nela, só que eu quero também é poder centralizar o texto bem no meio da caixa, tanto verticalmente como horizontalmente eo tamanho da fonte aumentar conforme o tamanho da bolinha sem vazar da caixa e sem ficar muito pequena , um exemplo disso é o meu site http://marchi.esy.es em que fiz isso, mais a bolinhas não aumentam conforme o tamanho da tela e nem o texto, só depois de uma certa resolução que eu usei o @média. para adaptar para mobile Eu quero fazer tudo isso com CSS, sem JavaScript, pois ainda vou aprender JavaScript no semestre que vem
×

Important Information

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