wanderval

Cara porque você quer fazer dessa forma, a menos que sejá algum desafio pessoal ou estudo de lógica a melhor solução seria usar elementos nativos para isso como: <input type="time" /> <input type="date" /> <input type="datetime-local" /> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

Pelo que percebi essa aplicação é node.js e não uma aplicação front-end está aparecendo undefined pq você não esta retornando nada no response, isso é uma API náo pode deixar de usar response e request. Essa é uma chamada de APi para rota como foi delegado para outro método manipular response(res) ou request(req) como é um get deve ter um response populado. Segundo seu Model não está fazendo nada além de fazer console.log então mesmo chegando resposta do banco nada voltara para o controller. app.get('/estagio/movimentacoes/cadastroSeguros', segurosRoutes.segurosGetAll); Como você pode ver em nenhum momento foi utilizado o "res"nesse método =====CONTROLLER const segurosController = require('../models/segurosModels.js'); module.exports = { segurosGetAll, } async function segurosGetAll(req, res) { console.log('Acessando Models!!!') try{ const retorno = await segurosController.getAll() console.log(JSON.stringify(retorno)) }catch (err){ console.log(err) } } =====ALTERACAO CONTROLLER const segurosController = require("../models/segurosModels.js"); module.exports = { segurosGetAll }; async function segurosGetAll(req, res) { console.log("=========SEGUROS GET ALL CONTROLLER========"); try { const retorno = await segurosController.getAll(); console.log(JSON.stringify(retorno)); res.json(retorno); } catch (err) { console.log(err); res.json({ error: true }); } } ======MODEL====== const conexao = require('../../config/conexao.js'); module.exports = { getAll, } function getAll() { m_sql = 'select * from seguros '; console.log("SQL em Model Seguros...."+'\n'+m_sql) conexao.query(m_sql); console.log("GetAll Sql retornando: ") } =====ALTERACAO MODEL======= // const client = require("../../config/conexao.js"); // const moment = require("moment"); // comentei pq nao vi nenhuma utilizacao // APENAS TEST MOCK const client = require("../config/conexao.js"); module.exports = { getAll }; async function getAll() { console.log("=========GET ALL MODEL========"); const m_sql = "select A.*, B.seg_razaosocial, B.seg_nomefantasia, C.alu_nome, D.usu_username from seguros A left join seguradora B on A.seg_codigo = B.seg_codigo left join usuarios D on A.usu_codigo = D.usu_codigo left join alunos C on A.alu_codigo = C.alu_codigo "; let retorno; try { retorno = await client.query(m_sql); } catch (error) { throw new Error(error); } return retorno; } tenta acessar essa plataforma: https://codesandbox.io/s/zealous-brahmagupta-mqhxd?file=/src/index.js

Tenta assim <script src="https://www.mercadopago.com.br/integrations/v1/web-payment-checkout.js" data-preference-id="<?php echo json_encode($preference2->id); ?>" data-elements-color="#0D55E7" data-button-label-color="#0D55E7" data-button-label="CONTINUAR" > </script>

Nada cara esses detalhes ocorrem mesmo, so que com o tempo fica mais fácil pra encontrar a issue com o tempo você acaba vendo padrões nas falhas, e aprendendo a fazer debugging com mais naturalidade. Sucesso pra você tb!

