Ir para conteúdo

Thiago Az

Members
  • Total de itens

    24
  • Registro em

  • Última visita

Reputação

0 Comum

Sobre Thiago Az

  • Data de Nascimento 12/05/1985

Informações Pessoais

  • Sexo
    Masculino
  • Interesses
    HTML5, CSS3, PHP, MySQL, JavaScript, JQuery, Ajax, WordPress, Angular, Flutter, Dart, Typescript

Últimos Visitantes

1100 visualizações
  1. Pessoal, sou desenvolvedor front-end e estou entrando no mundo back-end com o NodeJS. Já fiz algumas API's e agora peguei um projeto para dar manutenção, porém estou passando por um problema de conexão recusada ao tentar rodar o projeto. Alguém poderia me dar uma luz, saber o porque deste problema? Isso acontece com Chrome, Firefox e Edge. Já testei no Linux (Ubuntu 20) e Windows 10. Pode existir no projeto NodeJS alguma restrição para que seja executado em determinada máquina? Porque pode está sendo recusada? Observação: durante o `npm install` baixou os pacotes de boa.
  2. Thiago Az

    Menu com navegação one page

    Fala ae blz @Sapinn ? Você pode usar localStorage para armazenar a informação do menu clicado e ao carregar a página será carregada no menu que foi clicado anteriormente. Alteração feito no CSS, precisei adicionar na classe CSS .tabcontent a propriedade display block /* Style the tab content */ .tabcontent { float: left; padding: 0px 12px; border: 1px solid #ccc; width: 70%; border-left: none; height: 300px; display: none; } No HTML adicionei novos atributos no link. <div class="tab"> <button class="tablinks" onclick="openCity(this, event, 'London_link')" id="London_link">London</button> <button class="tablinks" onclick="openCity(this, event, 'Paris_link')" id="Paris_link">Paris</button> <button class="tablinks" onclick="openCity(this, event, 'Tokyo_link')" id="Tokyo_link">Tokyo</button> </div> Já no JS alterei um pouco a lógica. <script> window.onload = function () { if (!window.localStorage.getItem('start')) { const firstLink = document.getElementById('London_link'); const firstCity = document.getElementById('London'); firstLink.className += ' active'; firstCity.style.display = 'block'; } else { let cityLinkId = document.getElementById(window.localStorage.getItem('cityLinkId')); cityLinkId.className += ' active'; let cityId = document.getElementById(window.localStorage.getItem('cityId')); cityId.style.display = 'block'; } window.localStorage.setItem('start', 1); } function openCity(element, evt, cityName) { /* Reset class tablinks */ tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } /* Reset class tabcontent */ tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } /* set and get localstorage link */ window.localStorage.setItem('cityLinkId', cityName); let getCityLinkId = window.localStorage.getItem('cityLinkId'); let cityLinkId = document.getElementById(window.localStorage.getItem('cityLinkId')); cityLinkId.className += ' active'; /* set and get localstorage content */ let cityTabContent = cityName.split('_'); window.localStorage.setItem('cityId', cityTabContent[0]); let cityId = document.getElementById(window.localStorage.getItem('cityId')); cityId.style.display = 'block'; } </script>
  3. Thiago Az

    Problema com SweetAlert

    @ment0r Olá, isso ocorre após preencher o formulário e ao fazer um submit no seu form é feito uma validação? Se assim for, retire esse "window.location" e coloque um link com o código abaixo para voltar a página do formulário. <a href="javascript:history.back()">Voltar</a> Para que não seja perdido o que já foi preenchido no formulário tente usar o sessionStorage do navegador.
  4. Thiago Az

    Array Retornar Valores Únicos

    Obrigado pessoal pelo apoio todas as duas soluções funcionário perfeitamente. Obrigado @Maujor e obrigado @israelpereira96 Grato pelo apoio.
  5. Thiago Az

    Array Retornar Valores Únicos

    Pessoal bom dia a todos. Gostaria de uma ajuda de vocês tem um array JavaScript onde tenho os valores das cidades repetidos preciso agrupar os usuários da mesma cidade e eliminar as cidades repetidas Exemplo do meu código: var pessoas = [ { nome: 'Maria', cidade: 'São Paulo' }, { nome: 'João', cidade: 'São Paulo' }, { nome: 'Alberto', cidade: 'Rio' }, { nome: 'Matheus', cidade: 'Curitiba' }, { nome: 'kalebe', cidade: 'Belo Horizonte' }, { nome: 'Isaac', cidade: 'Rio' }, { nome: 'Batista', cidade: 'Curitiba' }, { nome: 'Carmem', cidade: 'Rio' }, ]; Quero que o retorno seja assim: São Paulo Maria João Rio Alberto Isaac Carmen Sem que eu tenha Rio ou outra cidade se repetindo várias vezes. Alguém tem alguma sugestão? Desde já agradeço a todos. Grato.
  6. Thiago Az

    Modal para mostrar dados do candidato

    @winter2018 Execute um VAR_DUMP e veja o que vai retornar. var_dump($vetor);
  7. Thiago Az

    Json php

    No "action" do seu form você precisa passar um arquivo PHP. Neste arquivo você vai recuperar as informações que vieram do formulário e a partir daí gerar um JSON. Exemplo: $teste_json = json_encode($_POST); print_r($teste_json);
  8. Thiago Az

    Direcionamento de login

    @abnerndr Você está fazendo um "INSERT". Você precisa pegar o que veio do seu formulário de login o nome do usuário e a senha, daí você usa a sua conexão com o banco de dados para fazer uma consulta. Veja se o nome de usuário passado existe no banco de dados e veja se a senha passada é idêntica a senha do banco.
  9. Thiago Az

    logo distorce na versão mobile

    @WAD - Soluções Pode colocar dessa forma @media only screen and (max-width: 575px) .logo img { width: 130px; }
  10. @Vitor Correa Você pode usar o PHP para isso, extrair o código do menu que será usado em todas as páginas e colocar ele apenas em um arquivo PHP, dessa forma a manutenção do seu código será mais fácil e não terá repetições de códigos. Crie o arquivo: menu.php com o código do menu e depois em cada página faça a chamada com o INCLUDE ou REQUIRE <body> <?php require 'menu.php'; ?: </body> </html>
  11. Thiago Az

    logo distorce na versão mobile

    @WAD - Soluções Remove o atributo height da tag img Deixe assim: Pois a definição da altura da imagem deixou ela distorcida. <div class="logo_container"> <div class="logo"><a href="./"> <img src="images/logo-2.png" alt="EDITOR FISCAL - UMA PARCERIA DE SUCESSO" width="210"/></a> </div> </div>
  12. @gleidsonb12 Você pode tentar dessa forma. Fiz um exemplo básico no qual vai ser exibido um textarea Caso o dia selecionado seja superior a 5 <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <style type="text/css"> .no-visible { display:none; } </style> </head> <body> <div class="form-group col-md-3"> <label>Data</label> <!-- Adicionado um name --> <input type="date" id="dataselecionada" name="dataselecionada" value="" class="form-control" onchange="obtemMes()"> </div> <div class="form-group col-md-3" id="mes"> <label>Mes</label> <input type="text" class="form-control"> </div> <div class="no-visible" id="form-justificativa"> <form action="" method="post"> <label for="justificativa">Justificativa</label> <br> <textarea rows="3" cols="25"></textarea> </form> </div> <script> function obtemMes() { var input_data = document.getElementById("dataselecionada"); // Seleciona o input pelo seu ID var dia_selecionado = input_data.value; // Armazena o valor do input na variável var obj_date = new Date(dia_selecionado); // cria o objeto da classe Date no qual recebe por parâmetro a data selecionada var dia_selecionado = (obj_date.getDate()+1); // Pega apenas o dia da data que foi selecionada validarDia(dia_selecionado); } function validarDia(dia_selecionado) { var tempo_estimado = '5'; var obj_data_atual = new Date(); var dia_atual = obj_data_atual.getDate(obj_data_atual); var result = (dia_selecionado - dia_atual); var form = document.querySelector('#form-justificativa'); if(result >= tempo_estimado) { form.style.display = 'block'; } else { form.style.display = 'none'; } } </script> </body> </html>
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.