Jump to content

Search the Community

Showing results for tags 'JavaScript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Calendars

  • Comunidade iMasters

Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2529 results

  1. Preciso chegar no resultado da imagem. se puderem me ajudar, ficarei muito grato. javascript css
  2. ThosuZ

    Nome de animação em site

    Boa tarde, pessoal! Minha dúvida é simples. Gostaria de saber apenas o nome da animação desse site: https://www.think-mario.com/ Quero o nome pra pesquisar sobre e aprender. A animação é quando vamos abaixando o scroll, as coisas vão surgindo, e eu acredito que seja com js. Abraços!
  3. Good

    Sistema de Delivery

    Boa noite, gostaria de saber como vocês fariam um sistema de delivery. Pensei em 3 soluções: 1. Cadastrar as faixas de CEP que haverá sistema de entregas; 2. Criar uma área delimitadora no google e exportar em KML para fazer a validação se o endereço do cliente está dentro do raio; 3. Criar um raio de entregacom ponto fixo do estabelecimento, por exemplo, o estabelecimento só vai poder atender em um raio de até 10km. Qual método o ifood e outros gigantes trabalham? Existe algum código pronto para que eu possa dar uma olhada? Aguardo um contato, obrigado!
  4. Boa noite, Gostaria de após selecionar o produto carregasse outro select informando os preços(tabela produto), com javascript fazendo requisição para a servlet. div class="form-group col-md-4"> <label for="exampleInputEmail1">Produto</label> <select class="form-control select2" style="width: 100%;" id="id_produto" name="id_produto"> <option value="nao_informado">Selecione</option> <c:forEach items="${produto}" var="product"> <option value="${product.id}" id="${product.id}" <c:if test="${product.id == orcament.id_produto}"> <c:out value = "selected=selected" /> </c:if>> ${product.descricao}</option> </c:forEach> </select> </div> <div class="form-group col-md-1"> <label for="exampleInputEmail1">Tabela/Precos</label> <select class="form-control select2" style="width: 100%;" id="id_table" name="id_table" > <option value="nao_informado">Selecione</option> </select> </div>
  5. mamotinho

    Error Cookie de navegador

    Olá, a alguns dias eu percebi que estou com um único problema no código do meu site , e queria sabe se é possível eu corrigir essa mensagem de erro segue abaixo imagem do erro.
  6. Pessoal, eu tenho uma DIV, que por padrão ela vem com este css: <div class="clickoff" style="pointer-events: none;"> ...... </div> Porém queria que, caso um determinado cookie exista, o style dessa div seja alterado para pointer-events: auto; Alguém teria uma dica de como poderia fazer isso? Se possível com PHP.
  7. Boa tarde. Nao tenho muito conhecimento em javascript mas estou aprendendo aos poucos. Minha dúvida é sobre Xpath, bom na verdade eu entendi de forma básica como fazer uma busca usando Xpath, tanto é que para isso eu estava usando o programa Xpath Visualizer para entender. Mas eu não achei como empregar isso em uma página html, usando as mesmas variáveis que uso no programa para ter o mesmo resultado. Gostaria de saber se em algum lugar a informações de forma simples ou algo para tomar uma direção.
  8. Código php <?php error_reporting(0); session_start(); include "gdrive/curl_gd.php"; require('profile.php'); require('../conexao/conexao.php'); $tokenC = $_SESSION['token']; $explod = explode('idMC', $tokenC); $idCont = explode('id', $explod[0]); $idConta = $idCont[1]; $idMembro = $explod[1]; $idM = $idMembro; $id = mysqli_real_escape_string($conn, $_GET['id']); $retry = mysqli_real_escape_string($conn, $_GET['retry']); $epid = mysqli_real_escape_string($conn, $_GET['epid']); $quality = mysqli_real_escape_string($conn, $_GET['quality']); $vide = mysql_query("SELECT * FROM `vid_flix` WHERE id='$id'"); $vid = mysql_fetch_assoc($vide); if($vid['tipo'] == 2){ if($quality == NULL or $quality == "medium"){ $link = $vid['link']; }elseif($quality == "high"){ $tokenC = $_SESSION['token']; $explod = explode('idMC', $tokenC); $idCont = explode('id', $explod[0]); $idConta = $idCont[1]; $idMembro = $explod[1]; $cons = mysql_query("SELECT * FROM `login_flix` WHERE id='$idConta'"); $consult = mysql_fetch_assoc($cons); $vip = $consult['vip']; if($quality == "high" && $vip == "1"){ $link = $vid['link']; }else{ $link = "No Permit"; } } $titulo = $vid['titulo']; $bg = $vid['bg']; $bg = str_replace("w227_and_h127_bestv2", "original", $bg); $bg = str_replace("w533_and_h300_bestv2", "original", $bg); $id = $vid['id']; $type=$vid['tipo']; $gdrive = $vid['gdrive']; } if($vid['tipo'] == 1){ $video = mysql_query("SELECT * FROM `ep_flix` WHERE epId='$epid'") or die(mysql_error()); $ep = mysql_fetch_array($video) or die(mysql_error()); $titulo = $vid['titulo'].' : '.$ep['titulo']; $bg = str_replace("w227_and_h127_bestv2", "original", $ep['img']); $bg = str_replace("w533_and_h300_bestv2", "original", $ep['img']); $bg = $bg; $dub = $vid['leg_dub']; $service = $vid['service']; $link = $ep['link']; $gdrive = $ep['gdrive']; $id = $vid['id']; $type=$vid['tipo']; $epid = $epid; //PROXIMO EP// $epAt = $ep['ep']; $tempAt = $ep['temp']; $nextEp = $epAt + 1; $p = mysql_query("SELECT * FROM `ep_flix` WHERE id='$id' && temp='$tempAt' && ep='$nextEp'"); $c1 = mysql_num_rows($p); if($c1 > 0){ $epATT = mysql_fetch_assoc($p); $proxEp = "play.php?id=".$id."&idm=".$idMembro."&retry=0&epid=".$epATT['epId']."&quality=".$quality; }elseif($c == 0){ $tempNext = $tempAt + 1; $pp = mysql_query("SELECT * FROM `ep_flix` WHERE id='$id' && temp='$tempNext' && ep='1'"); $cc = mysql_num_rows($pp); if($cc > 0){ $epATT = mysql_fetch_assoc($pp); $proxEp = "play.php?id=".$id."&idm=".$idMembro."&retry=0&epid=".$epATT['epId']."&quality=".$quality; } } //PROXIMO EP// $linkTest = $ep['link']; } $user = mysql_query("SELECT * FROM `perfil_flix` WHERE idMC ='$idMembro'"); $u = mysql_fetch_array($user); $nome = $u['nome']; $color = $u['color']; $icon = $u['icon']; if($gdrive == '1'){ $url = $link; $gid = get_drive_id($url); $iframeid = my_simple_crypt($gid); $linkdown = Drive($url); $fileG = $iframeid; $link = $linkdown; } ?> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="css/video-play.css"> <div class="chat hid"> <div class="view"> </div> <div class="text-chat"> <input type="text" id="chat-value" class="chat-value" name="chat-value" placeholder="..."> <button class="mic" id='mic'><i class="fas fa-microphone"></i></button> </div> </div> <div class="media"></div> <?php if($gdrive != 2){ if($link != "No Permit"){ ?> <script type="text/javascript"> var vidLink = "<?=$link?>"; var titlevid = "<?=$titulo?>"; var poster = "<?=$bg?>"; var nextEpp = "<?=$proxEp?>"; </script> <script src="flipclock/flipclock.js"></script> <script src="js/play.js"></script> <script type="text/javascript"> var retryLoad = setInterval(function(){ var statusvid = vid.readyState; if(statusvid == '4'){ var dura = vid.duration; var time = '<?=$retry?>'/100*dura; vid.currentTime = time; clearInterval(retryLoad); } },50); setInterval(function(){ $.ajax({ type: "POST", url: "../player/function/savep.php", data: { 'idf' : "<?=$_GET['id']?>", 'temp': progress, 'idm' : '<?=$idM?>' }, dataType: 'json', success: function (data) { } }); },10000); </script> <?php }else{ ?> <script type="text/javascript"> $('.media').html("<center style='color:white;'>Para ter acesso ao Recurso HD é necessario ser membro vip.</center>"); </script> <? } ?> <script type="text/javascript"> function nextEp(){ $('.nextEp').click(function(){ location.href="<?=$proxEp?>"; }); } setInterval(function(){ $('.chat .view').load("chat-view.php?id=<?=$id?>"); },500); $('.chat-value').on('keyup',function(e){ var code = (e.keyCode ? e.keyCode : e.which); if (code==13) { var msg = $(this).val(); var user= "<?=$nome?>"; var cor = "<?=$color?>"; var icon= "<?=$icon?>"; var id_vid= "<?=$id?>"; $.ajax({ type: "POST", url: "cadXat.php", data: { 'id_vid':id_vid, 'msg' : msg, 'user': user, 'cor' : cor, 'icon':icon }, }); $(this).val(""); } }); $('.smstext').click(function(){ var hidC = $('.chat').hasClass("hid"); if(hidC == true){ $('.chat').removeClass("hid"); }else if(hidC == false){ $('.chat').addClass("hid"); } }); function toggleMute(element) { element.muted = false; element.play() } window.addEventListener('load', function () { setTimeout(function () { toggleMute(document.querySelector('video')); }, 1000); }); </script> <style type="text/css"> .chat{ height: calc(98vh - 12%); } @media screen and (max-width: 800px){ .chat{ height: calc(98vh - 22%); } } @media screen and (max-width: 500px){ .chat{ width: 60%; } } @media screen and (max-width: 350px){ .chat{ width: 70%; } } </style> <?php }else{ ?> <script type="text/javascript"> $('.media').html('<iframe src="<?=$link?>"></iframe>'); </script> <style type="text/css"> .media iframe{ width: 100%; float: left; height: 100vh; border:transparent; } </style> <? } ?> Codigo arquivo js $('.media').append('<div class="play-video"></div>'); $('.play-video').append('<div class="loading"></div>'); $('.play-video').append('<div class="header"></div>'); $('.header').append('<div class="info"><div>'); $('.info').append('<div class="line-time"><div>'); $('.line-time').append('<input type="range" class="line-control" min="0" max="100" value="0" onmousedown="line()" onclick="line()" onchange="line()">'); $('.line-time').append('<div class="line-curren"></div>'); $('.line-time').append('<div class="line"></div>'); $('.line-time').append('<div class="line-time-slide"></div>'); $('.info').append('<div class="time">0:00:00</div>'); $('.info').append('<div class="controls-vid"></div>'); $('.controls-vid').append('<button class="play_pause"><i class="material-icons">play_arrow</i></button>'); $('.controls-vid').append('<button class="vol-slide"><i class="material-icons">volume_up</i></button>'); $('.controls-vid').append('<button class="expand"><i class="material-icons">fullscreen</i></button>'); $('.controls-vid').append('<span class="title-vid">'+titlevid+'</span>'); $('.info').append('<div class="volup hid"><vid>'); $('.volup').append('<input type="range" onkeyup="vol()" onmousedown="vol()" onclick="vol()" onchange="vol()" min="0" max="100" value="70" class="volups">'); $('.volup').append('<div class="seta-baixo"></div>'); $('.play-video').append('<div class="encript"></div>'); $('.play-video').append('<div class="video-play"></div>'); $('.header').append('<button class="playing-vid"><i class="material-icons">play_arrow</i></button>'); $('.video-play').append('<video id="vid-nf" poster="'+poster+'"></video>'); $('#vid-nf').append('<source src="'+vidLink+'" type="video/mp4">'); var vid = document.getElementById("vid-nf"); function line(){ var val = $('.line-control').val(); var durational = vid.duration; var por = val / 100 * durational; vid.currentTime=por; } $('.play_pause').click(function(){ var play = $('.play_pause i').html(); if(play == "play_arrow"){ $('.play_pause i').html('pause'); $('.playing-vid i').html('pause'); vid.play(); }if(play == "pause"){ $('.play_pause i').html('play_arrow'); $('.playing-vid i').html('play_arrow'); vid.pause(); } }); $('.playing-vid').click(function(){ var play = $('.play_pause i').html(); if(play == "play_arrow"){ $('.play_pause i').html('pause'); $('.playing-vid i').html('pause'); vid.play(); }if(play == "pause"){ $('.play_pause i').html('play_arrow'); $('.playing-vid i').html('play_arrow'); vid.pause(); } }); setInterval(function(){ var statusvid = vid.readyState; if(statusvid == '0'){ $('.loading').css('display','block'); }else if(statusvid == '1'){ $('.loading').css('display','none'); }else if(statusvid == '2'){ $('.loading').css('display','block'); }else if(statusvid == '3'){ $('.loading').css('display','none'); }else if(statusvid == '4'){ $('.loading').css('display','none'); } },50); $('.expand').click(function(){ var expand = $('.expand i').html(); if(expand == 'fullscreen'){ $('.expand i').html('fullscreen_exit'); var el = document.documentElement , rfs = // for newer Webkit and Firefox el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen ; if(typeof rfs!="undefined" && rfs){ rfs.call(el); } else if(typeof window.ActiveXObject!="undefined"){ // for Internet Explorer var wscript = new ActiveXObject("WScript.Shell"); if (wscript!=null) { wscript.SendKeys("{F11}"); } } }else{ $('.expand i').html('fullscreen'); if (document.cancelFullScreen) { document.cancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } } }); $( document ).ready(function() { var regiao = document; var timeout = setTimeout(showTela, 4000); $(regiao).mousemove(onEvent); $(regiao).mousedown(onEvent); $(regiao).keydown(onEvent); function onEvent() { clearTimeout(timeout); $('body').css('cursor','auto'); $('.header').css('opacity','1'); timeout = setTimeout(showTela, 4000); } function showTela() { $('body').css('cursor','none'); $('.header').css('opacity','0'); } }); $('.vol-slide').click(function(){ var hid = $('.volup').hasClass('hid'); if(hid == true){ $('.volup').removeClass('hid'); $('.line-time').addClass('hid'); $('.time').addClass('hid'); }else if(hid == false){ $('.volup').addClass('hid'); $('.line-time').removeClass('hid'); $('.time').removeClass('hid'); } }); function vol(){ var volu = $('.volups').val(); var vol = volu / 100; if(volu < 50){ $('.vol-slide i').html('volume_down'); } else if(volu > 50){ $('.vol-slide i').html('volume_up'); } if(volu == 0){ $('.vol-slide i').html('volume_off'); } vid.volume = vol; }; var progress = ''; var per = ''; var clo = '60'; var clou = ''; setInterval(function(){ var current = vid.currentTime; var duration= vid.duration; per = duration - current ; var percorid = current * 100; progress = percorid / duration; $('.line').css('margin-left', 'calc('+progress+'% - 8.5px)'); $('.line-curren').css('width',progress+'%'); var dur = String(duration); var perc = String(per); if(dur != 'NaN'){ var date = new Date(null); date.setSeconds(perc); // specify value for SECONDS here var result = date.toISOString().substr(12, 7); $('.time').html(result); if(per < '30' && nextEpp != ''){ if(clou == ''){ clou = '1'; $('.header').append('<button class="nextEp"><i class="material-icons">play_arrow</i><p>Próximo Episódio em</p><span class="restTime"></span></button>'); $('.info').addClass('hid'); $('.playing-vid').addClass('hid'); nextEp(); } } } },50); var mytimer = setInterval(function(){ if(per < '30' && nextEpp != ''){ $('.restTime').html(clo); if(clo > 0){ clo --; }else if(clo == 0){ location.href=nextEpp; clearInterval(mytimer); } } },1000); $('.settings').click(function(){ var check = $('.settings').hasClass('active-s'); if(check == true){ $('.settings').removeClass('active-s'); $('.line-time').fadeIn('slow').css('display','block'); $('.time').fadeIn('slow').css('display','block'); $('.quality').fadeOut('slow').css('display','none'); }else if(check == false){ $('.settings').addClass('active-s'); $('.line-time').fadeOut('slow').css('display','none'); $('.time').fadeOut('slow').css('display','none'); $('.quality').fadeIn('slow').css('display','block'); } });
  9. WagnerFilho

    Module Pattern Javascript

    Não sei se estou aplicando o conceito de javascript modular corretamente, portanto preciso de ajuda! Eu separei os arquivos js por responsabilidades. Cada arquivo será encarregado para uma determinada função. Estou carregando estes arquivos da seguinte forma: <html> <head> </head> <body> <div id="app-info"> <span id="app-name">name</span> </div> <script src="controllers/controllerExample.js"></script> <script src="resources/ajaxApp.js"></script> <script src="models/modelExample.js"></script> <script src="app.js"></script> </body> </html> observação: Eu não quero ir para o requiresJS. sem que antes eu tenha entendido como realmente funciona o modular pattern Além disso, eu quero que o retorno do ajax seja atribuído à um objeto global, podemos chama-lo de ObjectApplication para que em qualquer lugar da aplicação eu possa acessa-lo ? Como posso fazer isto ? Então tenho alguns arquivos js. app.js controllers / controllerExample.js models / modelExample.js resources / ajaxApp.js app.js let ObjectApplication = {}; ;(function( window, document, undefined ) { 'use strict'; function app() { var $private = {}; var $public = {}; $private.privateVar = 'private var'; $public.publicMethod = function() { return 'Init'; }; $private.privateMethod = function() { return 'Private method'; }; return $public; } window.MyGlobalObject = window.MyGlobalObject || {}; window.MyGlobalObject.app = app(); })( window, document ); MyGlobalObject.controllerExample.publicMethod(); console.log(objectApplication.name); controllerExample.js ;(function( window, document, undefined ) { 'use strict'; function controllerExample() { var $private = {}; var $public = {}; $private.privateVar = 'private var'; $public.publicMethod = function() { return MyGlobalObject.modelExample.publicMethod(); //return 'Init'; }; $private.privateMethod = function() { return 'Private method'; }; return $public; } window.MyGlobalObject = window.MyGlobalObject || {}; window.MyGlobalObject.controllerExample = controllerExample(); })( window, document ); modelExample.js ;(function( window, document, undefined ) { 'use strict'; function modelExample() { var $private = {}; var $public = {}; $private.privateVar = 'private var'; $public.publicMethod = function() { buildAppInfo(); //return 'Init in Model'; }; $private.privateMethod = function() { return 'Private method'; }; return $public; } window.MyGlobalObject = window.MyGlobalObject || {}; window.MyGlobalObject.modelExample = modelExample(); })( window, document ); ajax let buildAppInfo = () => { let url = 'app.json'; let xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { if (xhr.status = 200) app = JSON.parse(xhr.responseText); console.log(app); } } xhr.send(); };
  10. As 7 linguagens de programação que você deve aprender em 2020
  11. Rodrigo Biaggio

    Percorrer Array

    Senhores, conseguem me ajudar a evoluir na questão abaixo?? Tenho esse código simples, aonde chamo uma API e percorro um array e pego apenas um campo e faço a soma. Só que preciso retornar além do campo "consumedHostUnits" e o campo "name", conforme print. Alguém poderia me dar uma luz, como fazer isso? O resultado seria mostrando Name: APIGateway | ConsumedHostsUnits: 2 Segue o HTML: <!DOCTYPE html> <html lang="pt-br"> <title>API Management</title> <head> <meta charset="8"> </head> <body> <script> var urlapi = ''; function fazerRequisicao(){ var url = urlapi + document.getElementById('hostgroup').value; //var url = urlapi; var xhttp = new XMLHttpRequest(); xhttp.open("GET", url, false); xhttp.send(); var arrayElements = xhttp.responseText.split(','); var i; var sumComsumed = 0.0; for (i = 0; i < arrayElements.length; i++) { if(arrayElements[i].includes("consumedHostUnits")) { sumComsumed = sumComsumed + +arrayElements[i].split(":")[1]; } } document.getElementById("div-responsetext").innerHTML = sumComsumed; } </script> <button onclick="fazerRequisicao();">Pesquisar</button> <input type="text" id="hostgroup" style="width: 100px;"> <hr/> <div id="div-responsetext"></div> </body> </html> Obrigado.
  12. Salve galera, estou quebrando a cabeça aqui, já pesquisei mas não achei nada sobre. Eu tenho alguns dados que busco no banco de dados e mostro em um datagrid, além do CRUD que implantei eu preciso ter a opção de mudar as posições no banco. Preciso fazer isso pois elas são informações que vão para um telão. e ele segue uma ordem na mostragem dos dados. Teria alguma forma de arrastar a linha do grid e assim ele mudar o ID do mesmo conforme a posição que ficaria e assim os outros também seriam atualizados? Como exemplo segue uma imagem de como ele funciona. por exemplo eu movimento o ID 1 na posição abaixo do ID 3, assim o ID 2 e 3 se tornariam 1 e 2 com essa movimentação e o que era 1 se torna 3. Agradeço qualquer ajuda que puder.
  13. juliosertori

    Ação Onkeyup com atraso de 1 ação!

    Olá boa noite, tudo bem galera? Tenho um input: <input type="text" value="0" name="qtdProds" id="qtdProds" class="form-control" onkeyup="atualizaTotalPrecos(this);" required /> E quando ele está ONBLUR, funciona o seguinte script: function atualizaTotalPrecos(sel){ var nameInput = sel.name; var IdNameProds = parseInt(nameInput.match(/\d/g).join('')); var valor = $('input[name="produtos_pdv['+IdNameProds+'][qtdProds]"]').val(); var custo = $('input[name="produtos_pdv['+IdNameProds+'][custoProds]"]').val(); var totalCusto = valor*custo; $("[name='produtos_pdv["+IdNameProds+"][custoTotalProds]']").val(totalCusto); //$("[name='totalPedidoDesconto']").val(totalCusto); var descontoPedido = $("#descontoPedido").maskMoney('unmasked')[0]; var total = 0; $('.somaTotal').each(function(){ var valor = Number($(this).val()); if (!isNaN(valor)) total += valor; }); var totalDescontado = total - descontoPedido; //alert(totalDescontado); $(".SomaTotalPrecos").maskMoney('mask', total); $(".totalpedidos").maskMoney('mask', totalDescontado); //////////////// var totalCusto = 0; $('.somaCustoTotal').each(function(){ var valor = Number($(this).val()); if (!isNaN(valor)) totalCusto += valor; }); $(".SomaTotalCustos").maskMoney('mask', totalCusto); }; Onde atualizo o campo .SomaTotalPrecos, funciona perfeitamente. Mas quando troco para Onkeyup, e inserir 1 por exemplo, primeiro ele preenche o campo com 0, e da segunda vez, ele atualiza para a primeira vez, ou seja, 1. Ex: coloco o valor de R$ 10,00 e na quantidade coloco 1, ele preenche o campo com 0, depois se insiro 2, ai ele preenche o campo com a quantidade anterior, ou seja 1xR$ 10,00
  14. Tenho um código que aparentemente estaria certo porém ele "trava" e não mostra os resultados. Creio que o problema está na parte de "buscar" o json apenas. Segue o código: <style>.carregando{color:#666;display:none;}</style> <div class="col-md-7"> <label for="empreendimento">Escolha o empreendimento</label> <select name="empreendimento" class="form-control" required="" id="empreendimento"> <option value="">-- Escolha um empreendimento --</option> <?php $sqlVs = "SELECT `id`,`nm` FROM `empreend` WHERE `dis`='1' ORDER BY `nm` ASC"; $queryVs = mysqli_query($link, $sqlVs); $total = mysqli_num_rows($queryVs); if ($total > 0){ while($r = mysqli_fetch_array($queryVs)){ $id = $r['id']; $nm = $r['nm']; echo '<option value="'.$id.'">'.$nm.'</option>'; } } else { echo '<option value="0">Não há empreendimentos disponíveis</option>'; } ?> </select> </div> <div class="col-md-5"> <label for="unidades">Unidade</label> <span class="carregando">Aguarde, carregando...</span> <select name="unidades" id="unidades" class="form-control" required=""> <option value="">-- Escolha uma unidade --</option> </select> </div> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('jquery', '1.3'); </script> <script type="text/javascript"> $(function(){ $('#empreendimento').change(function(){ if( $(this).val() ) { $('#unidades').hide(); $('.carregando').show(); $.getJSON('ajax/busca_emp.php?search=',{empreendimento: $(this).val(), ajax: 'true'}, function(j){ var options = '<option value=""></option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].id + '">' + j[i].nm + '</option>'; } $('#unidades').html(options).show(); $('.carregando').hide(); }); } else { $('#unidades').html('<option value="">– Escolha um empreendimento –</option>'); } }); }); </script> if(!empty($_GET["search"])) { $empreendimento = trim($_GET["search"]); $empreendimento = mysqli_real_escape_string($link, $empreendimento); $unidades = array(); $sqlVs = "SELECT `id`,`nm` FROM `empreendimento` WHERE `id`='$empreendimento' ORDER BY `nm` ASC"; $queryVs = mysqli_query($link, $sqlVs); $total = mysqli_num_rows($queryVs); if ($total > 0){ while($r = mysqli_fetch_array($queryVs)){ $unidades[] = array( 'id' => $r['id'], 'nm' => $r['nm'], ); } } echo( json_encode( $unidades ) ); } else { echo 'vazio'; } Ele trava e fica apenas mostrando: Aguarde, carregando... Olhei o json e ele está recuperando: [{"id":"1","nm":"Condominio"}]
  15. OLÁ, gostaria de pegar os valores desses input e enviar no formulario apenas por um unico input hidden, um input com id diferente. Meu codigo está assim, gostaria de saber se é isso mesmo ou o que falta. input class="gp_input_grid" id="cod1" name="cod1" autofocus onKeyUp="javascript:pulacampo('cod1','cod2')" maxlength="1" type="tel" value=""> input class="gp_input_grid" id="cod2" name="cod2" maxlength="1" onKeyUp="javascript:pulacampo('cod2','cod3')" type="tel" value="" input class="gp_input_grid" id="cod3" name="cod3" maxlength="1" onKeyUp="javascript:pulacampo('cod3','cod4')" type="tel" value=""> input class="gp_input_grid" id="cod4" name="cod4" maxlength="1" onKeyUp="javascript:pulacampo('cod4','cod5')" type="tel" value="" input class="gp_input_grid" id="cod5" name="cod5" maxlength="1" onKeyUp="javascript:pulacampo('cod5','cod6')" type="tel" value="" input class="gp_input_grid" id="cod6" name="cod6" maxlength="1" onKeyUp="javascript:pulacampo('cod6','pulou')" type="tel" value="" input type="hidden" name="dados" id="dados" value="<?=$_POST['cod1']; ?><?=$_POST['cod2']; ?><?=$_POST['cod3']; ?><?=$_POST['cod4']; ?>" GOSTARIA DE SABER SE É ISSO MESMO, OU O QUE FALTA.
  16. Boa tarde! Preciso de ideia ou até exemplo de algum código que simule o funcionamento das camadas de rede segundo o modelo OSI. Tenho um projeto e a ideia é apresentar as informações deste modelo sem que pareça um slide. Exemplo: Desenvolvemos um PHP um código que simula o envio da mensagem e a detecção de erros pelo método CRC. Estava pensando em algum código que pudesse animar algum objeto do meu site, tipo, fazer ele passar de camada em camada com uma explicação. Desde já, grato! Aqui algumas imagens de como estamos fazendo: (ainda se parece com um slide)
  17. cancela adm, aprova n, ja resolve em partes o problem
  18. Olá Galera, tenho um script no meu site que ele alterar a folha css. porém, está demorando muito para carregar a pagina e ao observar vi que há alguns erros que não entendi muito bem. function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } function getActiveStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title"); } return null; } function getPreferredStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("rel").indexOf("alt") == -1 && a.getAttribute("title") ) return a.getAttribute("title"); } return null; } function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } window.onload = function(e) { var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); } window.onunload = function(e) { var title = getActiveStyleSheet(); createCookie("style", title, 365); } var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); Este é o aqui jascript que esta dando erro na página. HTML apresentado na página: <!-- // CSS STYLE --> <link href="https://holasoycael.github.io/style.roh.css" rel="stylesheet" type="text/css"/> <link href="https://holasoycael.github.io/style.en.roh.css" media="all" rel="stylesheet" title="default" type="text/css"/> <link href="https://holasoycael.github.io/style.pt.roh.css" media="all" rel="stylesheet" title="pt" type="text/css"/> <link href="https://holasoycael.github.io/style.es.roh.css" media="all" rel="stylesheet" title="es" type="text/css"/> <!-- // URL SELECT CSS STYLE --> <a href="javascript:void(0);" onclick="setActiveStyleSheet('default'); return false;"><strong>English</strong></a> <a href="javascript:void(0);" onclick="setActiveStyleSheet('es'); return false;"><strong>Español</strong></a> <a href="javascript:void(0);" onclick="setActiveStyleSheet('pt'); return false;"><strong>Português</strong></a> Me ajude por favor!
  19. Estou com problema para resolver este código e fico grato se alguém puder corrigir ou indicar uma solução Primeiro efetuo a soma de vários campos e mostro o subtotal em outro input. Depois pego este valor e aplico diferentes equações só está funcionando se eu colocar pra aparecer em múltiplos campos. javascript que preciso corrigir: subtotal=""; // valor soma dos campos de id e name="subtotal" function simular (); if(subtotal <= 1000){ var num1 = Number (document.getElementById("subtotal").value; var num2 = Number (document.getElementById("subtotal").value; document.getElementById("resultado").value = parseFloat ( nun1+ num2). toFixed (2); } else if (subtotal >=1001 && subtotal <=2000){ var num1 = Number (document.getElementById("subtotal").value; var num2 = Number (document.getElementById("subtotal").value; document.getElementById("resultado").value = parseFloat ((nun1 * 0.10 + nun1)+ num2). toFixed (2); } else if (subtotal >=2001 && subtotal <= 3000){ var num1 = Number (document.getElementById("subtotal").value; var num2 = Number (document.getElementById("subtotal").value; document.getElementById("resultado").value = parseFloat ((nun1 * 0.20 + nun1)+ num2). toFixed (2); } else if(subtotal > 3001){ var num1 = Number (document.getElementById("subtotal").value; var num2 = Number (document.getElementById("subtotal").value; document.getElementById("resultado").value = parseFloat ((nun1 * 0.30+ nun1)+ num2). toFixed (2); }else{ console.log("Dados incorretos"); } Preciso que seja mostrado em um único input "resultado'''''''' Agradeço se alguém puder me ajudar a resolver mesmo com uma pequena dica.
  20. gildasio

    Digitar só números 2

    <script>function VerificarTeclas(tecla){if(tecla > 47 && tecla < 58) {return true;}else {if (tecla != 8 && tecla != 13 && tecla != 37 && tecla != 38 && tecla != 39 && tecla != 40 && tecla != 46) {return false;}else {return true;}}}</script><input type="text" onKeyDown="return VerificarTeclas(event.keyCode)"> Gostei deste código, mas se você apertar Shift + !@#$, ele aceita, quero que bloquei tudo, só podendo digitar números.
  21. Neste vídeo aprenda a instalar várias versões do Node.js usando o NVM. Linux: https://github.com/nvm-sh/nvm Windows: https://github.com/coreybutler/nvm-windows
  22. RSN

    Imprimir div

    Boa tarde, Gostaria de criar uma função para imprimir uma div específica de uma pagina, ao clicar no botão submit.
  23. Srs sou principiante na Linguagem Javascript e estou tendo dificuldades em implementar um projeto, peço ajuda . Neste projeto crio dinamicamente com Javascript polylines dentro de um SVG, cada polyline e criada com duas Classes (draggable e tooltip), a Class draggable é reconhecida normalmente, mas a tooltip não é reconhecida, quando a tag polyline com as classes é adicionada normalmente dentro do index funciona corretamente. abaixo códigos do projeto: Função ocultar polyline: let valor; let checagem; function teste(checkbox) { valor = checkbox.value; checagem = checkbox.checked; } function ocultar(){ let polyline = document.getElementsByTagName("polyline"); let equipe = document.getElementsByName("equipe"); if(checagem === true){ for(j=0;j<polyline.length;j++){ if(polyline[j].getAttribute("name")=== valor){ polyline[j].setAttributeNS(null, "visibility", "hidden"); } } } if(checagem ===false){ for(j=0;j<polyline.length;j++){ if(polyline[j].getAttribute("name")===valor){ polyline[j].setAttributeNS(null, "visibility", "visible"); } } } } <!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"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="_css/estilo_principal.css"> <script src="js/arrastar.js"></script> <script src="js/tooltip.js"></script> <script src="js/ocultar.js"></script> <title>Painel Diagrama</title> </head> <body> <div id="painel"> <input type="button" value="Desenhar" onclick="criarlinha()"/> <div id="itens" class="w3-container"> <div class="w3-dropdown-hover"> <input type="button" id="equipe-1" value="Equipes" title="Selecione uma Equipe para oculta-lá"/> <div class="w3-dropdown-content w3-bar-block w3-border"> <ul id="equipes"> </ul> </div> </div> </div> </div> <div id="diagrama" > <svg id="tela" width="14800px" height="2640px" viewBox="0 0 14800 2640" onload="makeDraggable(evt); tooltip(evt)"> <g id="tooltip" visibility="hidden" > <rect x="2" y="2" width="80" height="85" fill="black" opacity="0.4" rx="2" ry="2"/> <rect width="80" height="85" fill="grey" rx="2" ry="2"/> <text x="4" y="6">Tooltip</text> <line x1="2" y1="23" x2="170" y2="23" stroke="black" stroke-width="2"></line> <text x="4" y="26">Tooltip</text> <line x1="2" y1="43" x2="170" y2="43" stroke="black" stroke-width="2"></line> <text x="4" y="46">Tooltip</text> <line x1="2" y1="63" x2="170" y2="63" stroke="black" stroke-width="2"></line> <text x="4" y="66">Tooltip</text> </g> <polyline class="draggable tooltip" name="teste" points="885 980 1200 980" stroke="green" stroke-width="10" fill="none" equipe="Equipe: Teste" os="os: 27493/2019" trecho="Trecho: Teste1" fiscal="Fiscal: Fulano de Tal"/> </svg> </div> <script src="js/linhasvg.js"></script> </body> </html> Função tooltip: function tooltip(evt) { var svg = document.getElementById('tela'); var tooltip = svg.getElementById('tooltip'); var tooltipText = tooltip.getElementsByTagName('text')[1]; var tooltipText1 = tooltip.getElementsByTagName('text')[0]; var tooltipText2 = tooltip.getElementsByTagName('text')[2]; var tooltipText3 = tooltip.getElementsByTagName('text')[3]; var tooltipRects = tooltip.getElementsByTagName('rect'); var triggers = svg.getElementsByClassName('tooltip'); var line = svg.getElementsByTagName('line'); for (var i = 0; i < triggers.length; i++) { triggers[i].addEventListener('mousemove', showTooltip); triggers[i].addEventListener('mouseout', hideTooltip); } function showTooltip(evt) { var CTM = svg.getScreenCTM(); var x = (evt.clientX - CTM.e + 6) / CTM.a; var y = (evt.clientY - CTM.f + 20) / CTM.d; tooltip.setAttributeNS(null, "transform", "translate(" + x + " " + y + ")"); tooltip.setAttributeNS(null, "visibility", "visible"); tooltipText.firstChild.data = evt.target.getAttributeNS(null, "equipe"); tooltipText1.firstChild.data = evt.target.getAttributeNS(null, "os"); tooltipText2.firstChild.data = evt.target.getAttributeNS(null, "trecho"); tooltipText3.firstChild.data = evt.target.getAttributeNS(null, "fiscal"); var length = tooltipText.getComputedTextLength(); for (var i = 0; i < tooltipRects.length; i++) { tooltipRects[i].setAttributeNS(null, "width", length + 15); line[i].setAttributeNS(null,"x2",length + 15) } } Função linhasvg: let svg = document.querySelector("svg"); let status = true; function criarlinha(){ let linha = document.createElementNS("http://www.w3.org/2000/svg","polyline"); let pontos = []; let equipes = document.getElementsByTagName("li") let equipe = prompt("Informe o nome do Setor.") let checar = document.getElementsByClassName("equipe") for (let i = 0; i < 4; i ++ ){ pontos.push(Number(prompt("Informe os valor"))); } linha.setAttribute("class","draggable tooltip"); linha.setAttribute("name",equipe); linha.setAttribute( "points", pontos); linha.setAttribute("fill", "none"); linha.setAttribute("stroke","green"); linha.setAttribute("stroke-width", 6); linha.setAttribute("equipe",equipe) linha.setAttribute("os","2997/2019") linha.setAttribute("trecho","POA/CVN") linha.setAttribute("fiscal","Fiscal: Fulano de Tal") svg.appendChild(linha); pontos = []; let quantidade_li = equipes.length if (quantidade_li > 0) { for (let i = 0; i < checar.length; i++) { if ( checar[i].value === equipe){ status = false; } } } if(status !== false){ let lis; let ul = document.getElementById("equipes"); let l1 = document.getElementsByTagName("li"); let li = document.createElement("li"); let span = document.createElement("span"); var input = document.createElement("input"); input.type ="checkbox"; input.value = equipe; input.className="equipe"; input.name="equipe"; input.setAttribute("onclick","teste(this), ocultar()") span.innerText= equipe; ul.appendChild(li); if (l1.length > 0) { lis = l1.length - 1; } else{ lis = l1.length; } l1[lis].appendChild(span); l1[lis].before(input, span); } let item = document.getElementsByClassName("equipe") let poly = document.getElementsByTagName("polyline") for (let i = 0; i < item.length;i++){ for(j = 0; j < poly.length; j++){ if (item[i].attributes[1].value === poly[j].attributes[1].value){ if(item[i].checked === true){ poly[j].setAttribute( "visibility", "hidden") } } } } } Função arrastar: function makeDraggable(evt) { let svg = evt.target; svg.addEventListener('mousedown', startDrag); svg.addEventListener('mousemove', drag); svg.addEventListener('mouseup', endDrag); svg.addEventListener('mouseleave', endDrag); svg.addEventListener('touchstart', startDrag); svg.addEventListener('touchmove', drag); svg.addEventListener('touchend', endDrag); svg.addEventListener('touchleave', endDrag); svg.addEventListener('touchcancel', endDrag); svg.addEventListener('click', clicar); function getMousePosition(evt) { let CTM = svg.getScreenCTM(); if (evt.touches) { evt = evt.touches[0]; } return { x: (evt.clientX - CTM.e) / CTM.a, y: (evt.clientY - CTM.f) / CTM.d }; } let selectedElement, offset, transform; function startDrag(evt) { if (evt.target.classList.contains('draggable')) { selectedElement = evt.target; offset = getMousePosition(evt); // Make sure the first transform on the element is a translate transform let transforms = selectedElement.transform.baseVal; if (transforms.length === 0 || transforms.getItem(0).type !== SVGTransform.SVG_TRANSFORM_TRANSLATE) { // Create an transform that translates by (0, 0) let translate = svg.createSVGTransform(); translate.setTranslate(0, 0); selectedElement.transform.baseVal.insertItemBefore(translate, 0); } // Get initial translation transform = transforms.getItem(0); offset.x -= transform.matrix.e; offset.y -= transform.matrix.f; } } function drag(evt) { if (selectedElement) { evt.preventDefault(); let coord = getMousePosition(evt); transform.setTranslate(coord.x - offset.x, coord.y - offset.y); } } function clicar(evt) { if (selectedElement) { evt.preventDefault(); let coord = getMousePosition(evt); transform.setTranslate(coord.x - offset.x, coord.y - offset.y); } alert("X= " + getMousePosition(evt).x + " Y= " + getMousePosition(evt).y) } function endDrag(evt) { selectedElement = false; } } Estilo estilo_principal: @charset "utf-8"; svg#tela{ background: url("_imagens/diagrama.png") no-repeat; } div#diagrama{ position: absolute; border: 2px solid black; top: 180px; left: 30px; width: 95%; height: 80%; overflow: auto; } div#painel{ position: absolute; border: 1px solid black; padding: 10px; left: 30px; } div#painel input{ text-align: center; } input#equipe-1{ width: 150px; margin-left: -10px; } div#itens{ float: right; width: 165px; } .equipe{ margin-left: 5px; } span{ margin-left: 5px; } ul#equipes{ padding-left: 0px; padding-top: -15x; } ul#equipes li{ list-style: none; padding: 1px; } svg text{ fill: white; } #tooltip { dominant-baseline: hanging; } .draggable{ cursor: move; } Desde já agradeço a atenção e colaboração.
  24. Tenho as tabelas 'orders' e 'orders_items'. Quando o cliente faz o pedido no site, com nome, endereço, telefone etc, os dados vão para a tabela orders, já os produtos que o cliente pediu vão para a tabela 'orders_items'. A forma que achei de saber qual pedido é de qual cliente, foi dando um id para cada pedido, e inserindo esse mesmo id em ambas tabelas. Agora estou há fazer um painel administrativo para ter uma melhor visibilidade dos pedidos. O que eu fiz no painel, foi exibir todos os pedidos com as informações, e ao lado de cada pedido um botão que exibirá os produtos pedidos por aquele usuário, inclusive vou deixar imagem de como está. Só que quando eu clicar em produtos, mostre somente os produtos comprados por aquele usuário, que como eu disse anteriormente está 'controlado por ID pedido'. Então quero pegar os dados da tabela 'orders_items' relacionados ao tal cliente, me perdoem se não expliquei direito, mas acredito que dê para entender. <body> <!-------------------------------- PEDIDOS -------------------------> <div class="table-responsive mt-2"> <table class="table table-bordered table-striped text-center"> <thead> <tr> <td colspan="8"> <h4 class="text-center text-info m-0">Pedidos realizados</h4> </td> </tr> <tr> <th>ID pedido</th> <th>Nome cliente</th> <th>E-mail</th> <th>Endereço</th> <th>Número da casa</th> <th>Referência</th> <th>ID cliente</th> <!------ REMOVER TODOS ITENS DO CARRINHO -----> <!------ FIM REMOVER TODOS ITENS DO CARRINHO -----> </tr> </thead> <tbody> <?php require 'conexao_pedidos.php'; $stmt = $conn->prepare("SELECT * FROM orders"); $stmt->execute(); $result = $stmt->get_result(); $grand_total = 0; while($row = $result->fetch_assoc()): ?> <tr> <td> <?= $row['order_id'] ?></td> <!-- ID do produto do BD para o carrinho --> <td> <?= $row['order_name'] ?></td> </td> <td><?= $row['order_email'] ?> </td> <td> <?= $row['order_endereco'] ?> </td> <td> <?= $row['order_numero'] ?> </td> <!---- Aumentar ou Diminuir a quantidade do produto -----> <td><?= $row['order_referencia'] ?></td> <!---- Aumentar ou Diminuir a quantidade do produto -----> <!---- Fim Aumentar ou Diminuir a quantidade do produto -----> <td><?= $row['id_usuario'] ?> </td> <!-- preço total do carrinho --> <!------- REMOVER ITEM DO CARRINHO ------> <td> <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal"> <i class="fa fa-info-circle"></i> Produtos </button> </td> <!------- FIM ITEM REMOVER DO CARRINHO -------> </tr> <?php endwhile; ?> </tbody> </table> </div>
×

Important Information

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