function myFunction() { // Corrija essa linha // var test = document.getElementsByClassName("entrada"); // atualmente var test = document.getElementsByClassName("entrada")[0].innerHTML; // maneira correta function getMoney( str ) {console.log(str); return parseInt( str.replace(/[\D]+/g,'') ); } function formatReal( int ) { var tmp = int+''; tmp = tmp.replace(/([0-9]{2})$/g, ",$1"); if( tmp.length > 6 ) tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2"); return tmp; } var int = getMoney( test ); document.getElementById("saida").innerHTML = (formatReal( int )); } JsBin: https://jsbin.com/dujevafuri/edit?html,js,output

1 ponto: Você deveria ter colocado tb o html 2 ponto: no seu script você define claramente 4 items, então acredito que o que esteja ocorrendo e apenas exibir as imagesn novamente devido o loop. Obs: não ficou muito clara sua dúvida, você quer exibir 4 imagens diferentes tendo menos de 4? JsBin: https://jsbin.com/jerahopipe/edit?html,js,output $(".owl-carousel").owlCarousel({ loop: true, nav: true, items: 4, // Define o numero de items dots: false, navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], smartSpeed: 1200, autoplayTimeout: 5000, autoHeight: false, autoplay: true, responsive: { // acredito que defina o espaçamento entre os itens, logo se houver apenas 2 imagesn e no attributo items for igual 2(items:2) a biblioteca ira considerar essa definiçao agora se essa definiçao não existir passa a vvalor o valor de (items) seguindo a configuracao da biblioteca para exibir a cada loop o numero igual aos itens definidos 0: { items: 1 }, 480: { items: 2 }, 768: { items: 3 }, 992: { items: 4 } } });

cara coloca o código da tentativa aqui é muito mais assertivo: mas vai um video do Tulio do DevPleno

O que eu fiz foi criar um cenário, eu fiz uma pergunta pra você no post anterior sobre o que a query retorna, certo? Na maioria de libs Javascrip o client.post client.get retornam uma Promise, quando eu falo isso, eu digo o tipo do retorno não o conteudo em si. Então se você ver eu criei o metodo query retornando como async torna o metodo uma promise. procure ler a respeito assim vai entender e ficar mais seguro. mas basicamente você so precisaria alterar a sua variavel que está errada ja que a chamada do metodo já está com o "then()". Faça tentativas use o then na chamda do getAll e corrija o que apontei relacionado a variavel retorno. entao caso haja problema coloque a sua tentativa aqui

// Seu Cenario async function query(sql) { return {data:"sucess"}; } async function getAll() { m_sql = 'select A.*, B.seg_razaosocial, B.seg_nomefantasia, C.alu_nome, D.usu_username from seguros A left join seguradora B on A.seg_codigo = B.seg_codigo left join usuarios D on A.usu_codigo = D.usu_codigo left join alunos C on A.alu_codigo = C.alu_codigo '; console.log("SQL em Seguros...."+m_sql) console.log("-----------------------") let retorno try{ retorno = await query(m_sql); console.log("Retornando da SQL: "+retorno.data) } catch(erro) { console.log(erro) retorno = erro; } return retorno; } getAll().then((result) => { console.log('Result: ', result); }) Seu erro está sendo o seguinte você está declarando uma variavel const retorno dentro do try e retornando let retorno

mas seu metodo getAll não retorna uma promise? const retorno = await client.query(m_sql); oque retorna query? // modifica essa linha segurosController.getAll().then((result) => {

Acho que você deveria estar usando o then do promise ou o await afinal você declarou a funçao como async segurosController.getAll().then((err, result) => { if(err) { console.log("Erro: " + err) throw err; }else{ console.log("Resultado "+result)} }) // await let result = await segurosController.getAll();

Mas o que não ficou muito claro, porque você precisa do position:fixed; afinal com a propria div você ja tem esse comportamento, e dessa forma você torna os elementos anexados em diferentes referencias, viewport e elemento parent. Seguindo o seu css a unica forma seria emum cenario onde a primeira div não tivesse seu height alterado assim daria pra colocar a diferença em uma margin top na segunda div. EX: essas divs por si so já executam esse comportamento, pq são por definição display: block então sempre ocuparam 100% dentro do container <div>div_1</div> <div>div_2</div>

seu problema é muito simples, você está usando aparentemente jquery ($) e não adicionou a mesma no header do html, o codigo está funcional. HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head> <body> <select class="seleciona_nome"> <option value="Joao">Joao</option> <option value="Julio">Julio</option> <option value="Pedro">Pedro</option> </select> <input type="text" class="opcaoSelect" autocomplete="off" disabled="disabled"> </body> </html> link JsBin: https://jsbin.com/wafuduliwi/edit?html,js,output

HTML: <!--My option--> <div class="container-cards"> <div class="box-container"> <section class=box-image> <img src="https://e7.pngegg.com/pngimages/755/939/png-clipart-red-and-gold-shield-illustration-shield-icon-shield-heart-shields.png" width="130" height="130" /> </section> <section class=box-content> <label class="title">Perm. e Segurança</label> <span class="description">Aplique permissões e proteja pastas</span> </section> </div> <div class="box-container"> <section class=box-image> <img src="https://e7.pngegg.com/pngimages/755/939/png-clipart-red-and-gold-shield-illustration-shield-icon-shield-heart-shields.png" width="130" height="130" /> </section> <section class=box-content> <label class="title">Perm. e Segurança</label> <span class="description">Aplique permissões e proteja pastas</span> </section> </div> <div class="box-container"> <section class=box-image> <img src="https://e7.pngegg.com/pngimages/755/939/png-clipart-red-and-gold-shield-illustration-shield-icon-shield-heart-shields.png" width="130" height="130" /> </section> <section class=box-content> <label class="title">Perm. e Segurança</label> <span class="description">Aplique permissões e proteja pastas</span> </section> </div> </div> CSS: fieldset{ width:100%; height:100%; padding: 1em; font:80%/1 sans-serif; border-radius: 10px; padding: 5px; min-height:1px; background: -webkit-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent; background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent; border: 1px solid #AAAAAA; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 15px #AAAAAA; font-size: 15px; color: #000; text-transform: uppercase; text-align: center; } div.box { width: 250px; display: inline-block; padding: 15px; min-height:1px; } /* My opinion */ body { background: #ededed; } .container-cards { flex-wrap: wrap; display: inline-flex; width: 100%; } .box-container { /*border: 1px solid red;*/ display: flex; background: #fcfcfc; font:80%/1 sans-serif; font-size: 14px; border-radius: 5px; align-items: center; width: 280px; height: 80px; border: 1px solid #AAAAAA; margin: 10px; } .box-container .box-image { width: 25%; background: -webkit-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0; align-items: center; display: flex; height: 100%; justify-content: center; border-right: 1px solid #AAAAAA; } .box-container .box-image img { width: 40px; height: 40px; } .box-container .box-content { display: flex; flex-direction: column; padding: 10px; .title { margin-bottom: 10px; font-size: 14px font-weight: bold; } .description { font-size: 12px; color: #8a8686; } } JsBin: https://jsbin.com/rowuvamaxu/edit?html,css,output

Acredito que o problema seja pq sempre cria uma nova instancia e nunca destroy a instancia anterior. JS // declara variavel fora para armazenar instancia var myChart; function montaGraficoProducao(option) { var ctx = document.getElementById('prodChart').getContext('2d'); var graphType = document.getElementById('graph-type').value; var data = getData(option) var labels = data.labels; var series = data.series; // checa a existencia de uma instancia e destroy if(myChart) { myChart.destroy(); } myChart = new Chart(ctx, { type: graphType, responsive: true, hoverMode: 'index', stacked: true, data: { labels: labels, datasets: [{ label: 'Ton/Mês', fill: false, backgroundColor: "rgba(1, 150, 249, 1)", borderColor: "rgba(1, 150, 249, 1)", data: series }] } }); } function getData(option) { const obj = { '1': { 'labels': ['January', 'February', 'March', 'April', 'May', 'June', 'July'], 'series': [0, 10, 5, 2, 20, 30, 45] }, '2': { 'labels': ['January', 'February', 'March', 'April', 'May', 'June', 'July'], 'series': [0, 3, 1, 10, 13, 22, 17] } }; return obj[option]; } Jsbin: https://jsbin.com/payepiyuga/edit?html,js,output

Mas pelo que entendi da sua dúvida, é mais uma dúvida de Usabilidade. 1- na primeira opção você tem uma rotina que realiza um pull notification 2- é uma requisição do cliente então o que você deveria analisar e se é necessário e se a usabilidade exige isso, um pull request é o ideal caso você tenha vários clientes dependendo desse serviço ai você teria uma sincronização de dados. mas se você tem um cenário onde é um dado isolado e onde a usabilidade pode ficar comprometida com os dados sendo atualizados o reflesh pode sim ser uma opção imagina uma table data sendo atualizada a todo momento pelo push notification, alem de nao ter uma boa usabilidade ainda consumiria muita memória do browser pra renderizar no dom. mas é clara uma tabela de mercado financeira nesse caso é emocionante é imprescindível essa atualização.

Outra opção seria usar uma lib especifica para manipulação de datas caso essa manipulação possa ficar mais ampla, assim terá um suporte maior, envolvendo dias, mês, ano e locale caso precise tratar dados com fuso horário diferente, e mais simples de manipular formatos diferentes como timestamps. uma delas é o day.js url cdn:https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.1/dayjs.min.js // Acresncentando Meses console.log(dayjs().add(2, 'month').format('DD-MM-YYYY')); // Acrescentando Dias console.log(dayjs('2020-10-12').add(5, 'day').format('DD-MM-YYYY')); link JSbin: https://jsbin.com/negavetove/edit?html,js,console

Somente complementando @Omar~ na verdade tem uma forma de resetar o audio mantendo os elementos usando a propriedade currentTime = 0 no caso seria apenas uma linha adicionada ao seu método. function tocarAudio(e) { var alvo = (e.target).dataset.alvo; if (variavelGlobal) { document.getElementById(variavelGlobal).pause(); document.getElementById(variavelGlobal).currentTime = 0; } document.getElementById(alvo).play(); variavelGlobal = alvo; } link JsBin:https://jsbin.com/liyerayewi/edit?html,js,output

o que eu faria é usar position: HTML <div class="container"> <div class="caption"> <label>CONFIGURAÇÕES</label> <p>Describe something here to make sense for user who will go read this text</p> </div> </div> CSS .container { width: 230px; height: 230px; background: purple; position: relative; overflow: hidden; } .caption { background: rgba(0,0,0,0.3); height: 100%; font-size: 18px; font-family: arial; color: #fff; position: absolute; bottom: -170px; transition: 1s; } .caption label { display: block; margin-bottom: 60px; } .caption:hover { bottom: 0; transition: 1s; } link demo: https://jsfiddle.net/wanderval/hczjgpeu/21/