Jump to content

Search the Community

Showing results for tags 'JavaScript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Calendars

  • Comunidade iMasters

Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Banco de Dados
    • Java
    • .NET
    • Mobile
    • Ambientes de Desenvolvimento
    • Agile
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2413 results

  1. 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>
  2. 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); ?>
  3. 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.
  4. 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>
  5. 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.
  6. 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.
  7. 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 ??
  8. Bom Dia, Estou com uma dificuldade para conseguir colocar os options de um select dentro do mesmo utilizando Ajax, as informações estão vindo corretas mas na hora de enviar para o HTML que eu acho que estou fazendo alguma coisa errada, estou utilizando o select2 pois tenho necessidade de colocar imagens dentro dos <option> para cada item que trouxer, segue o código utilizado a baixo: index.php <html> <head> <title>TESTE</title> <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> <script language="JavaScript" src="javascript.js"></script> <!-- Arquivo JavaScript --> <link rel="stylesheet" href="estilo.css"/> <!-- Arquivo de Estilo CSS --> </head> <body> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/> <select id="testeSelect"> <span id="respSelect"></span> </select> </body> <script> carrega_produtos(); </script> </html> javascript.js function carrega_produtos(){ var verifica = 'get_produto'; $('.load').show(); jQuery.ajax({ type: 'POST', url: './get_dados.php', data: 'verifica='+ verifica, cache: false, success: function(response){ $("#respSelect").html(response); $('.load').hide(); } }); } $( document ).ready(function() { function formatProduto (option) { if (!option.id) { return option.text; } var ob = '<img src="../../img/oculos_teste.jpg" />' + option.text; return ob; }; $("#testeSelect").select2({ placeholder: "Selecione o Produto !", width: "20%", templateResult: formatProduto }); }); get_dados.php <?php include './conn_orcl.php'; $verifica = $_POST['verifica']; if($verifica == 'get_produto' ) { $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); while ($fetch=oci_fetch_array($parse)){ $cod = $fetch['PRODUTO']; $desc = $fetch['DESCRICAO']; $option = $option."<option>$cod - $desc</option>"; } echo $option; } ob_end_flush(); oci_free_statement($parse); oci_close($conn); ?> As informações estão vindo corretas, mas não consigo aparecer no select Agradeço quem poder me dar uma luz, Obrigado.
  9. Como resolver esse problema?
  10. ac.pedro

    Soma Gauss

    Alguém pode me ajudar a fazer esse exercício?
  11. Alguém pode me ajudar a resolver esses exercícios? Meu resultado está dando erro.
  12. 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.
  13. Boa tarde malta! Preciso da vossa ajuda sobre um assunto que já perdi dias e dias à procura de uma solução. Tinha uma planilha em excel que tinha uma macro em VBA para ocultar o cabeçalho das linhas e colunas (números nas linhas e letras nas colunas), por necessidade do serviço tivemos que passar para a planilha do Google, essa planilha precisa de estar editavel num site (que eu já consegui) só preciso mesmo ocultar os cabeçalhos. Publicar em html não é solução porque nessa altura deixa de ser editável. Fico a aguardar pela vossa preciosa ajuda. Obrigado pela atenção.
  14. SingleSistemas

    Problemas ao somar adicionais

    Boa tarde rapaziada, seguinte, estou tendo uns problemas e precisaria de ajuda tenho um produto que tem vários complementos porém, existe uma quantidade free que o cliente pode escolher como por exemplo um copo de açai de 17 reais, o cliente tem direito a 3 complementos a partir do 4° complemento é cobrado o valor do opcional + o valor do copo porém, quando chega no 4° complemento ele soma todos os que estão checados, não somente o último que foi marcado caso queiram ver a function do JS segue o link https://pastebin.pl/view/c160abe2
  15. Boa Tarde, Sou novo no mundo da programação e estou programando em web e gostaria de colocar um SELECT que no OPTION tenha imagem e um campo para busca caso necessário, eu consegui fazer com a biblioteca do DDSLICK mas não consegui colocar um campo de busca, alguém sabe se é possível colocar esse campo utilizando o DDSLICK ? esse SELECT a cima eu fiz utilizando o ddslick era mais ou menos assim que eu gostaria, mas não tem um campo de busca esse a cima tem o campo de busca mas não consigo inserir as imagens nesse de cima utilizei o SELECT2 precisaria da junção dos dois, se alguém souber como me ajudar eu agradeço.
  16. riantrovao

    ALTERAR IMAGEM AO CLICAR NELA

    Estou começando a aprender html/css/javascript, e estou com um projeto de um site, vou tentar explicar oq eu quero. Eu tenho 3 imagens de espelhos quebrados e quero que ao clicar em cada imagem apareça a foto dentro do espelho, porém n estou conseguindo e quando eu clico na imagem ela troca apenas de um espelho... <!DOCTYPE html> <html lang="pt-br"> <head> <title>TE AMO</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <script type="text/javascript"> function changeImage(a) { document.getElementById("quadro1").src=a; } </script> </div> <div class="momentos-menu"> <img src="imagens/momentos.png" class="momentos"> <div id="quadro"> <div class="row"> <div class="coluna"> <img id="quadro1" src="imagens/quadro.png" onclick='changeImage("imagens/quadro-foto-1.png");'> </div> <div class="coluna"> <img id="quadro1" src="imagens/quadro.png" onclick='changeImage("imagens/quadro-foto-2.png");'> </div> <div class="coluna"> <img id="quadro1" src="imagens/quadro.png" onclick='changeImage("imagens/quadro-foto-3.png");'> </div></div> </div> </div> </body> </html>
  17. 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.
  18. ernestovm

    Inconsistência Chrome X Firefox

    Bom dia. Descobri, depois de muito trabalho, um problema esquisito. Tenho duas imagens que chamam funções JavaScript determinadas. Uma funciona e a outra não. Isso no Firefox. No Chrome as duas funcionam perfeitamente. Alguém conhece alguma gambiarra para fazer o Firefox funcionar? Segue os códigos: HTML: <img src="images/ic_abrir.png" width="70" height="70" onClick="abre_notificacao(<? echo "'".$us_codigo."','".$item."'"; ?>);" style="cursor:pointer" id="p_imagem-<? echo $item; ?>" name="p_imagem-<? echo $item; ?>"> <img src="images/ic_excluir.png" width="70" height="70" onClick="excluir_notificacao(<? echo "'".$us_codigo."'"; ?>);" style="cursor:pointer"> JAVASCRIPT: <script type="text/javascript"> function abre_notificacao(codigo,indice) { $("#p_imagem-"+indice).attr("src","images/ic_abrir_ok.png"); $("#ver-"+indice).css("display", "block"); } function excluir_notificacao(codigo) { $.post("excluir_notificacao.php", {codigo: codigo}, function(resposta) { confirm(resposta+" ("+codigo+")"); }); location.reload(); } </script> A Função abre_notificacao(codigo,indice) funciona perfeitamente nos dois browsers. A Função excluir_notificacao(codigo) só funciona no Chrome. Obrigado pela luz
  19. _marlon307

    Menu hover React

    Boa noite. Bom Dia. Estou com um problema com meu menu hover em React. quando eu passo o mouse em cima do elemnto para abrir o menu le renderiza todas as abas e quando passo o mouse sobre o menu ele fica bugado. import React, { useState } from 'react'; import { Link } from 'react-router-dom'; //import DropModMn from '../../Helper/DropModMn'; import { ReactComponent as Respponse } from '../../icons/respponse.svg'; import styles from '../css/search.module.css'; import SubMenuCtg from './SubMneu/SubMenuCtg'; const Search = () => { const menu = [ { nctg: 'Masculino', ctg: ['Categoria', 'Categoria', 'Categoria 3', 'Categoria 4', 'Categoria 5'], }, { nctg: 'Femenino', ctg: ['Categoria 3', 'Categoria 4', 'Categoria 5', 'Categoria 6', 'Categoria 7'], }, { nctg: 'Criança', ctg: ['Categoria 8', 'Categoria 9', 'Categoria 10', 'Categoria 11', 'Categoria 12'], }, { nctg: 'Acessórios', ctg: ['Categoria 13', 'Categoria 14', 'Categoria 15', 'Categoria 16', 'Categoria 17'], }, { nctg: 'Promoção', ctg: ['Categoria 18', 'Categoria 19', 'Categoria 20', 'Categoria 21', 'Categoria 22', 'Categoria 22', 'Categoria 22', 'Categoria 22', 'Categoria 22', 'Categoria 22', 'Categoria 22'], } ]; const [expand, setExpand] = useState(false); function MouseOver(event){ event.preventDefault(); console.log(event); if(expand) setExpand(!expand); else setExpand(!expand); } return ( <nav className={styles.search}> <div className={styles.ct}> <Link to="/" className={styles.index}> <Respponse aria-label="Respponse"/> </Link> </div> <div className={styles.ct}> <ul className={styles.ldep}> {menu.map((m) => <li className={styles.ictg} key={m.nctg} onMouseOver={MouseOver} onMouseLeave={MouseOver}> <Link className={`${styles.lctg} imh`} to={m.nctg}>{m.nctg}</Link> <SubMenuCtg gl={m.ctg} exp={expand} /> </li> )} </ul> </div> </nav> ) } export default Search
  20. Bom dia Galera, Sou novo por aqui, estou estudando um pouco sobre o Google Script e Java Script. Estou tentando criar um programinha que lê e exibe em tela os dados que estão armazenados em minha Base (FibreBase). Mas quando tento puxar através da API Google google.script.run.minhaFunção() e salvar em uma variável o JavaScript passa direto não aguardando o fim da leitura de arquivo. Dei uma lida sobre ser assíncrona a requisição que estou fazendo, mazers tentei de varias forma fa aguardar mas não consegui. document.getElementById('ConsultarClientes').addEventListener( 'click', function (){ // Buscar dados FireBase Lista de Clientes const clientes = getFireBase('Clientes/Arquivos'); clientes.then(retorno => console.log(retorno)); } ,false); async function getFireBase(chave){ return google.script.run.withSuccessHandler().getFireBase(chave); }; Console log retorno
  21. Olá, estou escrevendo um código aonde preciso colocar o JSON dentro de uma array, porém, o JSON foi parciado utilizando o JSON.parse, para atribuir o conteudo do document.todosOsFretes, segue o exemplo: Queria saber qual alternativa que pode ser feita para mim poder colocar o document.todosOsFretes dentro de uma array e pesquisar nele, algum campo... Desde já agradeço.
  22. Rodrigo Biaggio

    Array com Javascript

    Pessoal, alguém consegue me ajudar? Eu preciso pegar os dados de um array, mas não estou conseguindo. <!DOCTYPE html> <!-- Inicio do html --> <html lang="pt"> <!-- Inicio do head --> <head> <meta charset="utf-8"> <script src='https://kit.fontawesome.com/a076d05399.js'></script> <link rel="icon" type="imagem/png" href="images/dynatrace.png" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://unpkg.com/@popperjs/core@2"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- CSS Customizado --> <link href="css/ambiente-monitorado.css" rel="stylesheet"> </head> <!-- Fim do head --> <!-- Inicio do body --> <body> <header> <title>Dynatrace Managed</title> <!-- Inicio do nav fixado no topo--> <div id="nav"> <nav class="navbar navbar-inverse navbar-fixed-top"> <!-- Inicio div container-fluid --> <div class="container-fluid"> <div class="navbar-header"> <!-- Imagem do logo da Dynatrace a esquerda --> <a class="navbar-brand" href="#"><img id="imagem-logo-dynatrace" src="images/dynatrace.png" width="30px" height="30px" alt="Logo Principal" title="Logo Dynatrace"></a> </div> <!-- Inicio ul nav com opções das páginas --> <ul class="nav navbar-nav nav-custom"> <li><a href="index.html">Home</a></li> <li class="active"><a href="ambiente-monitorado.html">Ambientes Monitorados</a> <li><a href="arquitetura.html">Arquitetura Dynatrace</a></li> <li><a href="#">Downtime</a></li> <li><a href="#">Indicadores</a></li> <li><a href="como-funciona.html">Licenças</a></li> <li><a href="#">Métricas</a></li> </ul> <!-- Fim ul nav com opções das páginas --> <!-- Inicio ul nav da diretia, com search e login --> <ul class="nav navbar-nav navbar-right nav-custom"> <!-- Icone e botão login --> <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> <!-- Inicio form do search --> <form class="navbar-form navbar-left" action="/action_page.php"> <div class="input-group"> <!-- Input do search --> <input type="text" class="form-control" placeholder="Search" name="search"> <div class="input-group-btn"> <!-- Botão de submit do search --> <button class="btn btn-default" type="submit"> <!-- Icone do search --> <i class="glyphicon glyphicon-search"></i> </button> </div> <!-- Fim div input-group-btn --> </div> <!-- Fim div input-group --> </form> <!-- Fim form do search --> </ul> <!-- Fim ul nav da diretia, com search e login --> </div> <!-- Fim div container-fluid --> </nav> </div> <!-- Fim do nav fixado no topo--> </header> <div id="div-main"> <div id="div-botoes-pesquisa"> <button class="button-title btn btn-info" id="button-buscar-licencas-ambiente" data-toggle="tooltip" aria-pressed="false"><i class="fas fa-bezier-curve fa-2x" aria-hidden="true" title="Por Ambiente"></i></button> <button class="button-title btn btn-info" id="button-buscar-licencas-servidor"><i class="fas fa-server fa-2x" aria-hidden="true" title="Por Servidor"></i></button><br><br> <input class="form-control mr-sm-2" type="text" id="input-search-host-group" name="filtro" placeholder="Filtrar"> </div> <div id="div-mostra-total-licencas"></div> <div id="div-table-licencas" class="div-table-licencas table-responsive"> <table class="table table-striped table-hover table-bordered" id="table-licencas"> <thead> <tr> <th class="linha-titulo-tabela">Problema</th> <th class="linha-titulo-tabela">Camada Impactada</th> <th class="linha-titulo-tabela">Status</th> <th class="linha-titulo-tabela">Tipo Erro</th> <th class="linha-titulo-tabela">Usuários Impactados</th> </tr> </thead> <tbody id="table-body"> </tbody> </table> </div> <div id="demo"></div> </div> <script src="js/api-get-problems.js"></script> <script src="js/disable-button.js"></script> <script src="js/filtrar-search-licencas.js"></script> </body> <!-- Fim do body --> </html> <!-- Fim do html --> $(document).ready(function() { const Url=''; $("#button-buscar-licencas-ambiente").click(function(){ $.ajax({ url: Url, type:"GET", success: function(result){ console.log(result); var problema = result.problems; var userimpactado = result.problems.impactAnalysis; $.each(problema, function(i, value) { console.log('The value at arr[' + i + '] is: ' + value.displayId); var newRow = $('<tr class="linha-table">'); var cols = ""; cols += '<td class="displayId" id="displayId">' + value.displayId + '</td>'; cols += '<td class="impactLevel" id="impactLevel">' + value.impactLevel + '</td>'; cols += '<td class="status" id="status">' + value.status + '</td>'; cols += '<td class="title" id="title">' + value.title + '</td>'; cols += '<td class="estimatedAffectedUsers" id="estimatedAffectedUsers">' + value.impactAnalysis.impacts.estimatedAffectedUsers + '</td>'; newRow.append(cols); $("#table-licencas").append(newRow); }); }, error:function(error){ console.log('Error ${error}') } }); }); }); Preciso pegar as informações dos campos estimatedAffectedUsers: numberOfPotentiallyAffectedServiceCalls: Cada value.displayId pode ter 1 ou mais impactedEntity. impactAnalysis: { impacts: [ { impactType: "SERVICE", impactedEntity: { entityId: { id: "SERVICE-034769111916BA3B", type: "SERVICE" }, name: "" }, estimatedAffectedUsers: 0, numberOfPotentiallyAffectedServiceCalls: 4496 }, { impactType: "APPLICATION", impactedEntity: { entityId: { id: "APPLICATION-A8D06FDBBA2EE7F6", type: "APPLICATION" }, name: "" }, estimatedAffectedUsers: 2 }, { impactType: "SERVICE", impactedEntity: { entityId: { id: "SERVICE-B7A98E7FDD81118A", type: "SERVICE" }, name: "online-importer-server-v*" }, estimatedAffectedUsers: 0, numberOfPotentiallyAffectedServiceCalls: 775 }, { impactType: "SERVICE", impactedEntity: { entityId: { id: "SERVICE-D773255CD13D8968", type: "SERVICE" }, name: "" }, estimatedAffectedUsers: 1, numberOfPotentiallyAffectedServiceCalls: 34 } ]
  23. marceloDiegues

    Custo e Tecnologia.

    Olá, amigos. Por favor, me ajude com a seguintes perguntas. Qual a complexidade de um projeto desse? Qual o preçp de um projeto desse tipo? Quero contratar algum profissional para criar um site que tenha as seguintes funcionabilidades: 1- Cadastro de usuário; 2- Login e senha; 3- O site seria muito parecido com o www.qconcursos.com, o usuário resolveria questões online. Contudo, haveria a possibilidade de criar salas tipo aqueles bate-papo da &nbsp;UOL. Então, o usuário criaria salas de estudos, em que , resolveria questões e conseguiria se comunicar por chat com usuários que estejam na mesma sala. Exemplo em anexo:
  24. Tenho uma lista de DIV's com a mesma class name informado valor de desconto nos itens porém está dando casa decimal e gostaria de tirar isso... utilizei o Math.round() porém não está surtindo efeito. Seria pegar esse valor --> aplicar esse Math.round() e devolver corrigido. É possível fazer isso sem informar o valor literal do registro? Até anexei um print do console da página function porcentagem(){ var a = document.getElementsByClassName('prateleira-label-desconto').value; b = Math.round(a); document.getElementsByClassName("prateleira-label-desconto").innerHTML= b; }
  25. Ola boa noite! td bem com vcs? Galera estou precisando de um codigo que quando der um certo horario tipo 10:00 hs da manhã o codigo mostra a div. E as 16:00 hs o codigo OCULTA a div automaticamente. Tenho um Codigo que faz isso, mas tem q clicar em um botão, vejam abaixo: <script src="https://stacksnippets.net/scripts/snippet-javascript-console.min.js?v=1"></script> <div id="minhaDiv" style="display:none">Conteudo</div> <button type="button" onclick="Mudarestado('minhaDiv')">Mostrar / Esconder</button> <script type="text/javascript"> function Mudarestado(el) { var display = document.getElementById(el).style.display; if (display == "none") document.getElementById(el).style.display = 'block'; else document.getElementById(el).style.display = 'none'; } </script> obrigado!
×

Important Information

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