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

  1. Galera to com uma duvida aqui, no javascript é possível fazer uma função dentro de outra e uma acessar os valores de uma var da outra? Por exemplo digamos que eu tenha uma function a() e uma function b(), eu preciso que a function a utilize valores de variáveis que estarão na function b, se isto for possível a função b terá que estar dentro de a ou seria ao contrario?
  2. israel@iproduce.com.br

    Motion Designer

    Olá, Boa noite! Tenho algumas vagas para motion (basicamente banner de internet animado e vinhetas para redes sociais) para a cidade do Rio de Janeiro. As vagas são temporárias (6 meses), podendo ocorrer a efetivação nesse período. É necessário estar alocado no escritório no Rio. Conhecimento avançado em: Adobe Animate CC, Google Web Designer, After Effects. Além destes programas é um diferencial conhecer a linguagens: HTML5, CSS3 e Javascript. Tem interesse ou conhece alguém que esteja precisando? Então manda o seu portifólio e CV para no e-mail: freela@iproduce.com.br Boa sorte!
  3. Vinicius Bazan

    Como chamar uma função JS

    Sou leigo ainda no Java Script e não manjo de muita coisa ainda, eu preciso fazer uma função que que deve ser executada na pagina HTML, eu crio a função dentro da tag <script> na <head> do html, mas como eu chamo essa função no momento que eu precisar no <body>, o que eu devo digitar pro código saber que ali deve executar a função?
  4. Boa tarde!!! Por favor como faço para marcar um checkbox e ai marca automaticamente um campo radio? Obrigado
  5. Eu selecionei um elemento e adicionei a classe ativo nele, agora não estou conseguindo remover a classe quando eu seleciono outro elemento const article = document.getElementById(id); article.classList.add('ativo'); Eu preciso remover a classe ativo quando eu clicar em outro elemento article, como faço isso?
  6. Galera, seguinte. Estou tentando criar um evento em javascript que funciona da seguinte maneira; existem 5 checkbox na tela, ao selecionar dois checkbox os outros irão travar e não permitir o clique, se o usuário clicar novamente retirando a seleção de algum dos que foi selecionado ele volta a habilitar. Até então o código funciona blz, porém agora eu preciso fazer com que os dois primeiros checkbox contém como um único clique, ou seja, são 2 checkbox para travar, porém se eu selecionar o primeiro e o segundo eles contam como um, então eu o usuário poderia realizar outro clique em algum checkbox e ficariam 3 checkbox selecionados, porém isso só se aplica aos dois primeiros checkbox, caso não sejam eles é apenas dois cliques, se eles forem clicados o usuário pode escolher mais uma opção. o código atual está assim: <script type="text/javascript"> (function(){ "use strict"; var marcados = 0; var verifyCheckeds = function($checks) { if( marcados>=2 ) { loop($checks, function($element) { $element.disabled = $element.checked ? '' : 'disabled'; }); } else { loop($checks, function($element) { $element.disabled = ''; }); } }; var loop = function($elements, cb) { var max = $elements.length; while(max--) { cb($elements[max]); } } var count = function($element) { return $element.checked ? marcados + 1 : marcados - 1; } window.onload = function(){ var $checks = document.querySelectorAll('input[type="checkbox"][name="modalidades[]"]'); loop($checks, function($element) { $element.onclick = function(){ marcados = count(this); verifyCheckeds($checks); } if($element.checked) marcados = marcados + 1; }); verifyCheckeds($checks); } }()); </script> Quem conseguir me ajudar eu agradeço, preciso muito desse código rodando.
  7. Vinicius Bazan

    Contador

    Bom dia, Boa tarde e Boa noite! Estava eu aqui brincando um pouco com JS para entender um pouco melhor essa linguagem, pois eu preciso fazer um relógio em uma pagina HTML e um contador que aumente seu número em +1 de tempos em tempos ( no caso eu estava testando em aumentar a cada 5 segundos, considerando que esse número não vai começar do 0, pois ele teria que pegar todos os segundos que já se passaram nesse dia e dividir por 5, assim seu resultado inteiro seria exibido). O relógio com bastante esforço e pesquisa eu consegui fazer e está funcionando, até aqui sem dificuldades, o real problema está no contador, eu fui testar sem colocar um setInterval só para ver se o número aparece na tela e... NADA! Então como eu não manjo de JS e tentei fazer a partir do que eu usei pra fazer o relógio eu devo ter errado feio em muita coisa. <!DOCTYPE html> <html> <head> <title>javascript</title> <meta charset="utf-8"> <script type="text/javascript"> function relogio() { var data = new Date(); var horas = data.getHours(); var minutos = data.getMinutes(); var segundos = data.getSeconds(); if (horas < 10) { horas = "0"+horas; } if (minutos < 10) { segundos = "0"+minutos; } if (segundos < 10) { segundos = "0"+segundos; } document.getElementById("relogio").innerHTML=horas+":"+minutos+":"+segundos; } window.setInterval("relogio()",1000); // Aqui começa a função que eu tentei fazer para o contador function contador() { var data = new Date(); var horas = data.getHours(); var minutos = data.getMinutes(); var segundos = data.getSeconds(); var cont = ((minutos + (horas * 60))*60) + segundos ; document.getElementById("contador").innerHTML= Math.floor(cont/5); } </script> <style type="text/css"> #relogio { font:bold 28pt arial; display: block; margin: 100px auto; padding: 30px; background-color: #FFFF00; width: 150px; border-radius: 6px; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); } #contador { font:bold 28pt arial; display: block; margin: 100px auto; padding: 30px; background-color: #FFFF00; width: 150px; border-radius: 6px; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); } </style> </head> <body onload="relogio();"> <div id="relogio"> </div> <hr> <div id="contador"> </div> </body> </html> Se alguém puder me ajudar eu agradeço!
  8. Oii, fala ae pessoal!! Alguém pode me ajudar com uma coisa por favor?; Seguinte!, eu anteriormente fiz uma pergunta aqui no fórum recorrente a isso, mas eu conseguir uma solução parcial. Que era, fazer uma listagem de todos os cadastros e fazer a junção dos cadastros com uma coluna igual, Ou seja existem duas colunas [DE e Para], que recebem o id de quem está recebendo ou que está enviando a mensagem, eu conseguir fazer a tal listagem por grupo mas o problema que estou tendo é: que so faz o agrupamento de as colunas contiver o id por ex: [De = "1" e Para ="2"]. Atualmente estou usando a codificação deste Jeito: $sql_2 = $db -> prepare("SELECT * FROM privado WHERE (Para = '$Meu_id') Or (De = '$Meu_id') GROUP BY Para, De DESC"); $sql_2 -> execute(); Esta consulta como pode ver ele busca todos os cadastros que tenha o meu ID ou seja do usuário online!, Após a consulta ele vei obter em um "while" somente o [ Id_De eo Id_Para ] desta forma: while($dados_2 = $sql_2 -> fetch(PDO::FETCH_OBJ)){ $Id_De = ($dados_2 -> De); $Id_Para = ($dados_2 -> Para); } Mas em fim eu gostaria de saber como mostrar somente um resultado ou seja o ultimo resultado que tiver o meu ID em ambas colunas [ Id_De ou Id_Para ]. Antes de vocês me recomendar a função DESC LIMIT 'valor' saiba eu quero que liste todos os usuários que enviou ou recebeu minha mensagem não somente 1 ou seja se eu mandar um mensagem para o usuário 2 e ele me retornar uma mensagem vai mostrar somente o ultimo registro que tenha o meu ID e o id dele. Atenciosamente, ~Ronaldo
  9. Tenho o seguinte trecho de código: #anima { width:600px; height:300px; margin:auto; animation: banner 10s infinite; } @keyframes banner { 0%, 33% { background:#009; } 34%, 66% { background:#C00; } 67%, 100% { background:#390; } } No HTML tenho uma div com id=anima. Esse código faz a cada 3 segundos mudar a cor dessa div, tipo como se fosse um slide show. O que eu preciso fazer, é colocar 3 botões, cada botão mudando pra uma cor. Cada botão mudando pra um pedaço da execução do @keyframes banner. Botão1 - pula para-> 0%, 33% { background:#009; } Botão2 - pula para-> 34%, 66% { background:#C00; } Botão3 - pula para-> 67%, 100% { background:#390; } Como?
  10. Bom dia galera, olha eu tenho essa função que faz download, eu queria modificar pra salvar em uma pasta exemplo "/Clientes" ou usuário escolher o diretório para salvar txt. function salvar(e) { let data = new Date().toLocaleDateString().slice(0,10); var texto = document.getElementById('conteudo').innerText; let titulo = document.getElementById('nomeCliente').value; let CodCli = document.getElementById('CodCliente').value; var blob = new Blob([texto], { type: "text/plain;charset=utf-8" }); saveAs(blob, titulo + " " + CodCli + " " + data + ".txt"); } alguém pode me ajudar por favor
  11. Galera me ajudem por favor, estou pirando kkkkk Seguinte, tenho um form que realiza o submit via javascrit enviando os dados para uma página php formatada em json. Está gravando perfeitamente porém preciso dos dados do retorno, como Link do boleto, e alguns outros resultados para inserir no banco nesse ponto já pesquisei um monte testei de tudo até a página bugar e nada kkkk o Script que utilizo para o envio é esse: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#frmBoleto").submit(function(){ $.ajax({ type: "POST", url: "https://www.sitedaloja.com.br/action/boleto_bradesco/gerando_boleto.php", data: $(this).serializeArray(), }).done(function( msg ) { }); return false; }); </script> Como fazer para capturar os dados da resposta do json?
  12. Salve salve! Nuca intendi como isso realmente funciona por isso gostaria da ajuda de vcs. Estou desenvolvendo um sistema de historias e acho que seria interessante no envio dessas historia além dos texto imagem ilustrativas, mais ou menos como blogs de noticias fazem, mas como posso enviar texto e imagem e depois retorna-los juntos? Eu sei com enviar imagens em php mas gostaria de enviar a imagem e o texto colocando ambos em um textarea acho que assim ficaria bem mais interessante alguém pode me ajuda?
  13. clickanapolis

    Finalizar processo

    Boa tarde pessoal, desculpa se postei em lugar errado, mais não sei aonde postar essa minha dúvida. Estou finalizando um projeto que consiste em uma plataforma de processo seletivo e na etapa final os candidatos iram fazer uma prova online. O cliente me perguntou se é possível bloquear o navegador, tipo se ele sair do navegador ou mudar de aba tipo o sistema finalizar a prova do candidato, visto que o sistema irá identificar que ele foi fazer uma pesquisa. Eu particularmente não vi nada igual ate hj e não sei se existe algo seja em javascript ou qualquer outro modo de fazer isso.
  14. Olá, estou fazendo um cálculo de horas para cartão ponto em php e jquery... o cálculo do php já consegui um satisfatório. Preciso agora ao preencher os campos que são gerados dinamicamente de 1 a 31 que são os dias do mês, ao sair do campo Jornada (horas de trabalho), ele envie via ajax os valores preenchidos nesses 4 campos anteriores que são 4 inputs de tempo (time). Eu consegui recuperar individualmente, mas ele passa a chamada da função em todos, se dou um alert por exemplo ele percorre todos os campos dinâmicos para aí ir para o outro input, que no caso acontece a mesma coisa, segue o script que utilizei para pegar o valor do input individual, aí preciso que não percorra todos e pegue apenas o valor de cada um no onblur do campo jornada conforme está na figura e me retorne para os campos específicos com os dados que pegarei no php,. Espero ter sido claro, se alguém puder ajudar eu agradeço. $(document).ready(function() { $(":input").blur(function() { var id = $(this).attr('id'); var value = $(this).val(); alert(id + " " + " " + value); }); }); O que preciso está na figura abaixo: Aguardo, se alguém puder ajudar...agradeço
  15. Olá Sou iniciante em Javascript... Preciso de ajuda para a seguinte questão: Tenho duas FUNÇÕES e preciso executa-las de forma aleatória, já tentei de varias formas, mas sem sucesso, alguém pode me ajudar? Basicamente o que preciso é que toda vez que a pagina WEB for carregada uma das duas funções seja sorteada e executada. As funções são: function vt1(){fireEvent (document.getElementById('bt-1'), 'click');} function vt2(){fireEvent (document.getElementById('bt-2'), 'click');}
  16. Olá, preciso de uma melhoria em um setup operacional de mercado financeiro em linguagem javascript(Tryd) alguém poderia me ajudar? preciso incluir(se for possível) algo parecido com isso (se fechamento da barra for maior que a abertura o centro da barra se mantém da cor já programada, se o o fechamento da barra for menor que a abertura o centro da barra fica preto) // Parametros de configuracao // def len = 65; def red = 4 def orange = 2.5; def yellow = 1; def white = -0.5; // Fim Parametros de configuracao // def barras = BARS(); r = newLines(); r.add( barras ); def vol = sharesVolume(); def mean = MA(vol,len, 0); def std = STDDEV(vol,len); for (int i=0;i<vol.size();i++) { def bar = barras.bar(i); int res = -5; if (i>len) { res = (int) ( (vol.value(i) - mean.value(i-len)) / ( std.value(i-len )) ); } if (res > red) { bar.setFill(255,0,0); bar.setBorder(255,0,0); }else if (res > orange) { bar.setFill(255,128,0); bar.setBorder(255,128,0); }else if (res > yellow) { bar.setFill(250,244,2); bar.setBorder(250,244,2); }else if (res > white) { bar.setFill(255,255,255); bar.setBorder(255,255,255); }else { bar.setFill(0,252,252); bar.setBorder(0,252,252); } }
  17. Boa tarde, pessoal, estou fazendo um sisteminha de bingo em JS e tudo vai bem, mas travei na hora de eliminar os números já sorteados para evitar repetição. Pensei em jogar cada número sorteado numa array e consultar essa array na hora de sortear o próximo, só que não sei fazer isso. Alguém pode me ajudar, por favor? O script está assim: <script> sorteados = []; function getBingo() { bola = Math.floor(Math.random() * (75 - 1 + 1)) + 1; if (bola < 16) { letra = "B"; } else { if (bola < 31) { letra = "I"; } else { if (bola < 46) { letra = "N"; } else { if (bola < 61) { letra = "G"; } else { if (bola < 76) { letra = "O"; } } } } } document.getElementById("bolinha").innerHTML = letra +" "+ bola; document.getElementById(bola).innerHTML = "<span style='color:red'>" + bola + "</span>"; } </script> O bichinho está funcionando em https://monono.com.br/bingo/ Fiquem à vontade para palpitar. Obrigado!
  18. galera, no print mostra onde é examente que estou falando. quando eu clico a página recarregar e acaba voltando o menu pro seu estado normal. vou deixar abaixo o html da página. ```` <div class="nav-side-menu"> <div class="brand"> @if(!empty(Auth::user()->usr_foto)) <img id="fotoUsuMenu" src="{{Auth::user()->usr_foto}}"> @else <img id="fotoUsuMenu" src="{{asset('imagens/ImgUsuario.jpg')}}"> @endif <br> <span style="font-variant:small-caps;font-weight:bold;">{{Auth::user()->username}} <b>|</b></span> <a style="color:red; text-decoration: none; font-weight:bold" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"> Sair </a> <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> @csrf </form> </div> <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i> <div class="menu-list"> <ul id="menu-content" class="menu-content collapse out"> <li> <a href="/dashboard" ><i class="fa fa-tachometer-alt sidebar-icon"></i> Dashboard</a> </li> <li data-toggle="collapse" data-target="#CadPessoas" class="collapsed"> <a><i class="fa fa-life-ring fa-users"></i> Cadastros Pessoas<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="CadPessoas"> <li><a href="/ListaColaboradores" id="psicologo"><i class="fa fa-angle-right"></i> Psicólogos</a></li> <li><a href="/ListaPacientes" id="pacientes"><i class="fa fa-angle-right"></i> Pacientes <small><i class="fa fa-external-link"></i></small></a></li> </ul> <li data-toggle="collapse" data-target="#CadGerais" class="collapsed"> <a><i class="fa fa-life-ring fa-pen"></i> Cadastros Básicos<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="CadGerais"> <li><a href="/ListaTiposAtendimentos" id="tipoAten"><i class="fa fa-angle-right"></i> Tipos de Atendimentos</a></li> <li><a href="/ListaSintomasQueixas" id="sinQuei"><i class="fa fa-angle-right"></i> Sintomas Queixas <small><i class="fa fa-external-link"></i></small></a></li> <li><a href="/ListaSalasLocal" id="salas"><i class="fa fa-angle-right"></i> Salas <small><i class="fa fa-external-link"></i></small></a></li> </ul> <li> <a href="/event"><i class="fa fa-clipboard-list"></i> Marcação de Consultas</a> </li> <li data-toggle="collapse" data-target="#relatorios" class="collapsed"> <a><i class="fa fa-chart-line"></i> Relatórios<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="relatorios"> <li><a href="/RelConsultaPsicologos" id="conPsi"><i class="fa fa-angle-right"></i>Consultas Por Psicólogos</a></li> <li><a href="/RelFormStatusPaciente" id="relStatus"><i class="fa fa-angle-right"></i>Pacientes Por Status <small><i class="fa fa-external-link"></i></small></a></li> </ul> <li data-toggle="collapse" data-target="#config" class="collapsed"> <a><i class="fa fa-cog"></i> Configurações<span class="arrow"><i class="fa fa-angle-down"></i></spam></a> </li> <ul class="sub-menu collapse" id="config"> <li><a href="/ListaUsuarios" id="usuario"><i class="fa fa-angle-right"></i>Usuários</a></li> <li><a href="/ConfiguracoesSistema" id="parametro"><i class="fa fa-angle-right"></i>Parâmetros do Sistema <small><i class="fa fa-external-link"></i></small></a></li> <li><a href="/ListaEmpresa" id="dadosEmpresa"><i class="fa fa-angle-right"></i>Cadastro de Empresas <small><i class="fa fa-external-link"></i></small></a></li> </ul> </ul> </div> </div>
  19. Marcos_imasters

    conveter codigo jquery para js puro

    <html> <style> html, body, main { width: 100%; height: 100%; margin: 0; padding: 0; } #carousel { position: relative; height: 400px; top: 50%; transform: translateY(-50%); overflow: hidden; } #carousel div { position: absolute; transition: transform 1s, left 1s, opacity 1s, z-index 0s; opacity: 1; } #carousel div img { width: 400px; transition: width 1s; } #carousel div.hideLeft { left: 0%; opacity: 0; transform: translateY(50%) translateX(-50%); } #carousel div.hideLeft img { width: 200px; } #carousel div.hideRight { left: 100%; opacity: 0; transform: translateY(50%) translateX(-50%); } #carousel div.hideRight img { width: 200px; } #carousel div.prev { z-index: 5; left: 30%; transform: translateY(50px) translateX(-50%); } #carousel div.prev img { width: 300px; } #carousel div.prevLeftSecond { z-index: 4; left: 15%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #carousel div.prevLeftSecond img { width: 200px; } #carousel div.selected { z-index: 10; left: 50%; transform: translateY(0px) translateX(-50%); } #carousel div.next { z-index: 5; left: 70%; transform: translateY(50px) translateX(-50%); } #carousel div.next img { width: 300px; } #carousel div.nextRightSecond { z-index: 4; left: 85%; transform: translateY(50%) translateX(-50%); opacity: 0.7; } #carousel div.nextRightSecond img { width: 200px; } .buttons { position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; } </style> <body> <main> <div id="carousel"> <div class="hideLeft"> <img src="https://i1.sndcdn.com/artworks-000165384395-rhrjdn-t500x500.jpg"> </div> <div class="prevLeftSecond"> <img src="https://i1.sndcdn.com/artworks-000185743981-tuesoj-t500x500.jpg"> </div> <div class="prev"> <img src="https://i1.sndcdn.com/artworks-000158708482-k160g1-t500x500.jpg"> </div> <div class="selected"> <img src="https://i1.sndcdn.com/artworks-000062423439-lf7ll2-t500x500.jpg"> </div> <div class="next"> <img src="https://i1.sndcdn.com/artworks-000028787381-1vad7y-t500x500.jpg"> </div> <div class="nextRightSecond"> <img src="https://i1.sndcdn.com/artworks-000108468163-dp0b6y-t500x500.jpg"> </div> <div class="hideRight"> <img src="https://i1.sndcdn.com/artworks-000064920701-xrez5z-t500x500.jpg"> </div> </div> <div class="buttons"> <button id="prev">Prev</button> <button id="next">Next</button> </div> </main> </body> <script> window.onload = function(){ function moveToSelected(element) { if (element == "next") { var selected = document.querySelector(".selected").nextElementSibling; } else if (element == "prev") { var selected = document.querySelector(".selected").previousElementSibling; } else { var selected = element; } var next = selected.nextElementSibling; var prev = selected.previousElementSibling; var prevSecond = prev.previousSibling; var nextSecond = next.nextSibling; function matches(elem, filter) { if (elem && elem.nodeType === 1) { if (filter) { return elem.matches(filter); } return true; } return false; } function getNextSiblings(elem, filter) { var sibs = []; while (elem = elem.nextSibling) { if (matches(elem, filter)) { sibs.push(elem); } } return sibs; } function getPreviousSiblings(elem, filter) { var sibs = []; while (elem = elem.previousSibling) { if (matches(elem, filter)) { sibs.push(elem); } } return sibs; } selected.removeAttribute('class'); prev.removeAttribute('class'); next.removeAttribute('class'); selected.classList.add("selected"); prev.classList.add("prev"); next.classList.add("next"); prevSecond.removeAttribute('class'); nextSecond.removeAttribute('class').classList.add("nextRightSecond"); prevSecond.classList.add("prevLeftSecond"); var x = getNextSiblings(nextSecond); var p = getPreviousSiblings(prevSecond); for (var i = 0; i < x.length; i++) { x[i].removeAttribute('class'); x[i].classList.add("hideRight"); } for (var i = 0; i < p.length; i++) { p[i].removeAttribute('class'); p[i].classList.add("hideLeft"); } } document.body.addEventListener("keydown", function (e) { switch(e.which) { case 37: // left moveToSelected('prev'); break; case 39: // right moveToSelected('next'); break; default: return; } e.preventDefault(); }); document.querySelector("#carousel div").addEventListener("click", function () { moveToSelected(this); }); document.querySelector("#prev").addEventListener("click", function () { moveToSelected('prev'); }); document.querySelector("#next").addEventListener("click", function () { moveToSelected('next'); }); } </script> </html> com jquery funciona assim function moveToSelected(element) { if (element == "next") { var selected = $(".selected").next(); } else if (element == "prev") { var selected = $(".selected").prev(); } else { var selected = element; } console.log(selected); } // Eventos teclado $(document).keydown(function(e) { switch(e.which) { case 37: // left moveToSelected('prev'); break; case 39: // right moveToSelected('next'); break; default: return; } e.preventDefault(); }); $('#carousel div').click(function() { moveToSelected($(this)); }); $('#prev').click(function() { moveToSelected('prev'); }); $('#next').click(function() { moveToSelected('next'); });
  20. Ola estou com um problema em JavaScript O objetivo e digitar um ID/Nome em um input e ele buscar em um arquivo XML fazendo autocomplete e preencher outros dois inputs com os atributos associado ao ID/Nome da base XML. GIF de exemplo, obs(exatamente oque pretendo fazer): http://blog-media.chromaticsites.com.s3.amazonaws.com/google-places-autocomplete-3/autocomplete-error.gif Link do XML: https://www.w3schools.com/js/cd_catalog.xm Segue meu código: <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> Nome:<input id="idInput"> UF:<input id="idInput02"> Ano:<input id="idInput03"> <script> var ValorXML1 = []; $(document).on('keyup' , '#idInput' ,function(){ var keyvalue = $("#idInput").val(); var xhttp; xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { ValorXML1 = []; CaregarXML(this , keyvalue); } }; xhttp.open("GET", "https://www.w3schools.com/js/cd_catalog.xml", true); xhttp.send(); }); function CaregarXML(xml , key) { var x, i, xmlDoc , key; xmlDoc = xml.responseXML; x = xmlDoc.getElementsByTagName("TITLE"); var cont = 0; for (i = 0; i < x.length; i++) { var valor = x[i].childNodes[0].nodeValue.trim(); var pattern = valor.substring(0 , key.length); if(key.toUpperCase() == pattern.toUpperCase() && cont < 5){ ValorXML1.push(valor); cont++; } } $("#idInput").autocomplete({ source: ValorXML1 }); } $( function() { $( "#idInput" ).autocomplete({ source:ValorXML1 }); }); </script>
  21. Vinicius Bazan

    Relógio da violência - usando JS

    Estou precisando de ajuda em um site que eu e mais algumas pessoas estamos desenvolvendo, é um site com finalidade escolar, visto que eu e os demais integrantes desse grupo estamos desenvolvendo ele para obter nota, o tema é produzir um site que aborde a violência contra as mulheres. O ponto aqui é que chegamos a conclusão que seria legal temos um relógio que mede a violência em tempo real, assim ele pegaria a hora do computador e faria um calculo que iria ficar atualizando um número na tela. Por exemplo, digamos que você queira ver quantas mulheres sofreram abuso verbal até agora, e ao mudar o filtro para abuso verbal vai aparecer as seguintes mensagens na tela: A cada 0,00 segundos uma mulher sofre de abuso verbal 0.000.000 Mulheres sofreram até agora. Esse número teria que ficar mudando a todo momento, então digamos que uma mulher sofra um abuso verbal a cada 2 segundos, então de 2 em 2 segundos aquele número aumenta em 1 (usando a hora do PC). Além disso seria possível trocar o filtro para outras formas de abuso como agressão física, psicológica e outras Para vocês entenderem melhor, basicamente o que queremos fazer é isso: relógio da violencia Acontece que a gente não manja muito de javascript pra isso, por isso resolvi pedir ajuda em um fórum, eu possuo conhecimento em HTML, PHP e CSS apenas (me falaram que talvez de para fazer com PHP também, estou pesquisando sobre isso), então minha duvida é como elaborar esse código no java e estilizar ele no css depois?
  22. Bom dia, boa tarde e boa noite! Estou precisando de ajuda em um site que eu e mais algumas pessoas estamos desenvolvendo, é um site com finalidade escolar, visto que eu e os demais integrantes desse grupo estamos desenvolvendo ele para obter nota, o tema é produzir um site que aborde a violência contra as mulheres. O ponto aqui é que chegamos a conclusão que seria legal temos um relógio que mede a violência em tempo real, assim ele pegaria a hora do computador e faria um calculo que iria ficar atualizando um número na tela. Por exemplo, digamos que você queira ver quantas mulheres sofreram abuso verbal até agora, e ao mudar o filtro para abuso verbal vai aparecer as seguintes mensagens na tela: A cada 0,00 segundos uma mulher sofre de abuso verbal 0.000.000 Mulheres sofreram até agora. Esse número teria que ficar mudando a todo momento, então digamos que uma mulher sofra um abuso verbal a cada 2 segundos, então de 2 em 2 segundos aquele número aumenta em 1 (usando a hora do PC). Além disso seria possível trocar o filtro para outras formas de abuso como agressão física, psicológica e outras Para vocês entenderem melhor, basicamente o que queremos fazer é isso: relógio da violencia Acontece que a gente não manja muito de javascript pra isso, por isso resolvi pedir ajuda em um fórum, eu possuo conhecimento em HTML, PHP e CSS apenas (me falaram que talvez de para fazer com PHP também, estou pesquisando sobre isso), então minha duvida é como elaborar esse código no java e estilizar ele no css depois?
  23. Boa tarde pessoal, Eu fiz um código em JavaScript que chama um script em PHP para o envio de um e-mail padrão para uma determinada lista fixa de contatos, anexando neste e-mail um arquivo que está no servidor. Porém, ao executar esse código em JavaScript, o e-mail é enviado, mas o anexo não é colocado na mensagem. Se eu rodar manualmente o script em PHP que é chamado pelo código de JavaScript "# php send.php", o e-mail passa a ser enviado com o anexo. Vocês podem me ajudar, por favor? Acredito que seja algo relacionado à permissões, porém eu não estou encontrando a solução. Aqui está o código em JavaScript: $scope.sendMail = function() { jQuery.ajax({ type: "POST", url: root.root + "send.php", data: $scope.contact, success: function() { console.log('sucesso!'); jQuery('.log-message').html(alert ("Mensagem enviada com sucesso!\n\nEm breve retornaremos seu e-mail com uma resposta. Obrigado.")); } }); } }
  24. Gutovr

    Timer

    Galera alguem consegue me dar uma luz de como fazer um timer que pega a data de agora e mostra quanto tempo ate a data do meu banco de dados do evento que ocorrerá ? acredito que tenha que ser com js. Segue a imagem do que quero
  25. Estou iniciando uns estudos com o TypeScript e estou usando ele em uma aplicação minha que está sendo desenvolvida com o .NET Core Razor. Eu estou precisando de fazer um código em que abra um modal Bootstrap usando apenas o TypeScript. Sem o jQuery... Eu não sei como fazer isso, nao achei função que outras pessoas ja fizeram para isso, apenas com o Angular(que eu nao estou usando). Mas agora estou precisando. Espero que me ajudem nessa. Eu tentei fazer usando "display", mas não consegui. A questão é o seguinte. Eu preciso fazer um <select> em que se o usuario escolher a opção "Sim", abrirá o modal com algumas opções a serem preenchidas, e ao mesmo tempo terei um botão(caso a opção seja "sim"), para ele clicar e poder mudar oque colocou nas opçoes do modal. Como eu tentei fazer: <div class="modal fade d-none" id="modalExemplo" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Título do modal</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary">Fechar</button> <button type="button" class="btn btn-primary">Salvar mudanças</button> </div> </div> </div> </div> <select class="form-control w-100" id="data_test" onchange="modalOpen()"> <option value="NA">Não analizar</option> <option value="S">Sim</option> <option value="N">Não</option> </select> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalExemplo"> Abrir modal de demonstração </button> function modalOpen() { if ((<HTMLInputElement>document.getElementById("data_test")).value == "S") { (<HTMLInputElement>document.getElementById("modalExemplo")).classList.remove("d-none"); } else { (<HTMLInputElement>document.getElementById("modalExemplo")).classList.add("d-none"); } } Já que estou usando o Bootstrap, por que não usar a classe "d-none"? Então tentei fazer desta maneira... mas não funcionou
×

Important Information

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