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

  1. 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?
  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. Boa tarde!!! Por favor como faço para marcar um checkbox e ai marca automaticamente um campo radio? Obrigado
  4. 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?
  5. 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.
  6. wrramerson

    sistema de apostas

    Estou desenvolvendo um site e preciso de um sistema de apostas como os desse site http://sorteonline.com.br/lotofacil Já tentei de tudo que é jeito mais não consegui. É o seguinte: O usuário marca uma quantia de números e após clica em salvar e salva no banco de dados os números marcados. Se alguém puder me ajudar eu agradeço muito. Obrigado pela atenção.
  7. 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
  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. 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?
  11. luannsr12

    Api Emby JavaScript

    Pessoal, alguém ja trabalhou com a API de integração do emby? Podem me ajudar. O Fato que eu não entendi absolutamente quase nada da documentação deles, que por sinal é mal explicada. http://swagger.emby.media/?staticview https://github.com/MediaBrowser/Emby.ApiClient.Javascript/blob/master/apiclient.js Se alguém ja trabalhou com isso, pode entrar em contato comigo, vai ter remuneração.
  12. Pesquisei mas não encontrei.... talvez vcs tenham algum link ou codigo é so pra enviar o comentario para o banco e mostrar sem recarregar a página onde estou. Sou muito ruim em javascript e sei que tenho que usar ajax(que eu nao intendo nada), alguem pode me dar uma força aae?
  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. 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.")); } }); } }
  15. 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
  16. 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');}
  17. 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>
  18. 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); } }
  19. Guga Alves

    Tornar bottom div meio arredondadas

    Pessoal seguinte, gostaria de saber se é possível fazer este efeito em uma div: Imagem sem utilizar imagens.
  20. 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'); });
  21. 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
  22. 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!
  23. 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?
  24. 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>
  25. 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?
×

Important Information

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