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


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

  1. 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?
  2. 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(); }); };
  3. 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>
  4. 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>
  5. Oi, sou novo por aqui. Queria saber como eu posso fazer um menu de links e informações com abas usando imagens, tipo esse:
  6. 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!
  7. 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'); }); } } }); });
  8. 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>
  9. 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} />
  10. 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?
  11. 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?
  12. 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
  13. 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>
  14. Alanartes

    passar valor da função para caixa de texto

    Não tenho nenhum conhecimento de JS mas achei esse que faz o que preciso. Minha dificuldade é como colocara longitude e latitude dentro da caixa de texto em meu formulário <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.";} } function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; } 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>
  15. Ricardo Beira

    Disparo de vários emails em sequência

    Boa tarde. Sou bem leigo em php, sei o básico do básico e preciso muito de ajuda. Preciso enviar 1000 emails, porém queria dividir os envios de 50 por vez. Queria um campo onde ecolocava os 1000 emails ou importando de um txt e ele fizesse o processo de envio de 50-50 automaticamente.
  16. ghlevin

    Refresh automático apenas uma vez em PHP

    Estou precisando fazer um refresh automático em algumas páginas do site de um cliente. Porém, esse refresh precisa acontecer apenas UMA vez. Eu sei que daria pra eu colocar a meta tag abaixo, por exemplo: <meta content="3;url=http://www.meusite.com.br/index.php" http-equiv="Refresh" /> Mas aí ela atualizaria sempre a cada 3 segundos. E eu queria que atualizasse só uma vez. Como dá pra fazer isso? Com uso de SESSION, COOKIE ou alguma outra coisa?
  17. Claudia França

    Evento de pagamento

    Pessoal estou com um problema para homologar um pagamento service. o resultado do Status deve ser sucessfull. Parte do codido do index. " $('#payButton').one('click', function(){ var amount = $('input[name=amount]').val(); var currency = $('[name=currency]').val(); console.log(amount, currency); V.init( { apikey: '<?php echo $visaApiKey ?>', settings: { //logoUrl: 'https://www.novachance.org.br/wp-content/uploads/2018/06/xLogo_INC.jpg.pagespeed.ic.QrM-Azm3n5.jpg', locale: 'en_US', displayName: 'Viva a Musica', websiteUrl: 'https://www.vivaamusica.org.br', customerSupportUrl: 'https://www.vivaamusica.org.br/contato', dataLevel: 'FULL' }, paymentRequest: { currencyCode: currency, total: amount, merchantRequestId: 'you can send any value to API ang get it in callback', orderId: 'you can send any value to API ang get it in callback', description: 'any order description if needs' } }); V.on('payment.success', function(payment) { console.log('Visa success:', JSON.stringify(payment)); $('#succesOverlay').show(); $.ajax({ type: 'POST', url: 'mailer.php', data: {json: JSON.stringify(payment)}, dataType: 'json', success: function(data){ console.log('Ajax success'); console.log(data); location = 'thanks.php'; }, error: function(jqXHR, textStatus, errorThrown) { console.log('Ajax error:'); console.log(textStatus, errorThrown); } }); }); V.on('payment.cancel', function(payment){ console.log('Canceled:', payment); }); V.on('payment.error', function(payment, error){ console.log('Visa error:', payment, error); }); $('.v-button').click(); }) " Chamada Json " "Customer": { "Name": "[$userFullName]" }, "Payment": { "ServiceTaxAmount": 0, "Installments": 1, "Interest": 0, "Capture": false, "Authenticate": false, "Recurrent": false, "CreditCard": { "CardNumber": "453211******1521", "Holder": "Gama Gama", "ExpirationDate": "08/2020", "SaveCard": false, "Brand": "Visa" }, "Tid": "0319040817883", "ProofOfSale": "817883", "AuthorizationCode": "027795", "Wallet": { "Type": "VisaCheckout", "WalletKey": "1140814777695873901", "Eci": 0 }, "SoftDescriptor": "123456789ABCD", "Amount": 100, "ReceivedDate": "2018-03-19 16:08:16", "Status": "eventStatus", "IsSplitted": false, "ReturnMessage": "Operation Successful", "ReturnCode": "4", "PaymentId": "e57b09eb-475b-44b6-ac71-01b9b82f2491", "Type": "CreditCard", "Currency": "BRL","en_US", "Country": "BRA","USA", "updateInfo": { "payInfo": { "reason": "Pagamento","Payment", "avsResponseCode": "Y", "Amount": 91.00, "currencyCode": "USD", "eventStatus": "Success", "eventType": "Authorize", "PaymentId": "e57b09eb-475b-44b6-ac71-01b9b82f2491", } } } } { " O pessoal da empresa me fala que tenho que enviar o CallID gerado ( não sei como faço isso) e fazer a chamado do alteração de evento quando a transação for sucesso. Pensei em criar um aquivo payment.php mas pelo que li no manual necessariamente, não eh necessário.
  18. Claudia França

    AntiClick travou o site.

    Pessoal escrevi o código, ( <style id=”antiClickjack”>body{display:important;}</style> <script type=”text/javascript”> if (self === top) { var antiClickjack = document.getElementById(“antiClickjack”); antiClickjack.parentNode.removeChild(antiClickjack); } else { top.location = self.location; } </script> ) em um site o head por exigência da empresa de cartão, mas tenho percebido que com um tempo o site para de acionar o java script para carregar outra pagina. Isso aconteceu depois desse código. Eu tenho que escrever algo no corpo no site para isso nao mais acontecer e deixar o anticlick habilitado. ?
  19. patriciahelena

    Retornar 3 valores em inputs

    Boa noite, Preciso de ajuda. No arquivo form.php tenho 3 inputs de entrada(valor1, valor2, valor3) e 3 inputs(disabled) que receberão os valores calculados do arquivo form_matematico5.php. Na tag form onsubmit="return calcula()" <h4 class="calcula"></h4> <script> function calcula($volmedio, $temp, $precogas) { $.get("form_matematico5.php", $('#calculorecovap').serialize(), function(data){ $('.calcula').html(data); } ); return false; } </script> No arquivo form_matecatico5.php é feito os calculos gerando 3 valores. Tenho um echo: echo 'texto<br><div style=font-size:23px;color:red;>' . number_format($Resultado1,0,",","."). '</div> <br> texto<br><div style=font-size:23px;color:red;>'. number_format($Resultado2,0,",","."). '</div> <br>texto<br><div style=font-size:23px;color:red;>R$ '. number_format($Resultado3,2,",","."). '</div>'; Ele retorna o echo certinho em <h4 class="calcula"></h4>. Mas o que eu quero mesmo é que Resultado1 retorne dentro do primeiro input(disabled), o Resultado2 dento do segundo input(disabled) e assim com o terceiro. Ou seja, Cada input(disabled), recebera um valor diferente e não o total de .calcula. Espero ter explicado direitinho, Obrigada
  20. Olá amigos. Mais uma problema que precisa ser resolvido... Bom, dessa vez é o seguinte: tenho um <select> que traz de uma tabela PRODUTO (id, nome, unidade, preco) o nome. Preciso que ao escolher um produto, seja preenchido automaticamente um <input> com o preço referente à esse produto. Alguém pode me ajudar de uma forma mais simples possível? Já adianto os agradecimento àqueles que postarem vídeo aulas sobre javascript e/ou ajax, mas como se trata de uma parte do sistema, preciso resolver com urgência pra não ficar 'empacado' na mesma, portanto um exemplo prático é o que peço no momento. Muito obrigado desde já a todos. Um grade abraço.
  21. Carcleo

    limpar campos póstumos

    jQuery: // JavaScript Document $(document).ready(function (e) { $("#idPastor").on("change", function () { $.ajax({ url: "_scripts/_php/_validacoes/buscarDadosRedes.php", type: "POST", dataType: "json", data: { idPastor: $("#idPastor").val() }, beforeSend: function() { $("#imgCarregando").css('display','block'); }, success: function (result) { $("#imgCarregando").css('display','none'); $('#idRede').find('option').remove(); if (result == null){ $("#idRede").append("<option value=>Sem Redes</option>"); } else { $("#idRede").append("<option value=>Escolha a Rede</option>"); result.forEach(function(option){ $("#idRede").append("<option value=" + option["idRede"] + ">" + option["nome"] + "</option>") }); } } }); }); $("#idRede").on("change", function () { $.ajax({ url: "_scripts/_php/_validacoes/buscarDadosRegioes.php", type: "POST", dataType: "json", data: { idRede: $("#idRede").val() }, beforeSend: function() { $("#imgCarregando").css('display','block'); }, success: function (result) { $("#imgCarregando").css('display','none'); $('#idRegiao').find('option').remove(); if (result == null){ $("#idRegiao").append("<option value=>Sem Regiões</option>"); } else { $("#idRegiao").append("<option value=>Escolha a Região</option>"); result.forEach(function(option){ $("#idRegiao").append("<option value=" + option["idRegiao"] + ">" + option["nome"] + "</option>") }); } } }); }); $("#idRegiao").on("change", function () { $.ajax({ url: "_scripts/_php/_validacoes/buscarDadosAreas.php", type: "POST", dataType: "json", data: { idRegiao: $("#idRegiao").val() }, beforeSend: function() { $("#imgCarregando").css('display','block'); }, success: function (result) { $("#imgCarregando").css('display','none'); $('#idArea').find('option').remove(); if (result == null){ $("#idArea").append("<option value=>Sem Áreas</option>"); } else { $("#idArea").append("<option value=>Escolha a Área</option>"); result.forEach(function(option){ $("#idArea").append("<option value=" + option["idArea"] + ">" + option["nome"] + "</option>") }); } } }); }); $("#idArea").on("change", function () { $.ajax({ url: "_scripts/_php/_validacoes/buscarDadosSetores.php", type: "POST", dataType: "json", data: { idArea: $("#idArea").val() }, beforeSend: function() { $("#imgCarregando").css('display','block'); }, success: function (result) { $("#imgCarregando").css('display','none'); $('#idSetor').find('option').remove(); if (result == null){ $("#idSetor").append("<option value=>Sem Setores</option>"); } else { $("#idSetor").append("<option value=>Escolha a Setor</option>"); result.forEach(function(option){ $("#idSetor").append("<option value=" + option["idSetor"] + ">" + option["nome"] + "</option>") }); } } }); }); $("#idSetor").on("change", function () { $.ajax({ url: "_scripts/_php/_validacoes/buscarDadosCelulas.php", type: "POST", dataType: "json", data: { idSetor: $("#idSetor").val() }, beforeSend: function() { $("#imgCarregando").css('display','block'); }, success: function (result) { $("#imgCarregando").css('display','none'); $('#idCelula').find('option').remove(); if (result == null){ $("#idCelula").append("<option value=>Sem Celulas</option>"); } else { $("#idCelula").append("<option value=>Escolha a Célula</option>"); result.forEach(function(option){ $("#idCelula").append("<option value=" + option["idCelula"] + ">" + option["nome"] + "</option>") }); } } }); }); }); Esse script, faz a população via $.ajax do jQuery de combos no form. Tudo funciona bem. Mas considere o o form abaixo: Imagine o que o usuário preencheu todos os campos e de repente resolve tocar a opção do select de Redes como está na figura. Porém, a opção Rede 2 NÃO possui Regiões Cadastradas ainda. No entanto, note que todos os campos abaixo estão preenchidos e isso não negaria um possível submit do form com dados errados? Ainda, imagine a situação onde a opção Rede 2 POSSUI outas Regiões Cadastradas o que comprometeria a escolha dos selects que seguem Como contornar esse problema?
  22. D@nielle

    Mudar imagem no Menu

    Olá. Estou com dificuldade para trocar a imagem do menu conforme passa o mouse. Criei uma função no javascript para isto, porém não encontro o erro no código. Segue o codigo; <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset"UTF-8"/> <title> Tudo sobre Google Glass</title> <link rel="stylesheet" type="text/css" href="_css/estilo.css"/> </head> <script> function mudaFoto(foto){ document.getElementByID("icone").src = foto; } </script> <body> <div id="interface"> <header id="cabecalho"> <hgroup> <h1>Google Glass</h1> <h2>A revolução do Google está chegando</h2> </hgroup> <img id="icone"src="_imagens/glass-oculos-preto-peq.png" alt="google glass"> <nav id="menu"> <h1>Menu Principal</h1> <ul> <li onmouseover="mudaFoto('_imagens/home.png')"><a href="index.html">Home</a></li> <li onmouseover="mudaFoto('_imagens/especificacoes.png')"><a href="specs.html">Especificações</a></li> A ideia é trocar a imgem de id="icone" por uma imagem do meu arquivo (como está descrito acima) ao passar o mouse. Obrigada
  23. igoraraujowd

    Sobscrever função jQuery

    Pessoal, Estou trabalhando em um teste A/B e preciso fazer uma modificação no código do menu. Estou utilizando o Mega Site Menu e preciso que o site fique sempre com o hamburger menu ainda que em desktop. https://codyhouse.co/gem/css-mega-site-navigation Pra fazer isso, eu precisaria fazer 2 alterações no código abaixo: https://ghostbin.com/paste/fjy3t 1 - Alterar o valor da variável MqL 2 - Anular as linhas abaixo na função moveNavigation: //navigation.insertBefore('.menu--mobile-header-cta'); //$('.nav-overlay').removeClass('is-visible'); A questão é que eu não posso fazer essas alterações diretamente no código e precisaria inserir algo em tags <script> que sobscrevesse a função e alterasse os pontos acima. É possível?
  24. clickanapolis

    Converter valor para moeda

    Pessoal peguei esse codigo de auto somar valor com quantidade na internet e não estou conseguindo ajustar ele. Ate que no total eu consegui incluir 2 casas decimais. Mais no subtotal não, e alem disso gostaria de colocar ele com extensão em moeda real o valor tipo: 1500 para 1.500,00 como eu faria: <script type="text/javascript"> $(window).load(function(){ function id( el ){ //return document.getElementById( el ); return $( el ); } function calcTotal( un01, qnt01 ) { return un01 * qnt01; } function getElementParent(event){ return event.srcElement.parentNode.parentNode.getAttribute('id'); } function getValorUnitario(elParent){ return $('#'+elParent+' .class_unit input').val(); } function getQuantidade(elParent){ return $('#'+elParent+' .class_quant input').val(); } function setFieldTotal(elParent, valueUnit, valueQuant){ id('#'+elParent+' .class_total input').val(calcTotal( valueUnit , valueQuant)); setTotalFinal(); } function setTotalFinal(){ var total = 0; $('#table-shop tr .class_total input').each(function(){ if(this.value != ''){ var valor = this.value; total += parseFloat(valor); } }); $('#total .value_total').html(total.toFixed(2)); $('#total .value_total').val(total.toFixed(2)); } $(document).ready(function(){ id('#table-shop tr .class_unit').keyup(function(event) { var elemenPai = getElementParent(event); var valueUnit = getValorUnitario(elemenPai); var valueQuant = getQuantidade(elemenPai); setFieldTotal(elemenPai, valueUnit , valueQuant); }); id('#table-shop tr .class_quant').keyup(function(event) { var elemenPai = getElementParent(event); var valueUnit = getValorUnitario(elemenPai); var valueQuant = getQuantidade(elemenPai); setFieldTotal(elemenPai, valueUnit , valueQuant); }); }); }); </script>
  25. Mark Augusto

    CKEditor não aceita mais de um plugin

    Tenho usado/tentado usar os seguintes plugins: config.extraPlugins = 'justify'; config.extraPlugins = 'sourcedialog'; config.extraPlugins = 'pagebreak'; Eles funcionam, mas quando coloco mais de um extraPlugins outro sai, é sempre o mais atual que entra. Nesse caso, dos 3 adicionados, somente um funciona... Alguém sabe como faço para usar todos?
×

Informação importante

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