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


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 2533 results

  1. Blasius

    Retorno nulo de valores

    Olá pessoal. Estou treinando códigos em js e quero fazer uma calculadora; a ideia é a seguinte: o usuário coloca os números no input, e escolhe qual operação ele quer em um select. Porém o js sempre me retorna o valor 0, ja revisei o código muitas vezes e não encontro o erro. ---------------------------------- HTML--------------------------------------------------- <body> <h1> Calculadora </h1> <p> Digite um número: <input type="number" id="valor1" name="nValor1"> </p> <select id="operador"> <option value="vezes" id="multiplicacao"> vezes * </option> </select> <p>Digite um número: <input type="number" id="valor2" name="nValor2"> </p> <input type="submit" value="calcular" onclick="calcular()"> // obs** com o type="button" também não funcionou <div id="divRes"> Aqui vai o resultado! </div> <script src="calculadora.js"> </script> </body> ----------------------------------------------------------------- JAVASCRIPT ------------------------------------------------------------------ let v1 = document.getElementById('valor1'); let valor1 = Number(v1.value) let v2 = document.getElementById('valor2'); let valor2 = Number(v2.value) let operador = document.getElementById('operador').selectedIndex; let divRes = document.getElementById('divRes') function calcular(){ let resultado = " " if (document.getElementById("multiplicacao").selected = true ) { resultado = (valor1 * valor2) divRes.innerHTML= `${resultado}` console.log(typeof valor1, typeof valor2, typeof resultado) // todos retornam number } else { alert ('teste') } }
  2. Olá, pessoal! Estou tentando criar um menu que, quando rola o scroll, ele muda (diminui o height e adiciona um background). Porém, aparentemente, nenhum código js tá funcionando... já tentei bastante coisa. Um dos tutoriais que usei: https://www.anicasagrande.com.br/menu-fixo-no-topo-que-muda-cor-com-rolagem/ Como fiz: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script type="text/javascript"> (function () { var menu = document.getElementById('menuone'); // colocar em cache window.addEventListener('scroll', function () { if (window.scrollY > 50) menu.classList.add('menutwo'); // > 0 ou outro valor desejado else menu.classList.remove('menutwo'); }); })(); </script> <div class="menuone"> <nav class="menufixo"> <div class="menucenter"> <ul class="menu"> <li class="logomenu"><img class="iconmenu" src="images/logotipo-amarelo.png" width="105px" height="100%"/></li> <li class="menulinks"><a class="botoesmenu" href="#">Home</a></li> <li class="menulinks"><a class="botoesmenu" href="#">Serviços</a></li> <li class="menulinks"><a class="botoesmenu" href="#">Portfólio</a></li> <li class="menulinks"><a class="botoesmenu" href="#">Quem somos</a></li> <li class="menulinks"><a class="botoesmenu" href="#">Contato</a></li> </ul> </div> </nav> </div> <div class="menutwo"> <nav class="menususpenso"> <div class="menucentertwo"> <ul class="menut"> <li class="logomenut"><img class="iconmenut" src="images/Isotipo-amarelo.png" width="38px" height="100%"/></li> <li class="menulinkst"><a class="botoesmenut" href="#">Home</a></li> <li class="menulinkst"><a class="botoesmenut" href="#">Serviços</a></li> <li class="menulinkst"><a class="botoesmenut" href="#">Portfólio</a></li> <li class="menulinkst"><a class="botoesmenut" href="#">Quem somos</a></li> <li class="menulinkst"><a class="botoesmenut" href="#">Contato</a></li> </ul> </div> </nav> </div> /* Menu settings before scrolling */ .menuone { display: block; } .menufixo { padding: 1px; margin: 10px -8px -8px -8px; position: fixed; top: 5; left: 2; width: 100%; } .menucenter { width: 1200px; margin: 0 auto; } .menu { text-transform: uppercase; list-style: none; } .logomenu { margin-right: 500px; display: inline-block; } .iconmenu { margin: -15px; } .botoesmenu { color: #f7c620; font-family: 'Bahnschrift Light', sans-serif; text-decoration: none; transition: color 1s; padding: 10px; } .botoesmenu:hover { color: #fff; } .menulinks { color: #fff; display: inline-block; margin: 8px; } /* Menu settings after scrolling */ .menutwo { display: block; } .menususpenso { padding: 1px; margin: 0px -8px; position: fixed; top: 5; left: 2; width: 100%; background: #8c05bd; } .menucentertwo { width: 1200px; margin: 0 auto; } .menut { text-transform: uppercase; list-style: none; } .logomenut { margin-right: 500px; display: inline-block; } .iconmenut { margin: -13px; } .botoesmenut { color: #f7c620; font-family: 'Bahnschrift Light', sans-serif; text-decoration: none; transition: color 1s; padding: 10px; } .botoesmenut:hover { color: #fff; } .menulinkst { color: #fff; display: inline-block; margin: 0 8px; } Perdão pelos códigos grandes. Gostaria muito de uma orientação pra conseguir fazer, mas queria muito manter a atual estilização do menu.
  3. Eu estou fazendo um projeto de CRUD consumindo uma API Restfull com banco de dados mongoDB para uma teste de vaga de emprego, eu fiz a aplicação e ela roda sem erros nenhum, porém ao adicionar o registro do post ele não está adicionando o registro no banco de dados? Eu não consegui realmente encontrar o erro do por que isto está acontencendo ou por que? eu gostaria muito de alguém me ajudasse. https://github.com/brunopeople/Teste-RedFox-Full-Stack
  4. Opa, beleza? Tenho uma dúvida, a algum tempo tento e não consegui. Tenho no meu site uma agenda (full calendar), e gostaria de que meus clientes que acessam, possam sincronizar sua agenda do google com a do meu site. Só consegui de uma forma, deixando minha agenda google pública e informando o id no script. Mas imagino que tenha uma forma, como o sign-in com google, onde há permissões, etc. Será que alguém conhece algum material/algo que possa me ajudar? Abs, Agradeço!
  5. Preciso chegar no resultado da imagem. se puderem me ajudar, ficarei muito grato. javascript css
  6. 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!
  7. 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!
  8. 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>
  9. 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.
  10. 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.
  11. 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.
  12. 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'); } });
  13. 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(); };
  14. As 7 linguagens de programação que você deve aprender em 2020
  15. 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.
  16. 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.
  17. 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
  18. 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"}]
  19. 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.
  20. 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)
  21. cancela adm, aprova n, ja resolve em partes o problem
  22. 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!
  23. 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.
  24. 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.
  25. 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
×

Important Information

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