Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''JavaScript''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Calendários

  • Comunidade iMasters

Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 803 registros

  1. Alessandro Bodão

    Como alterar um texto conforme o horário?

    Fala rapaziada! Tudo legal? Estou desenvolvendo um site onde coloquei uma espécie de 'relógio' nele, onde as pessoas veem que horas são, os minutos e segundos vão atualizando automático. Até aí tudo certo... No header do site tem um título principal (h1) que começa dando bom dia. Como as pessoas vão acessar o site em horários diferentes, tive a ideia do texto atualizar automaticamente pra boa tarde ou boa noite, relativo ao intervalo de tempo do relógio, mas não sou tão bom ainda com javascript.
  2. gnrgunnar

    Data errada aparecendo (.getDay e .getMonth)

    Olá, meus amigos, tudo bem? Eu me sinto confiante ao postar aqui, porque sempre me ajudam com soluções que realmente resolvem, e não gambiarras. Eu não sou programador nem Webdesigner, sou da área da comunicação, e uso HTML (e bem pouco de Javascript) nos meu blogs do Blogger. Mas eu pesquiso o máximo aí pela internet antes de recorrer aqui, pra não ficar lotando o fórum de perguntas leigas, só que nesse momento eu estou esgotado e nem se o Google para desktop tivesse um modo escuro meus olhos aguentariam, tamanho cansaço, KKK. O caso é: eu preciso exibir a data em que uma postagem foi publicada. Para tal, pesquisei e encontrei uma forma através de javascript. Trata-se da função .getDay, .getMonth e .getFullYear. O resultado para o ano deu certo, mas o mês e o ano estão retornando números totalmente errados. Na postagem-teste de hoje, 19 de março, aparece lá que a data foi 05 de fevereiro... Vejam o código abaixo: <div class='post-date'> <span class='year'> <script type='text/javascript'> var dt = new Date("<data:post.timestamp/>"); document.write(dt.getFullYear() ); </script> </span> <span class='day'> <script type='text/javascript'> var dt = new Date("<data:post.timestamp/>"); document.write(dt.getDay() ); </script> </span> <span class='month'> <script type='text/javascript'> var dt = new Date("<data:post.timestamp/>"); document.write(dt.getMonth() ); </script> </span> </div> Quando salvo e vou visualizar, aparece, como dito, a data 05 de fevereiro. Então dei um belo "inspecionar elemento" para ver o que os scripts estavam retornando. Vejam: <div class="post-meta"> <div class="post-date"> <span class="year"> <script type="text/javascript"> var dt = new Date("3/19/2021"); document.write(dt.getFullYear() ); </script> 2021 </span> <span class="day"> <script type="text/javascript"> var dt = new Date("3/19/2021"); document.write(dt.getDay() ); </script> 5 </span> <span class="month"> <script type="text/javascript"> var dt = new Date("3/19/2021"); document.write(dt.getMonth() ); </script> 2 </span> </div> </div> Deixei um print em anexo para terem um exemplo visual. Alguém consegue entender? At.te.
  3. Questão 01 Primeiro, vamos criar um componente que possua duas caixas de texto. No entanto, essas caixas só podem aceitar números, além disso, elas devem ter rótulos (label) com um valor mínimo e um valor máximo. É preciso também sempre checar se o valor mínimo é menor que o valor máximo. O componente que você deverá construir ainda deve possuir um botão que deve contar e imprimir quantos números existem entre valor mínimo e valor máximo que sejam múltiplos de 2 e 3 (simultaneamente). O programa não deverá calcular se algum dos numeros não for inserido. Alguém consegue resolver?
  4. Sapinn

    Multiplicar valores de uma tabela

    Tenho uma tabela e gostaria de multiplicar a quantidade de produtos para a compra com o valor unitário e gerar o valor total e colocar em outra td, alguém sabe como fazer isso??? <table class="table-default"> <thead> <th>Produto</th> <th>Quant</th> <th>Valor Unit.</th> <th>Valor Total</th> <th>Alterar</th> <th>Excluir</th> </thead> <tbody> <tr> <td>Placa Mãe</td> <td class="quant_produto">1</td> <td class="valor_produto">100,00</td> <td class="total-produto"></td> <td><a href=""><i class="bi bi-pencil-fill"></i></a></td> <td><a href=""><i class="bi bi-trash-fill"></i></a></td> </tr> <tr> <td>Memoria Ram DDr3</td> <td class="quant_produto">1</td> <td class="valor_produto">50,00</td> <td class="total-produto"></td> <td><a href=""><i class="bi bi-pencil-fill"></i></a></td> <td><a href=""><i class="bi bi-trash-fill"></i></a></td> </tr> <tr> <td>Memoria Ram DDr3</td> <td class="quant_produto">1</td> <td class="valor_produto">50,00</td> <td class="total-produto"></td> <td><a href=""><i class="bi bi-pencil-fill"></i></a></td> <td><a href=""><i class="bi bi-trash-fill"></i></a></td> </tr> </tbody> </table>
  5. Fala rapaziada! Tudo legal? Estou desenvolvendo um site onde coloquei uma espécie de 'relógio' nele, onde as pessoas veem que horas são, os minutos e segundos vão atualizando automático. Até aí tudo certo... No header do site tem um título principal (h1) que começa dando bom dia. Como as pessoas vão acessar o site em horários diferentes, tive a ideia do texto atualizar automaticamente pra boa tarde ou boa noite, relativo ao intervalo de tempo do relógio, mas não sou tão bom ainda com javascript. Como eu poderia fazer isso?
  6. Tenho este código request.onload = () => console.log(request.responseText) que consigo visualizar no browser os dados que quero mostrar, atraves do inspecionar (browser e lado direito do rato). Mas ainda não consegui visualizar os campos no browser. Já tentei de varias formas, a ultima foi: var events = request.responseText; document.getElementById("greeting").innerHTML = events; Obrigado
  7. Amigos, estou com o seguinte problema: quando monto meu formulário dinamicamente, ao clicar no botão submit é dado um refresh na página, ao invés de realizar o submit. Esse formulário busca todos os registros de uma dada categoria no banco de dados e os monta na página para que possam ser editados individualmente. Segue o código: //montando os formulários: $.each(responseJson, function(key, value){ var itens = "<div class='card_nbl'><div class='container_nbl'><div class='text_card_nbl update_info_consulta'><form name='updateProntuario' method='post'><label style='text-align: left;' for='prontuario'>Consulta:</label><textarea name='prontuario' class='input_full' style='resize: none; height: 100px; padding-top: 10px; margin-top: 5px;' id='prontuario'>"+value.descricao+"</textarea><label style='text-align: left;' for='info_sigilosa'>Informações sigilosas:</label><br><textarea name='info_sigilosa' class='input_full' style='resize: none; height: 100px; padding-top: 10px; margin-top: 5px;' id='info_sigilosa'>"+value.info_sigilosa+"</textarea><input type='submit' name='salvar' value='Salvar' class='btn btn_padrao'></form></div></div></div>" $("#item1mobile").append(itens) }) Minha função de submit: $(function(){ $('form[name=updateProntuario]').submit(function(){ $.ajax({ type: 'POST', url: 'www', dataType: 'json', data: $(this).serialize(), success: function(data){ $("#loading").attr("class", "loading") swal_sucesso("Tudo certo!", "As informações sobre a consulta foram atualizadas.") } }); return false; }) }) OBS: quando eu faço o formulário direto no HTML (sem montar vários itens com um laço, como acima), o submit funciona normalmente.
  8. estou cursando na Rocketseat, e um dos exercícios de la é fazer um sisteminha de conversão de notas, de numérico para alfabético, eu fiz o exercício de duas formas, uma deu certo (com if's), porem quando tentei usar switch, deu erro, sempre caia em 'default', como posso resolver? ps: eu não quero ver a solução do vídeo pq lá provavelmente vai ensinar com if's, e isso eu já sei. function ConverteNota(nota) { nota = Number(nota) let notaA = (nota >= 9 && nota <= 10); let notaB = (nota >= 8 && nota < 9); let notaC = (nota >= 7 && nota < 8); let notaD = (nota >= 6 && nota < 7); let notaF = (nota < 6 && nota >= 0); switch (nota) { case notaA: console.log('Nota A'); break; case notaB: console.log('Nota B'); break; case notaC: console.log('Nota C'); break; case notaD: console.log('Nota D'); break; case notaF: console.log('nota F'); break; default: console.log('insira uma nota valida!') break; }; }; ConverteNota(10);
  9. Pessoa de novo eu aqui kk. Acho que essa pergunta é simples mas eu não sei como fazer, já pesquisei em vários cantos mas só achei a resposta em Jquery e eu queria fazer em Javascript puro. Basicamente eu gostaria de transferir dados de uma tabela para um form eu já consegui fazer mas só funciona em um td e eu gostaria nos outros não funcionam. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <table border="1px"> <tr> <td>Nome</td> <td>Endereço</td> <td>Telefone</td> <td>Adicionar</td> </tr> <tr> <td id="nome_cliente" value="Sapien">Sapinn</td> <td id="endereco_cliente" value="Rua 01">Rua 01</td> <td id="tel_cliente" value="(88) 9 9999-9999">(88)9 9999-9999</td> <td><button onclick="adicionar()">Adicionar</button></td> </tr> <tr> <td id="nome_cliente" value="Sapien">Supremo</td> <td id="endereco_cliente" value="Rua 01">Rua 05</td> <td id="tel_cliente" value="(88) 9 9999-9999">(88)9 0000-0000</td> <td><button onclick="adicionar()">Adicionar</button></td> </tr> </table><br><br> Nome:<input type="text" name="nome" id="nome"> Telefone: <input type="text" name="telefone" id="telefone"> Endereço: <input type="text" name="endereco" id="endereco"> <script> function adicionar(){ let nome_cliente = document.getElementById("nome_cliente").innerHTML; let endereco_cliente = document.getElementById("endereco_cliente").innerHTML; let tel_cliente = document.getElementById("tel_cliente").innerHTML; document.getElementById('nome').value = nome_cliente; document.getElementById('telefone').value = tel_cliente; document.getElementById('endereco').value = endereco_cliente; console.log(nome_cliente, endereco_cliente, tel_cliente) } </script> </body> </html>
  10. estou cursando na Rocketseat, e um dos exercícios de la é fazer um sisteminha de conversão de notas, de numérico para alfabético, eu fiz o exercício de duas formas, uma deu certo (com if's), porem quando tentei usar switch, deu erro, sempre caia em 'default', como posso resolver? ps: eu não quero ver a solução do vídeo pq lá provavelmente vai ensinar com if's, e isso eu já sei. function ConverteNota(nota) { nota = Number(nota) let notaA = (nota >= 9 && nota <= 10); let notaB = (nota >= 8 && nota < 9); let notaC = (nota >= 7 && nota < 8); let notaD = (nota >= 6 && nota < 7); let notaF = (nota < 6 && nota >= 0); switch (nota) { case notaA: console.log('Nota A'); break; case notaB: console.log('Nota B'); break; case notaC: console.log('Nota C'); break; case notaD: console.log('Nota D'); break; case notaF: console.log('nota F'); break; default: console.log('insira uma nota valida!') break; }; }; ConverteNota(10);
  11. Sapinn

    Adicionar e remover campos de texto com JS

    Fala galera tudo beleza? Então alguém sabe como adicionar e remover campos de texto com js. Tipo teria um botão com um + "mais" para adicionar novos campos e junto a estes campos teria um ícone com um lixeira para remover, toda vez que fosse clicado nesse ícone o campo seria removido, apenas aquele campo. Encontrei um código para adicionar um campo mas a parte de remover ta dando dor de cabeça <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pagina</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"> </head> <body> <form id="myForm"> <div id="lines"></div> <button type="button" onclick="addInput('lines')">+</button> <input type="submit" value="Enviar"> </form> <script> var formLine = 1; function addInput(divName) { var newdiv = document.createElement('div'); newdiv.innerHTML += '<input type="text" name="produto" id='+formLine+'>'; newdiv.innerHTML += ' <i class="bi bi-trash-fill"></i>'; document.getElementById(divName).appendChild(newdiv); formLine++; } addInput('lines'); </script> </body> </html>
  12. henriquers

    Evento em option select

    Bom Dia a todos ! Gostaria de saber se tem algum modo de executar um evento em um option do select por exemplo: Um select com vários produtos aparecendo apenas o código do produto e a descrição de cada um, e quando passa o mouse sobre um deles no select inicia um evento que carrega uma imagem do produto ao lado do select sem precisar clikar no produto para aparecer a imagem. Eu consegui fazer colocando um onchange no select, mas gostaria um que não precise clicar no produto para aparecer a imagem, carregando a imagem quando passa o mouse nas opções do select. Desde já agraço a ajuda.
  13. Rizer

    Oportunidade - Desenvolvedor PHP Pleno

    Galera, estamos buscando um profissional para atuar como Desenvolvedor PHP Junior/Pleno na Rizer. Está interessado? Empresa: Rizer (www.rizer.com.br) Vaga: Desenvolvedor PHP Pleno Carga horária: 40h semanais (seg a --- / 9h-18h) Local de trabalho: Edf. Cosmopolitan, Paralela - Salvador/BA Buscamos um profissional que não tenha potencial somente para exercer com excelência a posição de Desenvolvedor PHP, mas também para - num futuro próximo - liderar times na sua área de expertise. Para tornar isso possível, iremos imergi-lo no mercado e no mundo de empresas de tecnologia e startups, apresentando ainda mais sobre o funcionamento de empresas como a nossa (não tão tradicionais assim) e sobre as metodologias que utilizamos para atingir nossos resultados. A Rizer cresce exponencialmente a cada dia e gostamos de fazer todos crescerem junto conosco. Por isso, além de uma excelente política de reconhecimento e promoção (algumas vezes meteórica) de funcionários, possuímos também um programa de Vesting para oferecer quotas da sociedade da empresa para membros do nosso time que se destacam. Pré-requisitos: Conhecimento sólido em PHP (2+ anos de experiência); Integração via APIs rest; Framework Laravel; Banco de dados relacional (mysql); Utilização de metodologias ágeis (Scrum); Git / gitflow. Phpunit; Boas práticas e design pattern;; CSS, HTML e JavaScript Interessados deverão preencher o seguinte formulário: http://bit.ly/rizer1 e fazer o upload do currículo com nome “Desenvolvedor PHP Pleno - SEU NOME” Você se considera uma excelente pessoa e um ótimo profissional? Curtiu a vaga? Então vem trabalhar com a gente, vem!
  14. Preciso construir um microsserviço, apenas no lado do servidor (Node.js) que leia menções e comentários em postagens em que o @ do meu cliente foi marcado, em seguida, salve essas mensagens em nosso banco de dados, para especialistas de atendimento para responderem mais tarde. Este microsserviço também deve ser capaz de ler e salvar as fotos destas postagens e comentários. Para Node.js, vi que não há SDK, então procurei os terceiros que o próprio Facebook indica, mas não encontrei nada sobre ler e responder a menções e comentários em postagens. Tentei utilizar as bibliotecas fb e fbgraph, mas nenhuma delas me dá as opções para ler postagens em que fui marcado, apenas as do meu próprio feed. Alguém pode me ajudar? Por onde posso começar? Há alguma outra biblioteca que consiga utilizar?
  15. Fala galera, tudo blz? Então estou com uma dúvida um pouco boba mas que não consegui resolver o problema ainda. Estou desenvolvendo um site para agendamento de serviços e resolvi fazer a pagina principal como uma dashboard (área de administrador) onde seria muito mais fácil para o usuário registrar os serviços entre outras coisas, enfim, estou com um problema quanto ao layout da página. Normalmente o dashboard tem um menu à esquerda e o conteúdo fica à direita quando ocorre o clique no botão hambúrguer( Aquele que tem três tracinhos) esse menu é recolhido e esse conteúdo que fica a direita fica centralizado, às vezes, em muitos dashboard esse menu só é um pouco recolhido ficando amostra apenas os ícones enquanto o conteúdo da direita fica um pouco mais centralizado. A pergunta é como eu posso fazer isso? Outra coisa, na responsividade quando a página diminui o menu da uma retraída e o conteúdo fica centralizado quando é clicado no botão hambúrguer o menu não afasta o conteúdo de volta e sim fica por cima desse conteúdo. Não sei como fazer isso, eu estou melhorando quando ao desenvolvimento front-end mas ainda não é muito a minha praia. Eu tentei fazer isso com css grid (que por sinal é algo que eu não tenho tanta pratica, já que eu sou melhor com flebox) mas não funcionou e o código só ficou ruim e confuso. Se alguém puder me ajudar ficaria muito grato Não tem muito coisa ainda mas irei disponibilizar o código que desenvolvi até agora: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sistema de Gerenciamento</title> <link rel="stylesheet" href="assets/css/style.css"> <link rel="icon" href="assets/images/icone-logo.png"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"> </head> <body> <header> <div class="bar-header"> <i class="bi bi-list"></i> </div> </header> <nav class="menu"> <div class="user"> <i class="bi bi-person-circle"></i> <p>Nome do Usuário</p> </div> <ul> <li class="active"><a href=""><i class="bi bi-house-fill"></i> Inicio</a></li> <li><a href=""><i class="bi bi-calendar-plus-fill"> </i>Adicionar Serviço</a></li> <li><a href=""><i class="bi bi-person-plus-fill"></i> Adicionar Admin</a></li> <li><a href=""><i class="bi bi-file-earmark-post-fill"></i> Configurações de Nota</a></li> <li><a href=""><i class="bi bi-file-person"></i> Configurações da Conta</a></li> <li><a href=""><i class="bi bi-box-arrow-right"></i> Sair</a></li> </ul> </nav> <main></main> <footer></footer> </body> </html> *{ padding: 0; margin: 0; } body{ font-family: Arial, Helvetica, sans-serif; background-color: #e5e5e5; } .bar-header{ background-color: #4285f4; position: fixed; color: #fff; width: 100%; height: 40px; font-size: 37px; padding: 8px 16px; z-index: 1; } .menu{ background-color: #26353e; width: 260px; height: 100vh; position: fixed; padding-top: 65px; } .menu ul li{ list-style: none; padding: 15px; cursor: pointer; border-bottom: 1px solid #26353e; } .menu ul li:hover{ background-color: #4285f4; } .menu li a{ color: #fff; font-size: 18px; text-decoration: none; } .menu i{ font-size: 27px; } .menu .active{ background-color: #4285f4; } .user{ margin-left: 50px; padding-bottom:10px ; } .user i{ font-size: 120px; color: #4285f4; } .user p{ font-weight: bold; font-size: 18px; color: #fff; }
  16. acneto.frc

    Extrair chave e valor de um array

    Boa noite a todos. Uso Nodejs + express + Mysql O retorno abaixo é de retorno da Model quando consultado um registro :id Preciso extrair para duas variáveis diferentes a chave e o valor de um objeto javascripr. RowDataPacket { liv_codigo: 5, liv_titulo: 'Guia Mangá - Microprocessadores', liv_edicao: '1ª Edição', liv_isbn: '987-321', liv_ano: 2016, aut_codigo: 2, edt_codigo: 3, liv_ativoinativo: 'A' } Este retorno é resultado da uma consulta SQL de um registro (:id) na tabela Preciso armazenar em arrays diferentes a chave e o valor. Abraços e obrigado.
  17. Olá, Eu preciso criar um menu com dois níveis utilizando Javascript. O código está assim: <div id="menu"> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </div> Eu preciso transformá-lo em um segundo nível e inserir texto no estilo "Parent 1" no primeiro nível, dessa maneira: <div id="menu"> <ul> <li>Parent 1 <ul class="sub-menu"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </li> </ul> </div>
  18. alex_C1

    Funções

    1. Para que pagar uma cartoamante para prever o seu futuro? Crie uma função chamada cartoamante que receberá quatro argumentos: número de filhos, nome da esposa ou matido, cidade e função. O retorno da função será: Você ocupará a função X na cidade de Y, vai se casar com Z e terá N filhos. Chame a função passando os quatro parâmetro e imprima o resultado no log. Crie a função no modo tradicional. 2. Transforme a função anterior em uma arrow function e ajuste o que for necessário no programa. Obs: estou precisando dessa parte para terminar meu trabalho da faculdade.
  19. Opa galera tudo firmesa? Então, tenho um codigo que faz uma barra aparecer toda vez que eu role a pagina até um certo ponto e tudo funciona normal. Eu gostaria de saber se tem como fazer uma transição nessa barra para ele ir aparecendo devagarzinho com a opacidade em 0 e vai subindo até chegar a 1 coisa de um 0.8s. Não sei como fazer ou se tem como fazer preciso de ajuda. Codigo js window.onscroll = function(){ var top = window.pageXOffset || document.documentElement.scrollTop var barra = document.querySelector(".barra"); if(top > 900){ barra.style.display = 'flex'; //aqui tentei adicionar uma class direto do css para fazer o efeito transition mas sem sucesso. barra.classList.add('transition'); }else{ barra.style.display = 'none'; } } Codigo css .barra{ width: 100%; height: 70px; background-color: #090b13; display: none; justify-content: space-between; position: fixed; opacity: 0; } .transition{ transition: 1s; opacity: 0.7; } codigo HTML <div class="barra" > <img src="assets/images/logo-nopad.svg" alt=""> <button class="botao-assinatura-header">Assine Agora</button> </div>
  20. henriquers

    Campo de busca SELECT2 não esta filtrando

    Estou com um problema com o Select2, ele tem um campo de busca mas não esta filtrando corretamente e não estou entendo o motivo, sem utilizar o AJAX colocando os options manualmente ele funciona corretamente, mas trazendo os dados via AJAX ele não funciona o campo de busca. Se aguem poder me dar uma luz agradeço a ajuda. Nessa imagem estou tentando filtrar apenas para os itens que tenha LUVA na descrição, mas não funciona, posso colocar qual quer coisa que ele não faz o filtro Abaixo segue meu codigo HTML <!DOCTYPE HTML PUBLIC> <HTML> <HEAD> <TITLE> Select2 </TITLE> <link href="select2/select2.css" rel="stylesheet" type="text/css" /> <script src="https://code.jquery.com/jquery-latest.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/i18n/pt-BR.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/> <script> $(document).ready(function(){ $("#selUser").select2({ language: "pt-br", ajax: { url: "get_dados.php", type: "GET", dataType: 'json', delay: 200, data: function (params) { return { q: params.term, // search term page: params.page }; }, processResults: function (response) { return { results: response }; }, cache: true }, width: "20%", closeOnSelect: true, }); }); </script> </head> <body> <select id='selUser' style='width: 200px;'> <option value='0'>- Search user -</option> </select> </body> </html> get_dados.php <?php include './conn_orcl.php'; $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT' ORDER BY DESCRICAO"; $parse=oci_parse($conn,$select); oci_execute($parse); $data = array(); while($row=oci_fetch_array($parse)){ $data[] = array("id"=>$row['PRODUTO'], "text"=>$row['PRODUTO']." - ".$row['DESCRICAO']); }; echo json_encode($data); ob_end_flush(); oci_free_statement($parse); oci_close($conn); ?>
  21. chastomber

    erro php com java

    Olá O código esta funcionando mas não interagindo var timeout = setInterval(reloadDivX, 2000); function reloadDivX () { $('#divX').load('divX.php'); } <div id="divX></div> na pagina divX.php se tiver qq coisa escrita ele atualiza normalmente MAS eu tenho um SELECT. Do jeito que esta abaixo, sem eu setar o javascript, ele me mostra corretamente os dados mas não atualiza a div como preciso. <div id="divX"> <?php require "divX.php"; ?> </div> e se eu deixar sem este require mas com a divX.php com o código sql da este erro abaixo. Fatal error: Uncaught Error: Call to undefined function SELECT() in C:\xampp\htdocs\PROJETOS\projetos\divX.php:73 Stack trace: #0 {main} thrown in C:\xampp\htdocs\PROJETOS\projetos\divX.php on line 73 Basicamente eu preciso que uma div atualize de tempos em tempos trazendo uma página que tem dados do banco.
  22. karleonel

    Palindromo

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> .conteudo{ text-align: justify-all; } .texto{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; text-align: justify; } .titulo{ text-align: center; } </style> </head> <body id="minhaPagina"> <div class="conteudo"> <h1 class="titulo"></h1> <p class="texto"></p> <label for="digite">Digite a palavra:</label> <input name="campo" type="text" size="20" maxlength="6" /><br><br> <button type="button" onclick="VPalindromo('fcampo')" >Validar Palíndromo</button> </div> <script> function VPalindromo(str) { //var str = document.getElementByID("fcampo").value; var er = /[\W]/g var smallStr = str.toLowerCase().replace(er, ""); var x = smallStr.split("").reverse().join(""); if (x == smallStr) { alert("É um palindromo.") } else{ alert("Não é um palindromo.") } } </script> </body> </html> Pessoal, Eu fiz este código utilizando expressões regulares mas ao tentar validar ele sempre dá reposta como falsa. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> .conteudo{ text-align: justify-all; } .texto{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; text-align: justify; } .titulo{ text-align: center; } </style> </head> <body id="minhaPagina"> <div class="conteudo"> <h1 class="titulo"></h1> <p class="texto"></p> <label for="digite">Digite a palavra:</label> <input name="campo" id="fcampo" type="text" size="20" maxlength="6" /><br><br> <button type="button" onclick="VPalindromo()" >Validar Palíndromo</button> </div> <script> function VPalindromo(str) { var er = /[\W]/g var smallStr = str.toLowerCase().replace(er, ""); var x = smallStr.split("").reverse().join(""); if (x == smallStr) return true; return false; } </script> </body> </html>
  23. Olá, sou iniciante, e estou fazendo, como exercício, o jogo da velha. 'Desenvolvi' uma rotina de escolha de nível do jogo (serão 3 níveis) que deve aguardar a escolha do usuário para o programa prosseguir. Mas acho que não entendi direito como o javascript funciona, pois o que fiz não funciona e não encontrei uma solução (talvez não saíba como pesquisar corretamente o assunto na web). O começo do HTML (que é pouco) onde está um select para escolha do nível é este: <body> <div id="dvmenu"> <button onclick="iniciar()">Iniciar Jogo</button> <p><br></p> <div id="dvQuemComeca"> <label for="nivel">Escolha o nivel:</label> <select id="nivel" onChange='atualiza()'> <option value=0 selected>Escolha um nível</option> <option value=1>Nível 1 - Brincadeira</option> <option value=2>Nivel 2 - Surpresa</option> <option value=3>Nível 3 - Desafio</option> </select> </div> <div id="jogador" class="jogador"></div> <div id="vencedor" class="jogador"></div> </div> O código JS é este: //INÍCIO VEM DE LOAD function iniciar() { casela = document.querySelectorAll('div[id^="p"]'); for (let cas of casela) { cas.innerHTML = ''; } for (let i = 0; i < 9; i++){ tab = tab; } console.log(tab); nivel = 0; msg = ''; qtosLancesJog = 0; sorteiaJogador(); //até aqui funcionou direito } //-------------------------------------------------------------------- //ESCOLHA DO NÍVEL DO JOGO function atualiza(){ let selecao = document.querySelector('#nivel'); let opcao = selecao.options[selecao.selectedIndex]; return opcao.value; } //-------------------------------------------------------------------- //SORTEIA QUEM VAI COMEÇAR JOGANDO //função para definir o jogador que inicia o tab function sorteiaJogador() {//funcionou direito let quemComeca = parseInt(Math.floor(Math.random() * 2)); if (quemComeca == 0) { msg = 'Computador'; //setTimeout(lanceCpu, 2000);//dá um intervalo antes do computador realizar o 1 lance lanceCpu(); } else msg = 'Humano';//neste caso a rotina espera que o jogador clique no tabuleiro, qdo roda a função lancetab(pos) lanceHumano(); document.querySelector('#jogador').innerHTML = `<br>O ${msg} começa!`; } //-------------------------------------------------------------------- //ESCOLHA RANDÔMICA, NIVEL = 1, Da POSIÇÃO DO LANCE DA CPU NO tabULEIRO function jogouCpu(){//funcionou direito //nível 1 modo randômico pos = Math.floor(Math.random() * 9); return pos; } //função humana function lanceHumano(){ console.log('Estou na função humana'); do { nivel = atualiza(); console.log(nivel); } while (nivel === 0); console.log(nivel + ' passei direto'); } O problema está nesse do...while da function lanceHumano(). Segundo entendi, ele prosseguiria apenas quando nivel!== 0, caso contrário, ficaria 'preso' até o momento que o usuário escolhesse uma das opções. Pelo HTML percebesse que setei o select para value=0. Mas ele nem se dá ao trabalho de esperar um miléssimo de segundo, segue em frente com o valor que tiver, no caso 0. O while não tem efeito. Essa minha perspectiva está errada? Se sim, o que fazer? (paradigma funcional, await?) Obrigado. P.S.. No código tem uns conole.logs que servem watch-dogs para ajudar a entender por onde vão as rotinas.
  24. Sapinn

    Menu com navegação one page

    Fala galera blz? Então preciso de ajuda numa coisa aqui que não sei de jeito nenhum como resolver. Eu encontrei na W3School um menu tab vertical perfeito para minha página que é one page. Segui o link: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_vertical_tabs Mas estou me encontrando com um problema! Eu gostaria que esse menu permanece-se na mesma tag mesmo atualizando a página, por exemplo, se eu escolher a segunda opção do menu ela permanecerá ativada mesmo se eu atualizar a página. Na opção oferecida pela W3Shool, toda vez que a página é atualizada ele volta para a primeira tag que tem por padrão a primeira opção com um active. Não sei como resolver ou se tem uma solução para algo assim mas se alguém puder me ajudar eu agradeceria muito.
  25. Ninja2112

    Value para um button em tempo de execução

    Ola pessoal....estou c o seguinte problema: Tenho uma página .jsp com uns botões e querendo preenche-los durante o carregamento. De acordo com o value, querendo colorir de uma forma diferente. Alguma idéia ? Estou tentando assim: value="<%=consultarStatusSemana(dist1[i],vetorsematual[j])%>" e como posso chamar uma função q de os estilos de acordo ??
×

Informação importante

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