Pesquisar na Comunidade
Mostrando resultados para as tags ''javascript''.
Encontrado 657 registros
-
jspdf Jspdf e Jspdf-autoTable como colocar uma tabela dentro de uma tr
lucas70770 postou um tópico no fórum Javascript
Olá, eu tenho um sistema de pedidos onde em sua tabela a linha impar é os dados do produto e a impar é a grade de produtos, segue o código: <table class="tabela-tab-produto"> <thead> <tr> <th width="43"></th> <th>Código</th> <th>Descrição</th> <th>Qtde.</th> <th>Preço Tab.</th> <th>Desc.</th> <th>Preço Líq.</th> <th>Subtotal</th> <th></th> </tr> </thead> <tbody> <tr id="5{1+2,2{4+1"> <td></td> <td>LS</td> <td>Cortinas Listradas</td> <td class="text-right padding-right-15">3 <small>Un</small></td> <td class="text-right"><small>R$</small> 119.9</td> <td class="text-center"></td> <td class="text-right"><small>R$</small> 150</td> <td class="text-right"><small>R$</small> 450</td> <td class="text-right"> <a class="button tiny btn-cinza btn_editar" id="1"><span class="icon icon-pencil"></span></a> <a class="button tiny btn-cinza btn_excluir margin-right-15" data-open="container_excluir" id="86" aria-controls="container_excluir" aria-haspopup="true" tabindex="0"><span class="icon icon-bin"></span></a> </td> </tr> <tr> <td colspan="9"> <div class="medium-12 columns"> <table class="tab-produto"> <thead> <tr> <th></th><th>380x230</th><th>580x230</th> </tr> </thead> <tbody> <tr><td>Azul Claro</td><td>1</td><td>-</td></tr><tr><td>Azul</td><td>-</td><td>2</td></tr> </tbody> </table> </div> </td> </tr><tr id="1{1+1"> <td></td> <td>VLI</td> <td>Cortinas Voil Liso</td> <td class="text-right padding-right-15">1 <small>Un</small></td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-center"></td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-right"> <a class="button tiny btn-cinza btn_editar" id="3"><span class="icon icon-pencil"></span></a> <a class="button tiny btn-cinza btn_excluir margin-right-15" data-open="container_excluir" id="94" aria-controls="container_excluir" aria-haspopup="true" tabindex="0"><span class="icon icon-bin"></span></a> </td> </tr> <tr> <td colspan="9"> <div class="medium-12 columns"> <table class="tab-produto"> <thead> <tr> <th></th><th>280x230</th> </tr> </thead> <tbody> <tr><td>Azul</td><td>1</td></tr> </tbody> </table> </div> </td> </tr> </tbody> </table> Quero saber como posso apresentar essa tabela com o jspdf e jspdf-autotable(se for necessário). Nos meus testes ele esta tirando a tabela que esta dentro da tabela principal. Eu achei um artigo sobre isso(https://stackoverflow.com/questions/39386969/nested-tables-in-a-pdf-using-jspdf-and-jspdf-autotable) mas não consegui aplicar no meu caso. Obg -
Ola gostaria de poder implementar um código com o que já esta funcionando mas o < Foto Anterior II Próxima Foto > não estou conseguindo acho que já queimei os neurônios kkkk Bom o Funcionamento ... tenho uma página que recebe de um GET o id do produto, esse gera as miniaturas das fotos cadastradas e uma foto ampliada no centro, ao clicar nas miniaturas a foto aparece ampliada no centro.... esse centro eu fiz dentro de um iframe pois não consegui fazer diretamente ... vou postar o cod do iframe que chama a pagina onde essa pega o GET ID e amplia a imagem tudo funcionando até aqui mas não consegui fazer dentro dessa imagem ampliada ela ter a opção de anterior e próxima ... consegui somente clicando nas miniaturas iframe <iframe src="zoom.php?id=<?print $codigo_v;?>" name="frame" width="640" marginwidth="0" height="480" marginheight="0" scrolling="no" frameborder="0" hspace="0" vspace="0" id="frame" allowtransparency="true" > </iframe> Pagina que exibe a foto ampliada dentro do iframe <?php include("con.php"); $vid=$_GET["id"]; $vconsulta=mysql_query("SELECT * FROM tb_produtoss WHERE id like '$vid'"); $vdados= mysql_fetch_array ($vconsulta); if(empty($imagem)) { $imagem=$vdados["imagem"]; list ($imagem,$foto1,$foto2,$foto3,$foto4,$foto5,$foto6) = split('[;]',$imagem); } if($imagem == "produtoss/") { $imagem="images/noimage.jpg"; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title></title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> </head> <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false"> <div align="center"> <img src="thumb.php?imagem=<? print $imagem;?>&x=640' border=" border="0"/> </div> </body> </html> Minha ideia era conseguir passar as fotos sem precisar clicar nas miniaturas ☹️ Se alguém puder ajudar agradeço muito pois eu zerei os neurônios até agora
-
-
De momento só tem suporte para computadores e tablets. Roda direto no navegador (google chrome, firefox, etc), não precisa instalar nada. Agradeço a todos que puderem ajudar testando ou deixando considerações: http://www.october31.com.br/
-
Como abrir nova guia no navegador, com PDF proveniente de uma requisição ajax?
pablomarttiins postou um tópico no fórum Javascript
Olá pessoal, estou com o seguinte cenário: Realizo uma requisição ajax, que me retorna um arquivo zipado do servidor, ao chegar no lado do cliente, descompacto o arquivo com a lib JSZIP, após a descompactação, tenho um objeto json, com todas as informações do PDF. Existe alguma forma converter este objeto json para PDF e posteriormente, abri-lo em uma nova aba do navegador? -
Olá Galera, preciso de uma ajuda! eu tenho um javascript que e precissso chamar a função para criar o valor, mas isso em jquery. Exemplo em Javascript: <!DOCTYPE html> <html dir="ltr" lang="pt-BR"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- HTML 4 --> <meta charset="utf-8"/><!-- HTML5 --> <script type='text/javascript'> //<![CDATA[ function identityComment(cmmIMG){ var div = document.getElementById(cmmIMG); var imgtag = ""; var img = div.getElementsByTagName("img"); if(img.length>=0) { imgtag = '<div class="avatar-image-container avatar-stock" id="identity'+cmmIMG+'"></div>'; } var summary = imgtag + ''; div.innerHTML = summary; } //]]> </head> <body> <script type='text/javascript'>identityComment("c42456624325326524");</script> <script type='text/javascript'>identityComment("c1099473137990772010");</script> <script type='text/javascript'>identityComment("c6094377602730701704");</script> <script type='text/javascript'>identityComment("c1099473137990772010");</script> </body> </html> Com javascript podemos criar funões indentityComment e o valor gerado em identityComment("c1010101010101"); eu posso chamar de cmmIMG e deixar meu javascript mas flexível. OK! mas como chamar uma funão assim em jQuery e colocar valores como o cmmIMG? fiz algumas tentaturivas e busca mas, não encontrei nada. Agradeço qualquer ajuda!
-
Como fazer o resultado de um formulário aparecer de acordo com certa opção escolhida?
alexndrre postou um tópico no fórum Desenvolvimento frontend
Olá, pessoal! Minha dúvida é basicamente o seguinte. Tenho um formulário, onde as pessoas colocam seu nome, telefone, cidade, opção de produto (imóvel/automóvel). Ao clicar em enviar, eu preciso que apareça uma pop-up ou em uma outra página, um tela de agradecimento e uma tabela. Porém, é uma tabela para imóvel e outra para automóveis, daí preciso programar para que ela aparece de acordo com a escolha do produto. Como posso fazer isso? -
Olá estou encontrando dificuldade em extrair deste arquivo jSON as informações que estão em "banda", através de javascript ou jquery, alquém sabe como fazer? { "code":200, "dados":{ "banda":[ { "artista":"Cutting Crew", "musica":"I`ve Been In Love Before", "capa":"https:cutting-crew_-_i-ve-been-in-love-before.jpg" }, { "artista":"George Michael", "musica":"Heal The Pain", "capa":"https:\/\/cdn.jb.fm\/jbfm\/george-michael_-_heal-the-pain.jpg" }]}} Tentei sem sucesso: let output = ''; for (var i = 0; i <= users.lenght; i++) { output += '<li><img src=' + users.capa + '>'; '</li>' } document.getElementById('users').innerHTML = output; } request.send();
-
Olá a todos, estou iniciando na linguagem javascript, estou tentando implementar um codigo, que ira pedir valor ao usuario e armazenar em uma matriz, preciso calcular todos os valores inseridos nesse array e armazenar em uma variavel, porem acredito que o for esta com erro pois o valor não esta sendo armazenado poderiam me ajudar por favor? <meta charset="utf-8"> <h1>Adicionar Valores</h1> <strong>Nome do Item</strong><br><br> <input type="text" id="campoNomeItem"><br><br> <button onclick="adicionaItem()">Adicionar</button><br><br> <p id="mostraLista">Sua Lista está vazia </p> <script> var lista = [] function adicionaItem() { var item = campoNomeItem.value var item = parseFloat(item) lista.push(item) var soma = 0 var total = 0 for (var i = 0; i < lista.lenght; i++) { lista = parseInt(lista.value); soma =+ lista.value; } mostraLista.innerHTML = ` Sua Lista tem ${lista.length} itens. Eles são: <br><br> ${lista.join(',')} <br>Soma: ${soma} <br> Total: ${total} ` campoNomeItem.value = "" } //chama a função adiconar quando a tecla ENTER é pressionada document.onkeyup = event =>{ if (event.key === 'Enter') adicionaItem() } campoNomeItem.focus() //.push(valor) adiciona um valor na lista(array) //.innerHTML permite escrever ou pegar um texto dentro de uma tag html </script>
-
download Como Fazer Download de Imagem Gerada Pelo Site com js
DanielF postou um tópico no fórum Javascript
Pessoal Eu Recentemente estava fazendo um gerador de qr-code, e preciso criar um botão que quando a pessoa clique apareça para poder baixar/fazerdownload da imagem gerada, pode me ajuda? to preso nisso faz tempo, e se puderem podem Organizar o codigo para mim? <!DOCTYPE html> <html> <head> <title>QR-Code</title> <style type="text/css"> #qrcode { border: 1pt solid gray; display: inline-block; } </style> </head> <body> <center> <input type="text" name="qrtexto" id="qrtexto" onkeypress="gerarqr();" onkeyup="gerarqr();"><br> <br> <button onclick="gerarqr();" on>Gerar</button> <button onclick="limpar();" on>Limpar</button> </center> <br> <br> <center> <div id="qrcode"></div> </center> <br> <center> <button onclick="baixar();">Baixar (Em Breve)</button> </center> <script src="qrcode.min.js"></script> <script> qrcode.innerHTML="<img src='limpo.png'>"; function gerarqr(){ var qrcode=document.getElementById('qrcode'); qrcode.innerHTML=" "; var texto=document.getElementById("qrtexto").value; var qrcodee = new QRCode(qrcode, { text: texto, width: 300, height: 300, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H }); } function limpar(){ qrcode.innerHTML="<img src='limpo.png'>"; } function baixar() { } </script><br><br><br><br><br><br><br> <h6 align="center">Feito por Itz_Topz</h6> </body> </html> -
Tenho as seguintes variáveis no meu código e tenho que faze-las com que quem for usar o site, deva primeiro deva selecionar a Marca, depois a cor e tamanho, gostaria de um auxilio de como fazer isso e quais codigos devo utilizar pois ainda não tenho grande conhecimento sobre isso var tabTipos = [ "Camisa", "Moleton" ]; var tabMarcas = [ "Dudalina", "Hering", "Malwee", "Marfinno", "Ripping" ]; var tabCores = [ "Azul", "Branco", "Chumbo", "Cinza", "Preto", "Verde" ]; var tabTamanhos = [ "XP", "P", "M", "G", "XG", "XXG" ]; var tabProdutos = [ [ 0, 0, [ 1 ], [ 1, 2, 3, 4 ], 100], [ 0, 1, [ 0, 2, 5 ], [ 1, 2, 3, 4, 5 ], 70], [ 0, 3, [ 0, 1 ], [ 1, 2, 3, 4 ], 30], [ 1, 1, [ 3, 4 ], [ 1, 2, 3, 4 ], 70], [ 1, 2, [ 3 ], [ 2, 3, 4 ], 40], [ 1, 4, [ 0, 3, 4], [ 0, 1, 2, 3, 4], 80] ]; Meu codigo: <html> <head> <meta charset='utf-8'/> <link rel='stylesheet' type='text/css' href='Estilo.css'/> <title> Malhama </title> </head> <body> <body> <script> var tabTipos = [ "Camisa", "Moleton" ]; var tabMarcas = [ "Dudalina", "Hering", "Malwee","Marfinno", "Ripping" ]; var tabCores = [ "Azul", "Branco", "Chumbo","Cinza", "Preto", "Verde" ]; var tabTamanhos = [ "XP", "P", "M", "G", "XG", "XXG" ]; var tabProdutos = [ [ 0, 0, [ 1 ], [ 1, 2, 3, 4 ], 100], [ 0, 1, [ 0, 2, 5 ], [ 1, 2, 3, 4, 5 ], 70], [ 0, 3, [ 0, 1 ], [ 1, 2, 3, 4 ], 30], [ 1, 1, [ 3, 4 ], [ 1, 2, 3, 4 ], 70], [ 1, 2, [ 3 ], [ 2, 3, 4 ], 40], [ 1, 4, [ 0, 3, 4], [ 0, 1, 2, 3, 4], 80] ]; </script> <header> <img class="imgLogo" src="imagens/Malhama_Topo.png"><address class="ender"> Avenida Cuzco,123 <br>Tel: (21)91234-5678 <br>contato@malhama.com.br </address> </header> <nav class="menu"> <ul> <li class="botao"> <a href="Malhama.html">INICIAL </a> </li> <li class="botao"> <a href="Moletons.html"> MOLETONS </a> </li> <li class="botao"> <a href="Camisetas.html"> CAMISETAS </a> </li> <li class="botao"> <a href="Compras.html"> COMPRAS </a> </li> </ul> </nav> <section> <form method="POST"> <fieldset><legend> Seleção de Produtos e Lista de Compras </legend> <fieldset class="fsEsq"> <legend> Selecionado</legend> <div>Produtos: <Select name="VendaDeProdutos" for="ItensSelecionados" class="impMedio"> <option> ----- </option> <optgroup label="Camisa"> <option>Dudalina</option> <option>Hering</option> <option>Marfinno</option></optgroup> <optgroup label="Moletom"> <option>Hering</option> <option>Malwee</option> <option>Ripping</option>p</optgroup> </select></div> <div>Tamanho: <Select name="VendaDeProdutos" for="ItensSelecionados" class="impMedio"> <option> ----- </option> <option>Extra Pequena</option> <option>Pequena</option> <option>Media</option> <option>Grande</option> <option>Extra Grande</option> <option>Extra Extra Grande</option></optgroup> </select></div> <div>Cor: <Select name="VendaDeProdutos" for="ItensSelecionados" class="impMedio"> <option> ----- </option> <option>Azul</option> <option>Branco</option> <option>Chumbo</option> <option>Cinza</option> <option>Preto</option> <option>Verde</option></optgroup> </Select></div> <div><textarea class="linhaProdSel" name="listaPedidos" readonly></textarea></div><br> <input type="submit" value="Comprar" class="elemEsq"> <input type="text" class="impDinheiro" id="money" name="money"><label class="label" for="money">R$: </label> </fieldset> <div><textarea class="listaCompras" name="listaPedidos" readonly></textarea></div> <div class="divLinha"><label class="final">Total R$: </label><input type="text" class="End"></div> </fieldset> <div class="botoes"> <input type="button" onclick= "parent.location.href='ComprasContinuar.html'" value="Continuar"> <input type="reset" value="Limpar"> </div></form> </section> </body> </html>
-
Olá, estive com problemas com compatibilidade de navegador, eu estou abrindo uma página dentro de um game de nome CABAL ONLINE porém quando eu abro e clico no link que está o onClick da o seguinte erro , veja abaixo a imagem do erro. alguem poderia me da uma solução em como posso corrigir esse problema. OBS: no chrome funciona normalmente.
-
Oii, gostaria de pedi a ajuda de vocês que entende melhor de javascript, estou tentando clica em um item no meu site para ser exibido sobre a página uma div que está escondido porém está dando erro no javascript, segue abaixo o erro e o código JS utilizado. cabaldark.js:25 Uncaught TypeError: Cannot read property 'style' of null at abrirDesc (cabaldark.js:25) at HTMLDivElement.onclick (CashIndex.php?v1=1&v2=C13FC8F97845403A9C62BB277C614590:52) abrirDesc @ cabaldark.js:25 onclick @ CashIndex.php?v1=1&v2=C13FC8F97845403A9C62BB277C614590:52 AQUI É O CÓDIGO JS QUE ESTÀ A FUNÇÃO. function abrirSub(id) { if(document.getElementById('sub'+id).style.display=="block"){ var test = document.getElementsByClassName("submenu"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('submenu')[i].style.display='none'; } }else{ var test = document.getElementsByClassName("submenu"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('submenu')[i].style.display='none'; } document.getElementById('sub'+id).style.display="block"; } } function mensagemClose(){ document.getElementsByClassName('mensagem')[0].style.display='none'; } function detalhesClose(){ var test = document.getElementsByClassName("detalhes"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('detalhes')[i].style.display='none'; } } function abrirDesc(id){ if(document.getElementById('detalhes'+id).style.display=="block"){ var test = document.getElementsByClassName("detalhes"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('detalhes')[i].style.display='none'; } }else{ var test = document.getElementsByClassName("detalhes"); for(i = 0; i < test.length; i++){ document.getElementsByClassName('detalhes')[i].style.display='none'; } document.getElementById('detalhes'+id).style.display="block"; } }
-
Linguagem de Programação usada em Totens McDonalds
rafaellucasteo postou uma questão Perguntas e respostas rápidas
Boa tarde!Alguém sabe qual Linguagem de Programação é usada em Totens do McDonalds, Bob's, Burger King? Como é feita a conexão com o PinPad? -
Eae gente Bom, o problema é o seguinte Eu criei 2 arquivos html: index.html e index2.html o index é o html principal, e o index2 eu chamo atraves de um window.open até ae esta tudo certo mas estou tentando criar uma função onclick que, ao ser acionada no html2, altere um texto localizado no html principal Desculpa pelo código estar extremamente bagunçado, é apenas um app para treinar, ja que sou bem leigo na programação (Function Cadastrar se encontra no final do JS, onde estou tento problemas) (o ID se encontra no meio do HTML1) HTML1 <!DOCTYPE html> <html lang="pt-BR"> <head> <link rel="stylesheet" href="style.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Nao sei</title> </head> <body> <div class="body"> <div class="Lateral"> <div class="bgEstate"> <h1 class="txtCenter" id="txtcaixa">Caixa Fechado</h1> </div> <div> <p class="txtInputtop" id="txtInput">Insira o Valor Inicial do Caixa</p> </div> <!--Insere o Valor Inicial do Caixa--> <input type="number" name="initValor" id="initValor" class="txtInput"> <input type="button" value="Abrir Caixa" class="button" onclick="estateCaixa()" id="buttonEstate"> </div> <div> <div class="listProdutos"> <p id="ttitle">Insira o ID do produto <input type="number" name="idProd" id="idProd" class="inputnum"> <input type="button" value="Ok" onclick="ok()"> </p> <h3 id="title">Lista de Produtos</h3> <p class="DiviList"> ID - Lanches</p> <p class="list" id="productlist"> 01 - Misto </br> 02 - Misto Milho</br> 03 - Misto Catupiry</br> 04 - Misto Cheddar</br> 05 - Bauru</br> 06 - X-Burguer</br> 07 - Americano</br> 08 - X-Milho</br> 09 - X-Salada</br> 10 - X-Egg</br> 11 - Lombo</br> 12 - X-Batata Palha</br> 13 - Calabresa</br> 14 - Bacon</br> 15 - CalaBacon</br> 16 - CalaFrango</br> 18 - Galinhao</br> 19 - Costelão</br> 20 - X Tudo </p> <p class="DiviList"> ID - Cachorro Quente</p> <p class="list"> 21 - Dog Normal</br> 22 - Dog Duplo</br> 23 - Dog Cheddar</br> 24 - Dog Catupiry</br> 25 - Dog Milho</br> 26 - Dog Queijo</br> 27 - Dog Frango</br> 28 - Dog Especial</br> 29 - Dog Calabresa</br> 30 - Dog Bacon</br> 31 - Dog Pure</br> 32 - Dog Costela</br> 33 - Dog Tudo </p> <p class="DiviList"> ID - Porções</p> <p class="list"> 34 - Batata Frita</br> 35 - Batata Frita c/ Ched e Bac</br> 36 - Lombo</br> 37 - Calabresa</br> 38 - Churrasco </p> <p class="DiviList"> ID - Bebidas</p> <p class="list"> 39 - Água</br> 40 - Regri Lata</br> 41 - Cerveja Lata</br> 42 - Suco de Laranja</br> 43 - Corote</br> 44 - Taubaína 2L</br> 45 - Coca/Fanta 1.5L</br> 46 - Skol Beats </p> </div> </div> <div class="Total"> <div class="inputnum"> </div> <div> <h1>Capital Adquirido</h1> </div> <div class="TotalProdutos"> </div> </div> </div> <script src="./js/main.js"></script> <script src="./js/database.js"></script> <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-database.js"></script> <script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-analytics.js"></script> </body> </html> HTML2 <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> body{ text-align: center; background-color: blue; } h5{ color: white; font-size: 20pt; text-align: center; } #cadname{ color: black; } p{ font-size: 15pt; color: white; } </style> </head> <body> <h5>CADASTRO DE PRODUTOS</h5> <p>Insira o Nome do Produto</p> <input type="text" name="cadname" id="cadname"> <p>Insira o Preço do Produto</p> <input type="number" name="cadname" id="cadvalue" step=".01" lang="nb"> <input type="button" value="Confirmar" onclick="cadastrar()"> <script src="./js/main.js"></script> </body> </html> js const { app, BrowserWindow } = require('electron') function createWindow() { // Cria uma janela de navegação. let win = new BrowserWindow({ width: 800, height: 600, fullscreen: true, webPreferences: { nodeIntegration: true } }) // e carregar o index.html do aplicativo. win.loadFile('index.html') win.setMenu = false } function ok() { let win2 = window.open('index2.html', '', 'width=400,height=400, fullscreen=false, resizable=no, ') } function estateCaixa() { if (window.document.getElementById('txtcaixa').textContent == 'Caixa Fechado') { window.document.getElementById('txtcaixa').textContent = 'Caixa Aberto' window.document.getElementById('txtcaixa').style.background = 'green' window.document.getElementById('buttonEstate').value = 'Fechar Caixa' //window.alert('O caixa foi aberto!') window.document.getElementById('initValor').setAttribute('disabled', 'disabled') window.document.getElementById('txtInput').textContent = 'Capital Inicial do Caixa é:' } else { window.document.getElementById('txtcaixa').textContent = 'Caixa Fechado' window.document.getElementById('txtcaixa').style.background = 'red' window.document.getElementById('buttonEstate').value = 'Abrir Caixa' // window.alert('O caixa foi fechado!') window.document.getElementById('initValor').removeAttribute('disabled') window.document.getElementById('txtInput').textContent = 'Insira o Valor Inicial do Caixa' } } function cadastrar(){ let cad = window.document.getElementById('productlist') cad.textContent = 'Apenas Teste' } app.on('ready', createWindow)
-
Boa tarde galera, Seguinte preciso de uma ajuda se alguém ja passou por isso ou quem tem conhecimento para me ajudar , eu criei uma aplicação que eu ajusto a rota no mapa conforme os endereços de cada pedido para o caminhão sai de um destino e ir até os que são os Waypoints tudo ai ta funcionando blz oque eu preciso agora é manda todas essas coordenadas que o Google vez pra min manda para um link ou de alguma forma que que quando ele clicar eu botão no tablet ou no em app ele abre o mapa com essas coordenadas e ele clica para seguir sua viagem tipo quando a pessoa abre o mapa e coloca o destino e tu vai seguir viagem só que eu ja tenho tudo as coordenadas so preciso manda pra ele , se alguém me ajuda de alguma forma eu agradeço.
-
bom dia, Estou construindo um mapa usando as API do google, já consegui fazer o mapa funcionar e os marcadores que preciso, mas preciso traçar uma rota entre esses dois pontos, mas não estou conseguindo. Eu usei a API Directions do google junto com o Javascript mas não deu certo, quando o código executa não da nenhum erro, mas também não renderiza o caminho entre os dois pontos. Como ainda estou iniciando em javascritp e nunca tinha usado as API's do google fiquei sem saber onde estou errando. Abaixo tem o código do javascritp e da API: echo "var map;"; echo "var myLatLng = {lat:". $lat['latitude'] . ",". "lng:". $long['longitude'] ."};"; echo "function initMap(){ map = new google.maps.Map(document.getElementById('map'),{ center:myLatLng, zoom: 18 }); var marker = new google.maps.Marker({ position: myLatLng, map: map, title: 'Localização Pet' }); var marker2 = new google.maps.Marker({ position: {lat:-3.2087322 , lng:-52.2137778}, map: map, title: 'Localização Pet' }); var directionsService = new google.maps.DirectionsService();; var directionsDisplay = new google.maps.DirectionsRenderer();; request = { origin: marker2.position, destination: marker.position, travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function(response, status){ if(status == google.maps.DirectionsStatus.OK){ directionsDisplay.setMap(map); } }); }" se alguém tiver alguma ideia de onde está o problema agradeço. Isso faz parte do meu trabalho de faculdade hehehe e acabei travando ai. Desde já agradeço.
-
ao clicar em um botão eu gostaria de exibir um confirm no site, mas eu gostaria de Mudar de "OK" Para "Home" e "Cancelar" para "Estoque". isso usando javascript puro, alguem pode me ajudar ? já agradeço de já. tem que usar algum plugin no site ou tem como fazer puro mesmo. se quiser deixar só um link com o tutorial eu já agradeço, porém não achei nenhum do jeito que eu quero no google.
-
Primeiro, eu sou leigo no assunto e estou tentando aprender sobre funções criando um programa básico! O problema é que estou tentando fazer uma condição que: Ao apertar o botão: Abrir Caixa, a ideia é que apareça um alert na tela dizendo que o caixa foi aberto. até aí tudo bem. Mas queria que, ao pressionar o botão novamente, ele fechasse o caixa. Pra isso tentei utilizar a própria string do que, quando estivesse escrito 'Caixa Fechado', ele abriria, e quando estivesse 'Caixa Aberto' ele fecharia o problema é que eu não sei por que o meu js não ta reconhecendo o que está escrito na string, só reconhece que é uma string. (quando tento o mesmo código no node exec, ele funciona) :( ta aí os Códigos: <!DOCTYPE html> <html lang="pt-BR"> <head> <link rel="stylesheet" href="estilos.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Caixa</title> </head> <body> <div class="lateral" > <h1 class="" name="txtest" id="estado">Caixa Aberto</h1> <input type="number" name="txtinit" id="txtinit" class="txtinit"> <input type="button" value="Abrir Caixa" onclick="abrir()" class="open" id="abrir"> </div> <script src="./main.js"></script> </body> </html> const { app, BrowserWindow } = require('electron') function createWindow() { let win = new BrowserWindow({ width: 1360, height: 720, fullscreen: false, frame: true, webPreferences: { nodeIntegration: false } }) win.loadFile('index.html') win.removeMenu('index.html') } function abrir() { var estate = window.document.getElementById('estado') if (estate == 'Caixa Aberto') { estate = 'Caixa Aberto' window.alert("O caixa foi Aberto!") } else { estate = 'Caixa Fechado' window.alert("O caixa foi Fechado!") } } app.on('ready', createWindow) body{ background: rgba(231, 223, 206, 0.37); } .word{ background: red; } .txtinit{ font-variant-numeric: tabular-nums; height: 20px; width: 200; background: rgba(231, 223, 206, 0.37); } .open{ height: 60px; width: 200px; margin-top: 500px; } .lateral{ text-align: center; background: rgba(0, 0, 0, 0.74); margin-top: 20px; height: 670px; width: 250px; }
-
Olá meus comprimentos a todos, eu tenha a seguinte duvida, estou desenvolvendo um sistema para condomínios e tenho o seguinte desafio: Usando php e javascript precisa de uma forma de via câmera do pc ou Smartphone reconhecer a placa do veiculo e através de um id associado apresentar as informações do mesmo e também ter a opção de cadastrar o veiculo
-
Galera, boa tarde! Estou desenvolvendo um sistema com PHP, Mysql, JS e Bootstrap, que gerencia sorteios conforme cadastro. Tudo funcionando perfeitamente, contudo atualmente fazemos impressões em um layout e colocamos em uma urna, na qual acontece o sorteio manual.. Gostaria, de alguma forma, criar uma tela de sorteio, onde ele buscaria as informações do banco (coluna cartela) e sorteasse um número de cartela qualquer com alguns efeitos de "suspense". O grande problema para mim até o momento: Fraco em JS apesar de fazer algumas "coisinhas"; Não faço ideia nem por onde começar, comecei tão somente lendo alguns efeitos com jquery. https://api.jquery.com/category/effects/ Não sei como pegar as informações do banco mysql com JS. Sugeri o JS por conta das libs disponíveis, mas poderia ser com o proprio PHP... Agradeço as colaborações desde já!
-
Qual o nome da pequena "animação" nos sites?
ThosuZ postou uma questão Perguntas e respostas rápidas
Olá, pessoal. Perdoem-me pelo título horrível, eu realmente não sei como resumir. Gostaria de saber qual o nome e com que linguagem é feita aquele pequena animação que alguns sites possuem, que é quando você vai rodando o scroll pra baixo e aos poucos os objetos vão aparecendo sem desaparecer quando você volta o scroll pra cima. Gostaria de saber apenas o nome pra poder procurar tutoriais e afins. Exemplo: https://ribetav.46graus.com/ notem que os objetos vão aparecendo aos poucos. -
Tabela dinamica e após submit enviar para o e-mail oque foi digitado e mostrar na tabela
JeanTDZ postou um tópico no fórum PHP
Olá pessoal! Estou com uma tremenda dificuldade. Tenho um formulário na qual está funcionando e cadastrando, porém preciso que o meu botão adicionar autorizado funcione e mostre o que foi digitado para o e-mail. As informações na vdd é enviada para o e-mail e o que será enviado é oque será digitado. Simplificando -> Tenho um botão que adiciona 2 inputs (NOME E SALDO) e conforme for clicando nesse botão, vai adicionando mais campos. Dúvida: Como posso fazer com que grave o que foi digitado nesses campos? Segue o que eu tentei fazer até agora: HTML <!DOCTYPE html> <html> <head> <title>Chame Taxi PrePago</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="icon" type="image/x-icon" href="https://www.flaticon.com/premium-icon/icons/svg/1361/1361253.svg" /> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> </head> <body> <br /> <div class="container" style="width:100%; max-width:600px"> <h2 align="center">Pré-Pago</h2> <br /> <div class="panel panel-default"> <div class="panel-heading"><h4>Registrar</h4></div> <div class="panel-body"> <form method="post" id="register_form"> <?php echo $message; ?> <div class="form-group"> <label>Nome Completo</label> <input type="text" name="user_name" style="text-transform:uppercase" class="form-control" pattern="[a-zA-Z ]+" required /> </div> <div class="form-group"> <label>E-mail</label> <input type="email" name="user_email" style="text-transform:uppercase" class="form-control" required /> </div> <div class="form-group"> <label>CEP</label> <input type="text" name="campob" id="cep" value="" maxlength="9" onblur="pesquisacep(this.value);" class="form-control"> </div> <div class="form-group"> <table id="myTable" class="table"> <a class="btn btn-primary" onclick="myFunction()" href="#" role="button">Adicionar Autorizado</a> <thead> <tr> <th>NOME</th> <th>SALDO</th> </tr> </thead> </table> <div class="form-group"> <input type="submit" name="register" id="register" value="Validar" class="btn btn-info" /> </div> </form> </div> </div> </div> </body> </html> JAVASCRIPT <script> var incremento = -1; function myFunction() { incremento++; var table = document.getElementById("myTable"); var row = table.insertRow(0); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell3 = row.insertCell(2); var cell4 = row.insertCell(3); cell1.innerHTML = "NOME"; cell2.innerHTML = '<input type="text" name="name1[${incremento}]" >'; cell3.innerHTML = "SALDO"; cell4.innerHTML = '<input type="text" name="saldo[${incremento}]" size="15px" >'; } </script> -
Estou realizando uma implementação de um determinado relatório, e implementei a estrutura(html da pagina) do mesmo dinamicamente, entretanto quando vou tentar imprimir ele com os dados preenchidos o mesmo não abre uma aba a parte mostrando toda essa estrutura da pagina. Estou tentando fazer via JavaScript, porém não funciona. meu ação do clique do botão de imprimir é esse: <div class="box-footer"> <button class="btn btn-padrao" id="btnImprime" runat="server" visible="false" onserverclick="btnImprimir_ServerClick">Imprimir</button></i>Novo</button> </div> Meu javaScript é esse: function Imprimir() { var panel = document.getElementById("ConteinerImprimir"); var printWindow = window.open('', '', ''); printWindow.document.write('<html><head><script src="JsRelatorioFinanciamento.js"></script>'); printWindow.document.write('<link href="../StyleJs.RelFinanciamento.css" rel="stylesheet"/>'); printWindow.document.write('</head><body>'); printWindow.document.write('<div class="conteiner" style="width: 700px">' + panel.innerHTML + '</div>'); printWindow.document.write('</body></html>'); printWindow.document.close(); setTimeout(function () { printWindow.print(); }, 500); return false; e meu código .cs que realiza a implementação da estrutura da pagina em html dinâmico é esse: #region html #region Header private string header = @" <table style = 'margin-bottom: 0px;'> <tr id='topLogo'> <img src = 'http://internet.sefaz.es.gov.br/imagens/topo_brasao.png' alt=''> <td style = 'border: 0px; padding-bottom: 5px;'> <h2 style='margin-top: 15px;' class='center'> TESTE 1 </h2> <h3 style = 'margin-top: 15px;' class='center'> TESTE 2 - 2<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> TESTE 3<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> FINANCIAMENTO LIBERADO - TODAS EMPRESAS<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> Base {1}<br/> </h3> <h1 style = 'margin-top: 15px;' class='left'> EmpresasTESTE4 - {2}<br/> </h1> </td> </tr> </table>"; #endregion #region Conteudo private const string dadosFinanciamento = @" <table style='padding: 0px; margin: 0px;' class='no-bold'> <tr class='tr-center'> <tr> <td colspan = '4' > Razão Social <h4> {0}</h4> </td> </tr> <tr> <td>Inscrição Estadual <h4 class='center'>{1}</h4> </td> <td colspan ='2'> C.N.P.J <h4> {2} </h4> </td> <td colspan='2'>Nome Fantasia <h4>{3}</h4> </td> </tr> </table> <br/>"; #endregion #region ValoresFin private const string dadosValores = @" <table style='padding: 0px; margin: 0px;'class='no-bold'> <tr> <td rowspan = '3' style=border-bottom: 3px solid black> <h5>Faturamento Dezembro 2014</h5> <h4>Saldo</h4> </td> <td class='center'> <h2>ICMS Previsto</h2> </td > <td class='center'> <h2>ICMS Recolhido</h2> </td> <td class='center'> <h2>Contratado</h2> </td> <td class='center'> <h2>Liberado</h2> </td> </tr> <tr> <td class='center'> {0} </td> <td class='center'> {1} </td> <td class='center'> {2} </td> <td class='center'> {3} </td> </tr> </table> <br/>"; #endregion #endregion e estou utilizando o StringBuilder: StringBuilder strConstrution = new StringBuilder(); Alguém saberia me instruir como eu posso fazer para conseguir visualizar meu relátorio por completo?
-
Olá! Pessoal, preciso muito de um help urgente. Estou tentando fazer uma simples query ao banco de dados, usando o Axios. Mas, não importa a forma de fazer a requisição, o Axios não funciona. O HTML está abaixo, onde chamo a função enviaDados() através do onsubmit. <div class="input-group md-form"> <form method="get" onsubmit="enviaDados()" name="buscar"> <input type="text" id="Form-search2" class="form-control" name="nomeReagente"> <label for="Form-search2">Search</label> <input type="submit" name="pesquisar" value="buscar"> </form> <span class="input-group-text dark lighten-2" id="basic-text1"> <i class="fas fa-search text-dark" aria-hidden="true"></i> </span> </div> Meu arquivo main.js que contém a função enviaDados(). function enviaDados(){ let nome = buscar.nomeReagente.value recebeDados(nome); } Dentro dessa função, estou chamando outra: recebeDados() que executa a requisição Axios. Passo como parâmetro o valor lá do meu input. OBS.: Meu código está assim, aparentemente confuso, porque o objetivo é ter funções que enviam os dados dos meus formulários e outras funções (genéricas) para receber e tratar esses dados. Abaixo a função recebeDados(): function recebeDados(nome_reagente){ axios.get('http://localhost/Quimica/php/recebe_json.php', { params: { nome } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log('Não foi possível realizar a requsição: '+error); }) .finally(function () { }); } Não importa o que eu faça, sempre cai no CATCH - request aborted. Preciso muito resolver esse problema, mas não faço ideia do que pode ser. Relevem qualquer "noobice" porque estou aprendendo o básico ainda.
