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 e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

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 2037 registros

  1. andersonbtr

    Criar formulário no estilo chatbot

    Olá! Preciso criar um formulário de envio de email que fique sobreposto na página o tempo todo, no canto inferior direito, como se fosse um chatbot. Se alguém já fez ou sabe como fazer e puder ajudar, agradeço! Obrigado!
  2. Soneca_BO

    CRUD na Linguagem TM1

    Boa tarde Pessoal! Estou a um bom tempo tetando fazer um CRUD em um banco de dados não tradicional e sim do "Cognos tm1", Estou fazendo uma aplicação WEB e queria usar o Ajax com jquery e javascript(dependendo do caso) para fazer um CRUD salvando dados deletando e fazendo as devidas atualizações, mas não estou conseguindo fazer o "PUT" e nem o "DELETE", E não faço ideia de como começar a escrever o código para os métodos informados acima. Segue código criado para fazer o GET (só conseguir fazer o GET) $.ajax({ username: 'admin', password: ' ', url: "http://localhost:8881/api/v1/Cubes('ACO.200.Despesas')/Views('visao')/tm1.Execute?$expand=Cube($select=Name;$expand=Dimensions($select=Name)),Axes($expand=Tuples($expand=Members($select=Name;$expand=Element($select=UniqueName)))),Cells", method: 'POST', headers: { "Authorization": "Basic YWRtaW46", "cache-control": "no-cache", }, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { console.log(data); }, error: function () { alert("erro"); } }); Obs.: não sou muito bom em rest e estou buscando aprender mais sobre ele, se alguém poder me ajudar agradeceria muito. Desde já agradeço alguém que conseguir me da uma força.
  3. Claudia França

    Erro ao finalizar transação

    Prezados há dias consegui chegar no fim do projeto e, agora resta apenas corrigir o erro que ocorro no fim da transação. "Atualizar informações de pagamento. " Eu tenho aqui a doc. Mas não seu exatamente o que alterar no código para corrigir isso. E preciso de ajuda, https://www.userede.com.br/desenvolvedores/pt/produto/e-Rede#documentacao-3ds function updatePaymentAPI($apikey, $secret, $callid, $currencyCode,$total, $subtal){ $time = time(); $query_string = "apikey=".$apikey; $resource = "payment/info/".$callid; $body = "{\"updateInfo\":[{\"payInfo\":{\"reason\":\"ProductionKey Test\", \"avsResponseCode\":\"Y\",\"total\":".$total.",\"currencyCode\":\"".$currencyCode."\", \"eventStatus\":\"Success\",\"eventType\":\"Authorize\"}},{\"orderInfo\":{\"currencyCode\":\"".$currencyCode."\", \"discount\":0,\"eventType\":\"Confirm\",\"giftWrap\":0,\"misc\":0, \"reason\":\"Order_placed\",\"shippingHandling\":0,\"subtotal\":".$subtal.",\"tax\":0,\"total\":".$total."}}]}"; $certificatePath = 'cert.pem'; $privateKey = 'key_9e082920-8ec4-441a-8cfa-588b0829d326.pem'; //Hash for x-pay-token $token = $time.$resource.$query_string.$body; $hashtoken = "xv2:".$time.":".hash_hmac('sha256', $token, $secret); //X-PAY-TOKEN String //$url = "https://api.visa.com/wallet-services-web/".$resource."?".$query_string; $url = "https://api.visa.com/wallet-services-web/".$resource."?".$query_string; updatePaymentLog("=========================================\n\n"); updatePaymentLog("CallID : ".$callid."\n"); updatePaymentLog("URL : ".$url."\n\n"); updatePaymentLog("Update Payment Request Parameters : \n"); updatePaymentLog($body); //Header $header = (array("X-PAY-TOKEN: ".$hashtoken, "Accept: application/json", "Content-Type: application/json","X-FRAME-OPTIONS: SAMEORIGIN")); $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_HTTPHEADER, $header); curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "PUT"); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_SSLVERSION , 1); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); //curl_setopt($ch, CURLOPT_SSLCERT, $certificatePath); //curl_setopt($ch, CURLOPT_SSLKEY, $privateKey); curl_setopt($ch, CURLOPT_IPRESOLVE, CURL_IPRESOLVE_V4); curl_setopt($ch, CURLOPT_POSTFIELDS,$body); //getting response from server $response = curl_exec($ch); if(!$response) { die('Error: "' . curl_error($ch) . '" - Code: ' . curl_errno($ch)); } $statusCode = curl_getinfo($ch, CURLINFO_HTTP_CODE); curl_close($ch); $json = ""; $ret = array( 'status' =>"", 'data' => "" ); if($statusCode == 200) { //If success => empty Object. $ret['status'] = 'success'; updatePaymentLog("\nUpdate Payment Info called Successfully...\n"); }else{ // Return Error Object $ret['status'] = 'fail'; $ret['data'] = $response; updatePaymentLog("\nSomething Went Wrong....\n"); $json = json_decode($response); $json = json_encode($json, JSON_PRETTY_PRINT); } updatePaymentLog("\nStatus Code : " . $statusCode ."\n"); updatePaymentLog($json); updatePaymentLog("\n"); echo json_encode($ret); } updatePaymentAPI($visaApiKey, $sharedSecret, $callid, $currencyCode, $total, $subtotal); ?>
  4. Artes Ussler

    Números de telefones marcados

    Bom dia Alguns navegadores sublinham ou trocam a cor dos números de telefones que estão no site. Como faço para remover isso? Se alguém puder ajudar, eu fico grato.
  5. Olá pessoal! Estou há algumas semanas tentando fazer a integração de um botão de doação visacheckout para uma ONG porém sem sucesso, escolhi a Cielo como a gateway de pagamento e merchant provider, no entanto estou enfrentando algumas dificuldades na implementação pois o site de ONG é em WooCommerce. Também com dificuldade devido a uma falta de entendimento entre a Cielo e Visa, pois requisitei as chaves de produção faz algumas semanas para a Visa e a mesma ainda não me retornou, conforme abaixo, as chaves continuam em progresso Solicitei as chaves para Visa e a mesma me disse para contatar diretamente a Cielo, pois ela que seria responsável por fazer essa integração. Quando contatei a Cielo, esta me disse que não poderia prosseguir com a integração sem as chaves, e agora estou contatando novamente a Visa para ver se consigo as chaves. Algum de vocês já conseguiu implementar o botão de doação? Utilizaram a Cielo ou outro meio? Estou realmente precisando terminar isso pois a ONG está perdendo várias doações e está complicado! Obrigado a quem puder dar uma luz.
  6. rafael.amc

    Div oculta atrapalhando no tempo de animação

    Olá, pessoal. Estou fazendo um site com animações em js e css. Em uma das sessões desse site, tenho uma div que aparece só na versão de desktop e outra que aparece só na versão celular com os mesmos conteúdos e ambas são animadas (bloquei a div através do css). As animações são do tipo fadein ao rolar que já vieram no template e que estavam funcionando perfeitamente na versão original. Mas agora, na versão do celular, quando eu dou refresh na sessão (só no refresh, ao rolar está normal) as animações estão atrasadas, demoram mais para aparecer do que as outras partes da página que usam as mesmas animações, e percebi que isso acontecia porque ele estava esperando abrir as animações da div de desktop mesmo ela não aparecendo na versão do celular. Alguém tem alguma dica do que devo fazer? Obs.: precisei usar div em versões separadas para celular e pc porque a organização do conteúdo nas plataformas é muito diferente.
  7. M4RC0S J0S3 S1LV4

    Como como fazer 3 input copiar 1

    Me desculpe, mas eu estou com um grande problema, acho que é fácil, mas para mim está sendo muito perturbador pois sou iniciante de JavaScript vamos lá. Eu queria saber como fazer 1 input preencher 2 input, tipo.. tem 3 input A e todos os input A forem preenchidos e no B a mesma coisa só muda que seja só o Input B. entendem? estou necessitando desta super ajuda.
  8. Preciso capturar o conteúdo gerado pelo sistema, porém ele altera sempre o nome das classes mantendo apenas um prefixo como padrão exemplo... <div class="ConteudoTxt_R343_WWR"> .... </div> Como ele mantem apenas o termo conteudoTxt como padrão o resto muda a cada acesso. Não consigo capturar esse conteúdo como era feito.... var valorDaDiv = $(".ConteudoTxt").html(); Tem alguma forma de capturar sempre que o nome da class começar como ConteudoTxt independente do que vem depois?
  9. AllysonSouza

    AutoComplete listando dados em diferente inputs

    Boa noite pessoal, passei dia todo batendo a cabeca e ainda nao descobri como fazer para o autocomplete listar o id em outro input, quero que depois do autocomplete enviar, ele envie apenas o ID da RUA, eu consigo puxar o id junto com o nome da rua no mesmo campo imput, porem queria que o id fosse para outro campo input para eu enviar para o banco de dados, bom segue o codigo: index.php <?php session_start(); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>jQuery Autocomplete Plugin</title> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type='text/javascript' src="js/jquery.autocomplete.js"></script> <link rel="stylesheet" type="text/css" href="js/jquery.autocomplete.css" /> <script type="text/javascript"> $().ready(function() { $("#course").autocomplete("autoComplete.php", { width: 260, matchContains: true, //mustMatch: true, //minChars: 0, //multiple: true, //highlight: false, //multipleSeparator: ",", selectFirst: false }); }); </script> </head> <body> <div id="content" > <form autocomplete="off"> <p> Digite a rua : <input type="text" name="course" id="course" /> </p> </form> </div> </body> </html> autocomplete.php <?php include "conexao.php"; $q = strtolower($_GET["q"]); if (!$q) return; $sql = "select DISTINCT id, nome from ruas where nome LIKE '%$q%'"; $rsd = mysqli_query($con, $sql); while($rs = mysqli_fetch_array($rsd)) { $cid = $rs['id']; $cnome = $rs['nome']; echo "$cid $cnome\n "; } ?>
  10. Boa tarde galera, sou iniciante em desenvolvimento web e construí meu primeiro App em JS, HTML5, CSS3 e Bootstrap4 (uma calculadora). Acontece que tô tendo dificuldades em deixar a última fileira de botões ("0" e "." ) alinhada e preciso da ajuda de vocês. Usando a classe "justify-content-center" o botão "." fica em cima de "=". Usando a classe "justify-content-start" fica desalinhado do restante dos butões da calculadora. <div class="calculadora"> <input id="resultado" type="text" class="form-control resultado" placeholder="0" disabled="disabled"> <div class="row justify-content-center"> <button onclick="calcular('acao', 'c')" type="button" class="btn btn-dark btn-lg clear font-weight-light">C</button> <button onclick="calcular('acao', '/')" type="button" class="btn btn-dark btn-lg font-weight-light">/</button> <button onclick="calcular('acao', '*')" type="button" class="btn btn-dark btn-lg font-weight-light">x</button> </div> <div class="row justify-content-center"> <button onclick="calcular('valor', 7)" type="button" class="btn btn-dark btn-lg font-weight-light">7</button> <button onclick="calcular('valor', 8)" type="button" class="btn btn-dark btn-lg font-weight-light">8</button> <button onclick="calcular('valor', 9)" type="button" class="btn btn-dark btn-lg font-weight-light">9</button> <button onclick="calcular('acao', '-')" type="button" class="btn btn-dark btn-lg font-weight-light">-</button> </div> <div class="row justify-content-center"> <button onclick="calcular('valor', 4)" type="button" class="btn btn-dark btn-lg font-weight-light">4</button> <button onclick="calcular('valor', 5)" type="button" class="btn btn-dark btn-lg font-weight-light">5</button> <button onclick="calcular('valor', 6)" type="button" class="btn btn-dark btn-lg font-weight-light">6</button> <button onclick="calcular('acao', '+')" type="button" class="btn btn-dark btn-lg font-weight-light">+</button> </div> <div class="row justify-content-center"> <button onclick="calcular('valor', 1)" type="button" class="btn btn-dark btn-lg font-weight-light">1</button> <button onclick="calcular('valor', 2)" type="button" class="btn btn-dark btn-lg font-weight-light">2</button> <button onclick="calcular('valor', 3)" type="button" class="btn btn-dark btn-lg font-weight-light">3</button> <button onclick="calcular('acao', '=')" type="button" class="btn btn-dark btn-lg enter">=</button> </div> <div class="row justify-content-center" style="margin-top: -60px"> <button onclick="calcular('valor', 0)" type="button" class="btn btn-dark zero btn-lg font-weight-light">0</button> <button onclick="calcular('acao', '.')" type="button" class="btn btn-dark btn-lg font-weight-light">.</button> </div> Agradeço desde já
  11. lordstarlight

    Formata data digitada, no formato 11/11/2011

    Ola galera! Qual o problema deste código: <script> function mascara_data(dataNasc){ var mydata = ''; mydata = mydata + dataNasc; if (mydata.length == 2){ mydata = mydata + '/'; document.forms[0].dataNasc.value = mydata; } if (mydata.length == 5){ mydata = mydata + '/'; document.forms[0].dataNasc.value = mydata; } if (mydata.length == 10){ verifica_data(); } } </script> <input type="text" name="dataNasc" class="form-control" value='<?php echo $dataNasc; ?>' OnKeyUp="mascara_data(this.value)" maxlength="10"> Não está formatando a da no formato 11/11/2011 Onde está o erro.
  12. Estou tentando inserir essa lógica no scroll da minha página, ele pega corretamente a condição do ife entra no laço. Para todos os demais elementos da página que geram o scroll, ele rola certo, apenas para o button#conheca que não consigo fazer o cálculo da altura. Preciso que ele pegue o offset e some com a altura, devido ao menu que abre em mobile, mas ele está sendo sobrescrito pelo scrollTop anterior. Com qual função devo verificar para executar corretamente a lógica? if($(window).width() <= 768){ $("html, body, button:not(#conheca)").animate({ scrollTop: (target.offset().top - $(window).height()) }, 1000, "easeInOutExpo"); return false; $("#conheca").on("click", function(){ $('#conheca').animate({ scrollTop: (target.offset().top + $(window).height()) }, 1000, "easeInOutExpo"); return false; }); }else{ $('html, body').animate({ scrollTop: (target.offset().top) }, 1000, "easeInOutExpo"); return false; }
  13. rcamu

    Ajuda com validações de campos.

    Tenho uma tela para conferencia de separação de pedidos e coloque uma validação dos campos de quantidade e ean onde se o informado for diferente do que consta no pedido ele não deixa prosseguir. como o pedido ele pode possuir varias linhas eu utilizo foreach e javascript para montar na tela. o meu problema é que a validação dos campos só considera o valor da 1º linha a partir da segunda linha ele da que os dados não confere e se eu colocar os dados da 1º linha mesmo sendo diferente dos dados do pedido ele deixa passar. o meu javascript está assim: <script> function validaEAN (input){ if (input.value != document.getElementById('ean2').value) { input.setCustomValidity('EAN Não Confere'); } else { input.setCustomValidity(''); } } function validaqtd (input){ if (input.value != document.getElementById('qtd').value) { input.setCustomValidity('QUANTIDADE Não Confere'); } else { input.setCustomValidity(''); } } </script> e o minha tela é montada assim: <form form id="cad" name="cad" method="post" $id = $_GET['id'];> <input type="hidden" name="acao" value="1" /> <strong><b><font size="3"> <font color="#000000">Data :</font></strong> <input type="text" name="data" name="dtConcat2" size="11" maxlength="10" value="<?php echo $detalhe['dtConcat2']?>" readonly /> <br><br> <strong><b><font size="3" > <font color="#000000">Cliente :</strong> <input type="text" size="80" name="clienteAt" size="11" maxlength="10" value="<?php echo $detalhe['nome']?>" readonly /> <br><br> <strong><b><font size="3"> <font color="#000000">Observação : <br> <input type="text" name="descricao" size="90" maxlength="90" value="<?php echo $detalhe['descricao']?>" /> <br><br> <table border="0" cellpadding="2" cellspacing="4" class="tblDet"> <tr> <td class="bd_titulo">Produto</td> <td class="bd_titulo">Quantidade</td> <td class="bd_titulo">Quantidade Conferida</td> <td class="bd_titulo">EAN</td> <td class="bd_titulo">EAN Conferido</td> </tr> <tr class="linhas"> <td><select name="cat_id[]" onchange="setProdLinha(this)" class="cat_id" disabled="disabled"> <option value="">Selecione</option> <td> <input id="qtd" type="text" name="qtd[]" class="qtd" required name="qtd" size="11" disabled="disabled" style="text-align:center" /> </td> <td> <input type="text" name="qtd_conf[]" class="qtd_conf" oninput="validaqtd(this)"required name="qtd_conf" size="11" style="text-align:center" /> </td> <td> <input id="ean2" name="ean2[]" type="text" required name="ean2" maxlength="30" size="21" style="text-align:center" class="ean2" /> </td> <td> <input type="text" name="ean[]" class="ean" oninput="validaEAN(this)"required name="ean" size="21" style="text-align:center" /> </td> </tr> <tr> <td colspan="4"> <p><input type="submit" value="Alterar" /></p> <p><a href="consulta_conferencia.php">Cancelar/Voltar</a></p> Onde estou errando?
  14. jadergfarinon

    Salvar imagem em diretório específico

    Bom dia pessoal, não sei quase nada de JavaScript e não consegui encontrar nada relacionado com o que eu preciso então desculpa se eu sair com alguma pergunta idiota aqui, bom... eu tenho um Mini Paint rodando aqui, o script não foi feito por mim, já estava rodando aqui na empresa quando eu entrei e provavelmente foi pego na internet, bom, é uma tela em branco na qual é possível desenhar, seja com o mouse ou com o dedo na tela do celular, tem também dois botões, um para limpar a tela e outro para salvar, quando clicamos em salvar ele exibe um prompt para digitar o nome e salva o desenho em png, bom, hoje ele salva na máquina em um local de acordo com a configuração do navegador utilizado, porem estou precisando modificar para que esse arquivo seja enviado para o servidor aonde o site está rodando mas não faço idéia de como modificar o java script para isso, seguem os códigos, se alguém puder me ajudar agradeço muito HTML (index.html) <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Teste</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <main> <div class="left-block"> <div class="colors"> <!--Cores não utilizadas--> <!-- <button type="button" value="#0000ff"></button> <button type="button" value="#009fff"></button> <button type="button" value="#0fffff"></button> <button type="button" value="#bfffff"></button> <button type="button" value="#000000"></button> <button type="button" value="#333333"></button> <button type="button" value="#666666"></button> <button type="button" value="#999999"></button> <button type="button" value="#ffcc66"></button> <button type="button" value="#ffcc00"></button> <button type="button" value="#ffff00"></button> <button type="button" value="#ffff99"></button> <button type="button" value="#003300"></button> <button type="button" value="#555000"></button> <button type="button" value="#00ff00"></button> <button type="button" value="#99ff99"></button> <button type="button" value="#f00000"></button> <button type="button" value="#ff6600"></button> <button type="button" value="#ff9933"></button> <button type="button" value="#f5deb3"></button> <button type="button" value="#330000"></button> <button type="button" value="#663300"></button> <button type="button" value="#cc6600"></button> <button type="button" value="#deb887"></button> <button type="button" value="#aa0fff"></button> <button type="button" value="#cc66cc"></button> <button type="button" value="#ff66ff"></button> <button type="button" value="#ff99ff"></button> <button type="button" value="#e8c4e8"></button> <button type="button" value="#ffffff"></button> --> </div> <div class="brushes"> <!--Espessura da linha não utilizada--> <!-- <button type="button" value="1"></button> <button type="button" value="2"></button> <button type="button" value="3"></button> <button type="button" value="4"></button> <button type="button" value="5"></button> --> </div> <!--Botões--> <div class="buttons"> <button id="clear" type="button">Limpar</button> <button id="save" type="button">Salvar</button> </div> </div> <!--Tamanho do quadro--> <div class="right-block"> <canvas id="paint-canvas" width="640" height="400"></canvas> </div> </main> <script src="js/index.js"></script> </body> </html> css(css/style.css) * { box-sizing: border-box; } main { width: 800px; border: 1px solid #e0e0e0; margin: 0 auto; display: flex; flex-grow: 1; } .left-block { width: 160px; border-right: 1px solid #e0e0e0; } .colors { background-color: #ece8e8; text-align: center; padding-bottom: 5px; padding-top: 10px; } .colors button { display: inline-block; border: 1px solid #00000026; border-radius: 0; outline: none; cursor: pointer; width: 20px; height: 20px; margin-bottom: 5px } .colors button:nth-of-type(1) { background-color: #0000ff; } .colors button:nth-of-type(2) { background-color: #009fff; } .colors button:nth-of-type(3) { background-color: #0fffff; } .colors button:nth-of-type(4) { background-color: #bfffff; } .colors button:nth-of-type(5) { background-color: #000000; } .colors button:nth-of-type(6) { background-color: #333333; } .colors button:nth-of-type(7) { background-color: #666666; } .colors button:nth-of-type(8) { background-color: #999999; } .colors button:nth-of-type(9) { background-color: #ffcc66; } .colors button:nth-of-type(10) { background-color: #ffcc00; } .colors button:nth-of-type(11) { background-color: #ffff00; } .colors button:nth-of-type(12) { background-color: #ffff99; } .colors button:nth-of-type(13) { background-color: #003300; } .colors button:nth-of-type(14) { background-color: #555000; } .colors button:nth-of-type(15) { background-color: #00ff00; } .colors button:nth-of-type(16) { background-color: #99ff99; } .colors button:nth-of-type(17) { background-color: #f00000; } .colors button:nth-of-type(18) { background-color: #ff6600; } .colors button:nth-of-type(19) { background-color: #ff9933; } .colors button:nth-of-type(20) { background-color: #f5deb3; } .colors button:nth-of-type(21) { background-color: #330000; } .colors button:nth-of-type(22) { background-color: #663300; } .colors button:nth-of-type(23) { background-color: #cc6600; } .colors button:nth-of-type(24) { background-color: #deb887; } .colors button:nth-of-type(25) { background-color: #aa0fff; } .colors button:nth-of-type(26) { background-color: #cc66cc; } .colors button:nth-of-type(27) { background-color: #ff66ff; } .colors button:nth-of-type(28) { background-color: #ff99ff; } .colors button:nth-of-type(29) { background-color: #e8c4e8; } .colors button:nth-of-type(30) { background-color: #ffffff; } .brushes { //background-color: purple; padding-top: 5px } .brushes button { display: block; width: 100%; border: 0; border-radius: 0; background-color: #ece8e8; margin-bottom: 5px; padding: 5px; height: 30px; outline: none; position: relative; cursor: pointer; } .brushes button:after { height: 1px; display: block; background: #808080; content: ''; } .brushes button:nth-of-type(1):after { height: 1px; } .brushes button:nth-of-type(2):after { height: 2px; } .brushes button:nth-of-type(3):after { height: 3px; } .brushes button:nth-of-type(4):after { height: 4px; } .brushes button:nth-of-type(5):after { height: 5px; } .buttons { height: 80px; padding-top: 10px; } .buttons button { display: block; width: 100%; border: 0; border-radius: 0; background-color: #ece8e8; margin-bottom: 5px; padding: 5px; height: 30px; outline: none; position: relative; cursor: pointer; font-size: 16px; } .right-block { width: 640px height:100vh; } #paint-canvas { cursor:crosshair; } JavaScript (js/index.js) window.onload = function () { // Definitions var canvas = document.getElementById("paint-canvas"); var context = canvas.getContext("2d"); var boundings = canvas.getBoundingClientRect(); // Specifications var mouseX = 0; var mouseY = 0; context.strokeStyle = 'black'; // initial brush color context.lineWidth = 1; // initial brush width var isDrawing = false; // Handle Colors var colors = document.getElementsByClassName('colors')[0]; colors.addEventListener('click', function(event) { context.strokeStyle = event.target.value || 'black'; }); // Handle Brushes var brushes = document.getElementsByClassName('brushes')[0]; brushes.addEventListener('click', function(event) { context.lineWidth = event.target.value || 1; }); // Mouse Down Event canvas.addEventListener('mousedown', function(event) { setMouseCoordinates(event); isDrawing = true; // Start Drawing context.beginPath(); context.moveTo(mouseX, mouseY); }); // Mouse Move Event canvas.addEventListener('mousemove', function(event) { setMouseCoordinates(event); if(isDrawing){ context.lineTo(mouseX, mouseY); context.stroke(); } }); // Mouse Up Event canvas.addEventListener('mouseup', function(event) { setMouseCoordinates(event); isDrawing = false; }); // Handle Mouse Coordinates function setMouseCoordinates(event) { mouseX = event.clientX - boundings.left; mouseY = event.clientY - boundings.top; } // Handle Clear Button var clearButton = document.getElementById('clear'); clearButton.addEventListener('click', function() { context.clearRect(0, 0, canvas.width, canvas.height); }); // Handle Save Button var saveButton = document.getElementById('save'); saveButton.addEventListener('click', function() { var imageName = prompt('Digite o Número da movimentação.'); var canvasDataURL = canvas.toDataURL(); var a = document.createElement('a'); a.href = canvasDataURL; a.download = imageName || 'drawing'; a.click(); }); };
  15. MAKAVELIQUE

    Comparação de Strings em javascript

    Saudações, criei meu perfil hoje, sou iniciante neste mundo da programação, alguém poderia me ajudar a compreender isso? é um código em javascript que eu estou escrevendo, variáveis b1, b2, b3 e c1, c2 e c3 recebem valores parecidos com estes, contudo, parece que os if´s não estão fazendo as devidas verificações pra abrir o document.write de acordo com cada condição... <script> function teste() { img1.src = "foto.png"; b1="J";// esses valores podem variar... c1="C";// esses valores podem variar... b2="J";// esses valores podem variar... c2="C";// esses valores podem variar... b3="J";// esses valores podem variar... c3="C";// esses valores podem variar... if(b1 == c1 && b1 == b3){//daqui pra baixo parece que não funciona... if(c1==c2 && c2==c3){ document.write ("1"); } if(c1!=c2 && c2 != c3 && c1!= c3){ document.write ("2"); } if(c1== c2 && c1 != c3 or c2 == c3 && c2 != c1 or c1== c3 && c2 != c1 ){ document.write ("3"); } } } </script> <a href="#" onClick="teste();"><img style="position:absolute; left:20px; top:275px; " src="imagem.gif" name="img1"/></a> <script> //Observação: assim funciona: function teste() { img1.src = "foto.png"; } </script> <a href="#" onClick="teste();"><img style="position:absolute; left:20px; top:275px; " src="imagem.gif" name="img1"/></a>
  16. Galera estou a 8 dias ja tentando montar algo. eu tenho um formulario php. ele pega 3 dados da sessions.... eu consegui abrir a camera do celular tal. porem não consigo fazer a foto tirada ser anexada no email. gostaria que o cliente preenche os dados e em seguida ele tira uma foto do problema dele com o celular e automaticamente a foto e anexada e ao clica em enviar ou apos tirar a foto ja e automaticamente enviado para o email meu. tentei tbm para a imagem ficar armazenada no meu servidor porem sem sucesso..... <form action="mail.php" method="POST" enctype="multipart/form-data" > <div class="panel panel-default"> <div class="form-group"> Tire uma foto de do seu erro na tela do computador </div> <div class="panel-heading"> <div style="background:#F9F9F9";> <input type="hidden" name="nomeu" value=""> <input type="file" name="file" id="file" class="inputfile" accept="image/*" capture="camera" onchange="document.getElementById('submit_button_id').click();"/> <label for="file">Abrir Câmera</label> <input type="submit" name="submit" id="submit_button_id" value="Upload" style="display:none;" /> </div>
  17. Oi, sou novo por aqui. Queria saber como eu posso fazer um menu de links e informações com abas usando imagens, tipo esse:
  18. Bom dia, Estou construindo um site e eu quero coloca um evento css antes da requisição do servidor com Jquery, se possivel atrasar a requisição por alguns segundos enquanto o css não for concluido! Desde já agradeço a ajuda!
  19. gsinhorini

    Validação JSON

    Olá! Bom dia pessoal tudo bem? Estou com uma dúvida, estou fazendo um requerimento em Ajax para pegar algumas informações e preencher alguns campos até ai tudo bem. A minha dúvida é o seguinte eu preciso fazer uma validação em um select como eu posso fazer isso. Eu criei um variável output que recebe as informações e monta o html, tenho que fazer a validação dentro do output. Vou colocar o código. Muito obrigado pela atenção. $('#btn_problema').on('click', function () { var codigo_sac = $(this).attr('data-codigo'); console.log(codigo_sac); $.ajax({ type: "GET", url:'buscarProblema?codigo='+codigo_sac, dataType: "html", async:false, success: function (data) { console.log(data); var dados = JSON.parse(data); output = ""; $('#descricao-problema').val(dados.descricao); $('#Etapa02_codigo_sac').val(dados.codigo_sac); if (dados["debitos"] != null) { $.each(dados.debitos, function (i, item) { if (item.tipo == 1) { output += '<div class="col-md-12"><div class="col-md-2"><div class="form-group text-center"><label class="control-label">Tipo<!-- <span class="required"> * </span> --></label><div class=""><select class="form-control select2me" disabled><option value="">Selecione...</option><option value="1" selected > Débitos </option></select></div></div></div><div class="col-md-3"><div class="form-group text-center"><label class="control-label uppercase">Descrição:<!-- <span class="required"> * </span> --></label><div class=""><div class=""><input readonly type="text" class="form-control text-center" value="'+item.descricao+'" /></div></div></div></div><div class="col-md-3"><div class="form-group text-center"><label class="control-label uppercase">Data:<!-- <span class="required"> * </span> --></label><div class=""><div class=""><input readonly type="date" class="form-control text-center" value="'+item.data+'" /></div></div></div></div><div class="col-md-2"><div class="form-group text-center"><label class="control-label uppercase">Valor:<!-- <span class="required"> * </span> --></label><div class=""><div class=""><input readonly type="text" class="form-control text-center" name="" id="" value="R$ '+item.valor+'" /></div></div></div></div><div class="col-md-2"><div class="form-group text-center"><label class="control-label">Ação<span class="required"> * </span></label><div class=""><select class="form-control select2me acao_debitos" data-codigo="item.codigo"><option value="">Selecione...</option><option value="1"> Sim </option><option value="2"> Não </option></select></div></div></div></div>'; } if (item.tipo == 2) { output += '<div class="col-md-12"><div class="col-md-2"><div class="form-group text-center"><label class="control-label">Tipo<!-- <span class="required"> * </span> --></label><div class=""><select class="form-control select2me" disabled><option value="">Selecione...</option><option value="2" selected > Multa </option></select></div></div></div> <div class="col-md-3"><div class="form-group text-center"><label class="control-label uppercase">Data:<!-- <span class="required"> * </span> --></label><div class=""><div class=""><input readonly type="date" class="form-control text-center" value="'+item.data+'" /></div></div></div></div><div class="col-md-2"><div class="form-group text-center"><label class="control-label uppercase">Valor:<!-- <span class="required"> * </span> --></label><div class=""><div class=""><input readonly type="text" class="form-control text-center" name="" id="" value="'+item.valor+'" /></div></div></div></div><div class="col-md-3"><div class="form-group text-center"><label class="control-label uppercase">AIT:<!-- <span class="required"> * </span> --></label><div class=""><div class=""><input readonly type="text" class="form-control text-center" value="RS'+item.ait+'" /></div></div></div></div><div class="col-md-2"><div class="form-group text-center"><label class="control-label">Aprovação<span class="required"> * </span></label><div class=""><select class="form-control select2me acao_debitos" data-codigo="item.codigo"><option value="">Selecione...</option><option value="1"> Sim </option><option value="2"> Não </option></select></div></div></div></div>'; } $("#problema-debitos").html(output); $("#problema-debitos").trigger('chosen:updated'); }); } } }); });
  20. arthurbp2

    Select Dinâmico com campos dependentes

    Olá, estou com dificuldade para fazer uma select a partir do outro. Não consigo estruturar a função... Quero que ao selecionar a opção "Unidade" apareça as opções de setores disponíveis sem precisar de um Id <select class="form-control" name="plant" id="plant" onchange="get_unidade()"> <?php $sql_plant = "SELECT plant FROM KaplasBRF.router_info group by plant"; $resultado_consulta = mysqli_query($conn, $sql_plant); while($row_registro_plant = mysqli_fetch_assoc($resultado_consulta)){?> <option value ="<?php echo $row_registro_plant['plant'];?>"> <?php echo $row_registro_plant['plant'];?> </option><?php }?> </select> </div> <div class="form-group col-md-4"> <label for="sector">Setor</label> <span class="carregando">Carregando...</span> <select class="form-control" name="sector" id="sector" > <?php $tab=$_GET['plant']; $sql_sector = "SELECT DISTINCT sector FROM KaplasBRF.router_info WHERE plant LIKE '%$tab%' "; $resultado_consulta_sector = mysqli_query($conn, $sql_sector); while($row_registro_sector = mysqli_fetch_assoc($resultado_consulta_sector)){?> <option value ="<?php echo $row_registro_sector['sector'];?>"> <?php echo $row_registro_sector['sector'];?> </option><?php }?> </select> <script> function get_unidade(){ var plant = document.getElementById("plant"); var get_plant = plant[plant.selectedIndex]; if (get_plant = 'Rio Verde'){ } } </script>
  21. UilsonFilho

    Variável

    Galera tenho um objeto assim: const map = { dateOne: { stateKey: 'date', vari: date1, handler: this.onCalendarOne, }, dateTwo: { stateKey: 'date2', vari: date2, handler: this.onCalendarTwo, } }; const item = map[name]; Preciso colocar a variável "vari" no onchange, como posso fazer isso? Segue: <InputDate className='form-control roundbridges SizeInputCalendar' id='calendarIdaVolta' name='calendarIdaVolta' onChange={dateNew => { this.setState({ ${this.state[item.vari]}: dateNew }); }} value={this.state[item.stateKey]} min={this.state.minDate} max={this.state.maxDate} />
  22. KMota123

    Script para mover arquivos

    Bom dia, Estou precisando de uma ajuda com um script, não tenho muito conhecimento, porém sei que o que preciso consigo realizar através de um código. Exemplo; Tenho uma pasta 029. dentro dessa pasta tenho outras pastas: 1, 2, 3, 4, 5 e dentro de cada pasta dessa eu tenho vários arquivos em pdf. Estou compactando esses arquivos em lote, porém eles vão para a pasta de saída todos misturados, preciso de um script que mova os arquivos das pastas citadas e na saída sejam criadas as mesmas pastas e os arquivos sejam movidos para ela. Alguém consegue me ajudar?
  23. No site de um cliente, estou usando o Datepicker do Bootstrap (peguei nesse site - eyecon.ro/bootstrap-datepicker ). Contudo, em algumas páginas, eu configuro o datepicker pra mês e ano. Selecionados os dois, mudam os dados de uma tabela: $(".datepicker").datepicker( { format: "mm/yyyy", autoclose: true, viewMode: "months", minViewMode: "years", }).on('changeDate', function(ev){ montaTabela(); // $(this).datepicker('hide'); }); Tudo funciona, mas ele não fecha o datepicker depois da seleção do mês e do ano. O autoClose não funciona e nem colocando hide ou close pro datepicker dá certo. Curiosamente, o hide (que está comentado acima) funciona pra páginas que usam datepicker de data completa (dd/mm/yyyy). O que posso tentar pra resolver?
  24. douglas79

    [Resolvido]Não está calculando o IMC

    Fala pessoal, blz? Estou com um pequeno problema e queria a ajuda do grupo. Montei um formulário para calcular o IMC, mas na hora de clicar no botão não emite mensagem nenhuma. //o codigo <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="calculoIMC.js" type="text/javascript"></script> </head> <body> <script type="text/javascript"> var peso = calculoIMC.peso.value; var altura = calculoIMC.altura.value; var imc = peso/(altura*altura); if (imc < 17) { alert('Muito abaixo do peso'); } if (imc > 17 && imc <= 18.5) { alert('Abaixo do peso'); } if (imc > 18.5 && imc <= 24.9) { alert('Peso normal'); } if (imc > 25 && imc <= 29.9) { alert('Acima do Peso'); } if (imc > 30 && imc <= 34.9) { alert('Obesidade I'); } if (imc > 35 && imc <= 39.9) { alert('Obesidade II'); } if (imc > 40) { alert('Obesidade III'); } } </script> <form method="post" id="calculoIMC"> <label for="peso">Peso:</label> <input type="text" name="peso" id="peso"/> <label for="altura">Altura:</label> <input type="text" name="altura" id="altura"/> <input type="submit" value="Calcular IMC" onclick="CalculaIMC();"> </form> </body> </html> Alguém pode me dar uma luz? Aguardo respostas! []'s
  25. Por favor me ajudem passar as coordenada do JAVASCRIPT Latitude e Longitude para as respectivas caixas do formulário <h1>Adicionar local de atendimento</h1> <p id="demo">Clique no botão para receber as coordenadas:</p> <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition,showError); } else{x.innerHTML="Seu browser não suporta Geolocalização.";} } </script> <script> function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; document.getElementById( "caixaTexto" ).value = html; } function showError(error) { switch(error.code) { case error.PERMISSION_DENIED: x.innerHTML="Usuário rejeitou a solicitação de Geolocalização." break; case error.POSITION_UNAVAILABLE: x.innerHTML="Localização indisponível." break; case error.TIMEOUT: x.innerHTML="A requisição expirou." break; case error.UNKNOWN_ERROR: x.innerHTML="Algum erro desconhecido aconteceu." break; } } </script> <form id="form1" name="form1" method="post" action="?"> <label for="UF">UF:</label> <input type="text" name="UF" id="UF" /> <label for="cidade">Cidede:</label> <input type="text" name="cidade" id="Cidade" /> <label for="bairro">Bairro:</label> <input type="text" name="bairro" id="bairro" /> <label for="rua">Rua:</label> <input type="text" name="rua" id="rua" /> <label for="latutude">Latitude:</label> <input type="text" name="latitude" id="latitude" /> <label for="longitude">Logitude</label> <input type="text" name="longitude" id="longitude" /> <input name="add_local" type="hidden" id="add_local" value="1" /> <input type="submit" name="button" id="button" value="cadastrar" /> </form> <p>&nbsp;</p> </body> </html>
×

Informação importante

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