Jump to content
  • ×   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.

  • Similar Content

    • By fsantos
      tenho o seguinte codigo e queria uma ajuda para fazer a iteração correta no arquivo json

       
      <!DOCTYPE html>
      <html>
      <head>
      <title>Mapa</title>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>
            body{margin:0 auto; width:480px; font-family: arial;}
          input.text, textarea, select {
          border: 1px solid #C0C0BA;
          -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17);
          -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17);
          box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17);
          }
      input, textarea, select {
          -webkit-border-radius: 12px;
          -moz-border-radius: 12px;
          border-radius: 12px;
          }
            @media only screen and (max-width: 600px) {
                body {
              width:90%;
                     }
              }
      </style>
      <script type="text/javascript" src="https://fcosantos.com.br/js/jquery-3.3.1.min.js"></script>
          <script type="text/javascript">
        $(document).ready(function () {
          $.getJSON('https://fcosantos.com.br/projetos/covidForm/portugal.json', function (data) {
            var items = [];
            var options = '<option value="">Escolha o distrito</option>';
            $.each(data, function (key, val) {
              options += '<option value="' + val.nome + '">' + val.nome + '</option>';
            });
            $("#estados").html(options);
            $("#estados").change(function () {
              var options_cidades = '';
              var str = "";
              $("#estados option:selected").each(function () {
                str += $(this).text();
              });
              $.each(data, function (key, val) {
                if(val.nome == str) {
                  options_cidades += '<option value="">Escolha o conselho</option>';
                  $.each(val.cidades, function (key_city, val_city) {
                    options_cidades += '<option value="' + val_city.nome + '">' + val_city.nome + '</option>';
                  });
                }
              });
              $("#cidades").html(options_cidades);

              //Busca das freguesias
              $("#cidades").change(function () {
              var options_freguesias = '';
              var str2 = "";
              $("#cidades option:selected").each(function () {
                str2 += $(this).text();
              });
              $.each(data, function (key2, val2) {
                if(val2.cidades.nome == str2) {
                  options_freguesias += '<option value="">Escolha a freguesia</option>';
                  $.each(val2.cidades.freguesias, function (key_freg, val_freg) {
                    options_freguesias += '<option value="' + val_freg.nome + '">' + val_freg.nome + '</option>';
                  });
                }
              });
              $("#freguesias").html(options_freguesias);
              }).change();

              }).change();
          });
        });
          </script>
          </head>
          <body>
              <form method="get" action="">

              <select name="uf" id="estados" style="width:47%; padding:5px; margin-bottom:8px; float:left;">
                  <option value=""></option>
              </select>
              <select name="cid" id="cidades" style="width:47%; padding:5px; margin-bottom:8px; float:right;">
              </select>
              <select name="freg" id="freguesias" style="width:100%; padding:5px; margin-bottom:8px;">
              </select>
              <input type="submit" value="Buscar" style="width:100%; padding:5px; margin-bottom:20px; ">
      </form>
      </body>
      </html>

      O que ocorre é que ao selecionar o primeiro select o segundo é preenchido altomaticamente, mais nao entendi porque o segundo não.
    • By barrigademel
      <head> <!-- Favicon --> <link href='http://www.iconj.com/ico/e/9/e993nwoswx.ico' rel='shortcut icon' type='image/x-icon'/> Não importa como eu adicione ou mude o campo favicon, ele simplesmente não sobe. já tentei re-fazer umas 15x, e mandar as 15 pro head todas sobem sem erro, mas não muda o favicon
    • By sander147
      Boa Tarde, estou com um problema ao por o menu ao lado direito, ele não fica alinhado com o campo de notícias, eu não faço ideia de como fazer eles ficarem lado a lado, alguém poderia me dar uma luz? eu estou seguindo um livro da casa do código mas os resultados não saíram iguais depois que eu fui além do livro. :/
      Deveria ficar assim:
       https://uploaddeimagens.com.br/images/002/561/267/original/menu.png?1585683825
       
      Ficou assim:

    • By vcapelli
      Eu sei o que eu vou pedir é meio loucura mas espero que ao menos seja possível. É o seguinte: eu quero fixar um valor X e sempre depois das 18 horas esse valor atualizasse aumentando ou diminuindo de acordo com a bolsa de valores. Exemplo:
      Orçamento 100bi, hoje a bolsa fechou em queda de 2,73% então ela atualizaria para 97,27bi.
      Eu sei que é loucura mas se for possível realizar agradeceria imensamente, não precisam ter pressa também
    • By SaraAlcaras
      Olá galera! Estou criando um jogo da velha para coloca no meu portfólio, porem estou com um pequeno problema que não consigo resolver.. Quando o jogo finaliza a tela da uma ampliada/expandida no tamanho é quase imperceptível porem é algo que eu gostaria de mudar. Qual propriedade posso usar no css pra evitar que isso aconteça?
       
      Código CSS:

       
      :root{ --O-color: rgb(10, 177, 243); --X-color: rgb(253, 148, 148); --E-color: rgb(0, 0, 0); } * { margin: 0; padding:0; box-sizing: border-box; } body { display: grid; align-items: center; justify-content: center; font-family: grenze; height: 100vh; background-color: rgb(153, 153, 153); } .nextPlayer{ color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); } .players { color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); height: 55px; display: flex; flex-direction: column; justify-content: space-evenly; } .player{ display: flex; } .topo { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; margin-bottom: 20px; } .topo .players, .topo .nextPlayer { font-family: grenze; font-weight: bold; border-radius: 4px; } .title { font-size: 3rem; color: rgb(60, 62, 63); margin-bottom: 0; } .title2 { display: none; } .board { display: grid; grid-template-columns: repeat(3, 178px); grid-template-rows: repeat(3, 130px); gap: 1rem; cursor: pointer; } .board.game-over{ opacity: 0.10; } .cell { display: grid; align-items: center; justify-content: center; background-color: white; border-radius: 4px; font-size: 2rem; font-weight: bold; color: #00000066; } .cell:not(.O):not(.X):hover { box-sizing: 0 20px 25px -5px rgba(0, 0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0, 0.4); } .cell.O, .cell.X, .game-over .cell { cursor: not-allowed; } .cell.O { background-color: var(--O-color); } .cell.X { background-color: var(--X-color); } footer{ text-align: center; font-size: 30px; } .winner-message{ margin: 1rem; } .winner-message span.O{ color: var(--O-color); } .winner-message span.X{ color: var(--X-color); } .winner-message span.E{ color: var(--E-color); } button { padding: 0.9rem 1.5rem; border: none; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0, 0.6); background-color: rgb(68, 255, 146); color: white; font-size: 1.2rem; cursor: pointer; } @media only screen and (max-width: 767px) and (orientation:portrait) { body { width: 100%; text-align: justify; } .board{ grid-template-columns: repeat(3, 88px); grid-template-rows: repeat(3, 80px); -webkit-tap-highlight-color: transparent; } button { font-size: 10px; } .cell { border-radius: 3px; font-size: 1rem; } footer { font-size: 13px; } .title { font-size: 1.5rem; display: none; padding: 0.6em; /* transform: translateY(80%); */ } .title2 { display: flex; font-size: 1.5rem; padding: 0.6em; color: rgb(60, 62, 63); } .topo{ flex-direction: column; } .players { height: 65px; width: 95px; align-items: center; } .nextPlayer{ text-align: center; height: 22px; width: 118px; /* transform: translateY(-150%); */ } } @media only screen and (max-width: 767px) and (orientation:landscape) { body { width: 100%; text-align: justify; } .board { grid-template-columns: repeat(3, 60px); grid-template-rows: repeat(3, 60px); -webkit-tap-highlight-color: transparent; } footer { font-size: 0.5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; } button { font-size: 0.5rem; } .title { font-size: 0.8rem; } .players{ height: 30px; width: 50px; align-items: center; font-size: 0.5rem; } .nextPlayer{ text-align: center; height: 14px; width: 60px; font-size: 0.5rem; } .cell { border-radius: 3px; font-size: 0.8rem; } } @media only screen and (min-width: 991px) and (max-width: 1200px) { body { width: 100%; text-align: justify; } }

×

Important Information

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