Jump to content

Search the Community

Showing results for tags 'js'.



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
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

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

  1. juniormatrix

    Script para validação

    Olá Achei esse script aqui no fórum mesmo: $.validator.addMethod( "customEmail", function (value, element) { return this.optional(element) || /^[\w-\.]+@fulano\.com\.br$/i.test(value); }, "Por favor, insira um e-mail válido com o domínio @fulano.com.br" ); $("#formulario").validate({ ignore: ".ignore", rules: { empresa: { required: true }, nome: { required: true }, contato: { required: true }, celular: { required: true }, email: { required: true, email: true, customEmail: true }, }, }); Testei e funcionou perfeitamente, mas gostaria que liberasse mais e-mails válidos, ao invés de apenas um. Tem como fazer? Se alguém puder ajudar, fico muito grato.
  2. Alessandro Bodão

    Projeto de Branding

    Salve galerinha, passando pra mostrar pra vocês o novo projeto de marca que a Jatobá Estúdio desenvolveu, espero que gostem. https://www.behance.net/gallery/166555627/Fernanda-Pinheiro-Nutricionista-Esportiva
  3. rogerblower

    Qual calendário free usar?

    Boas pessoal, estou precisando de um calendário para agenda com crud para agendamento, mas teria que ser free. Obrogado.
  4. Fala galera! Tenho um site que possui alguns icones que são puxados da biblioteca flaticon , o problema é que de uma hora pra outra esses icones pararam de aparecer. No meu ambiente local funciona, mas no ambiente de produção eles não aparecem e eu recebo o seguinte erro no console: Failed to load resource: the server responded with a status of 404 () Alguém saberia como resolver isso?
  5. Carrego um conteudo Ajax e junto com ele vem HTML e JS, existe um marcador que está relacionado a um elemento HTML, quando eu clico e este elemento tem um atributo exemplo data-onload="funcaoOla()" esta função tbm carregada pelo ajax deve ser executada. Dúvida como eu faço uma chama de função desta forma, seria como exec("funcaoOla")
  6. Sapinn

    Criar grafico interativo

    Galera estou com uma duvida tenho um projeto e quero que toda vez que eu mude um valor dentro de um input o grafico mude também de acordo com os valores inseridos. Estou criando a função oninput para isso, mas não funciona mesmo colocando o return, estou usando a biblioteca chart.js <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Graficos</title> <style> .grafico{ width: 300px; height: 300px; } </style> </head> <body> <div class="grafico"> <canvas id="myChart" ></canvas> </div> <input type="text" value="8" id="done" class="taskPorcent" oninput="changeValue()"> <input type="text" value="2" id="no_done" class="taskPorcent" oninput="changeValue()"> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script> const ctx = document.getElementById('myChart').getContext('2d'); let taskDone = document.querySelector('#done'); let taskNotDone = document.querySelector('#no_done'); let taskPorcent = document.querySelector('.taskPorcent'); array = [] function changeValue(){ array = [taskDone.value, taskNotDone.value] return array } console.log(array) const myChart = new Chart(ctx, { type: 'doughnut', data: { labels: ['Tarefas Feitas', 'Tarefas Não Feitas'], datasets: [{ data: [taskDone.value,taskNotDone.value], backgroundColor: [ 'hsl(214, 84%, 56%)', 'hsl(192, 91%, 96%)', ], }] }, }); //console.log(myChart["data"]) </script> </body> </html>
  7. Caio Vargas

    Agendamento

    fala pessoal tudo tranquilo estou desenvolvendo um site para uma cliente do canada porem ela me pediu para criar um sistema de agendamento online dos serviços dela ... pesquisei algumas coisas mais nao achei nada https://www.bossanovasalonspa.ca/book-online a referencia que ela me deu e essa ai sera que alguem ja fez algo parecido e como posso fazer isso usando php e js
  8. Caio Vargas

    Agendamento Serviços

    fala pessoal tudo bem eu avia postado algo aqui mais so tive uma simples resposta ... uma cliente pediu pra eu criar um sistema de agendamento de serviços pra ela atualmente ela mora no canada e estou desenvolvendo um site pra ela eu etou com uma grande duvida .... como posso cadastrar dadas continuas .... no sistema tipo se eu cadastrar um serviço de barbeiro e colocar uma data e um horario esse serviço tem que valer para segunda terça quarta quinta sexta sabado e domingo e todos os meses como posso fazer isso em php
  9. Caio Vargas

    Traduzir site

    Fala pessoal tudo bem Estou criando um site para o cliente e ele me pediu para colocar um tradutor ao clicar nas bandeiras porem eu nao queria fazer uma pagina para cada traduçao eu queria fazer tipo usando o google Translate alguem tem alguma sugetao de como posso fazer ou um exemplo grato
  10. Estou com um problema. Como faço para montar uma URL quando for clicando nos chebox? Exemplo eu possuio varios checkbox e toda vez que eu marcar um o valor dele é adicionando a uma url e essa mesma url será modificada no link. Algo como: <a href="user/enviar">Mostrar</a> <input type="checkbox" value="1"> <input type="checkbox" value="2" checked> <input type="checkbox" value="3" checked> <input type="checkbox" value="4"> <input type="checkbox" value="5"> Vendo os valores marcados a url ficaria <a href="user/enviar/2,3">Mostrar</a> Eu também queria um checkbox para marcar todos e assim adicionar todos os valores a url, agora caso uma desses checkbox forem desmarcados o valor é retirado da url Eu fiz um script que funciona mas ele está meio bugado, queria saber se alguém tem algum script para fazer isso em javascript puro ou jquery
  11. Boa noite, Galera, utilizo uma aplicação que me permite inserir arquivos JavaScript customizados em algumas páginas, e por vezes quando realizo alguma alteração considerável no JS, preciso solicitar aos usuários da ferramenta para limparem o cache, evitando que eles fiquem com as regras antigas do JS e gere algum erro. Existe alguma forma de esporadicamente quando eu realizar alterações no JS, forçar a limpeza de cache nas máquinas clientes? Ou então de não permitir que o navegador salve cache deste JS que eu customizo as regras?
  12. Sapinn

    Erro ao usar o dropzone.js

    Salva galera. Estou tentando usar o dropzone.js em um projeto mas estou tendo grandes dificuldades. Ele funciona aparentemente bem, mas não estou conseguindo enviar os arquivos para a pasta. Eu queria colocar mais de um dropzone na mesma pagina para arquivos diferentes como posso fazer isso? Outra coisa eu queria colocar todas as url de varios arquivos na mesma coluna em um formato json, isso possivel? Se sim como eu faria para chamar esses arquivos de volta e mostrar para o usuario??
  13. Fala galerinha beleza, bom vamos lá. Eu tenho um site que o conteúdo dele é tudo em uma página só, o menu, quando escolho uma opção ele leva em uma determinada parte do site referente ao menu clicado. Até aqui ok. Porém eu instalei um botão para voltar para o topo quando rola o site para baixo, e como sou leigo em Java, notei que parece que tá tendo conflito com o ScrollTop, pois o botão que coloquei para voltar para o topo também tem o scrolltop. Gostaria de fazer funcionar o menu e o botão juntos, pois quando desativo o .js do botão o menu funciona normal, quando ativo o botão novamente ele para de funcionar. Vou deixar o código de ambos aqui. .JS do Menu (scroll.min.js) (function(e){"use strict";var t="ScrollIt",n="1.0.3";var r={upKey:38,downKey:40,easing:"linear",scrollTime:600,activeClass:"active",onPageChange:null,topOffset:0};e.scrollIt=function(t){var n=e.extend(r,t),i=0,s=e("[data-scroll-index]:last").attr("data-scroll-index");var o=function(t){if(t<0||t>s)return;var r=e("[data-scroll-index="+t+"]").offset().top+n.topOffset+1;e("html,body").animate({scrollTop:r,easing:n.easing},n.scrollTime)};var u=function(t){var n=e(t.target).closest("[data-scroll-nav]").attr("data-scroll-nav")||e(t.target).closest("[data-scroll-goto]").attr("data-scroll-goto");o(parseInt(n))};var a=function(t){var r=t.which;if(e("html,body").is(":animated")&&(r==n.upKey||r==n.downKey)){return false}if(r==n.upKey&&i>0){o(parseInt(i)-1);return false}else if(r==n.downKey&&i<s){o(parseInt(i)+1);return false}return true};var f=function(t){if(n.onPageChange&&t&&i!=t)n.onPageChange(t);i=t;e("[data-scroll-nav]").removeClass(n.activeClass);e("[data-scroll-nav="+t+"]").addClass(n.activeClass)};var l=function(){var t=e(window).scrollTop();var r=e("[data-scroll-index]").filter(function(r,i){return t>=e(i).offset().top+n.topOffset&&t<e(i).offset().top+n.topOffset+e(i).outerHeight()});var i=r.first().attr("data-scroll-index");f(i)};e(window).on("scroll",l).scroll();e(window).on("keydown",a);e("body").on("click","[data-scroll-nav], [data-scroll-goto]",function(e){e.preventDefault();u(e)})}})(jQuery) .JS do Botão Back to top (backtotop.js) jQuery(window).scroll(function(){ if(jQuery(window).scrollTop()<50){ jQuery('#rocketmeluncur').slideUp(500); }else{ jQuery('#rocketmeluncur').slideDown(500); } var ftrocketmeluncur = jQuery("#ft")[0] ? jQuery("#ft")[0] : jQuery(document.body)[0]; var scrolltoprocketmeluncur = $('rocketmeluncur'); var viewPortHeightrocketmeluncur = parseInt(document.documentElement.clientHeight); var scrollHeightrocketmeluncur = parseInt(document.body.getBoundingClientRect().top); var basewrocketmeluncur = parseInt(ftrocketmeluncur.clientWidth); var swrocketmeluncur = scrolltoprocketmeluncur.clientWidth; if (basewrocketmeluncur < 1000) { var leftrocketmeluncur = parseInt(fetchOffset(ftrocketmeluncur)['left']); leftrocketmeluncur = leftrocketmeluncur < swrocketmeluncur ? leftrocketmeluncur * 2 - swrocketmeluncur : leftrocketmeluncur; scrolltoprocketmeluncur.style.left = ( basewrocketmeluncur + leftrocketmeluncur ) + 'px'; } else { scrolltoprocketmeluncur.style.left = 'auto'; scrolltoprocketmeluncur.style.right = '10px'; } }) jQuery('#rocketmeluncur').click(function(){ jQuery("html, body").animate({ scrollTop: '0px',display:'none'},{ duration: 600, easing: 'linear' }); var self = this; this.className += ' '+"launchrocket"; setTimeout(function(){ self.className = 'showrocket'; },800) }); Ficaria inteiramente grato se alguém pudesse me ajudar nessa. Um forte abraço a toda comunidade.
  14. Galera estou precisando de ajuda aqui em um código. Preciso criar um campo que recebe um número e retorne o maior numero consecutivo que tem naquele número, por exemplo, se for digitado o número 785141109567825 a saída seria 5678, o maior número em uma sequencia consecutiva, além disso, foi pedido que o numero zero fosse adicionado como maior, por exemplo, no número 84890 nesse caso a saída deve imprimir 90. Alguém sabe como fazer??
  15. Olá, estou desenvolvendo uma api para download de fotos/videos/gif, eu consegui fazer tudo certinho, mas na hora de gerar um link de download aleatório ele gera sempre o mesmo, só gera um link diferente se eu reiniciar o servidor, queria que gerasse um link diferente sempre que eu reiniciasse a página, sem precisar reiniciar o servidor. Tem como alguém me ajudar com isso? *A api está sendo desenvolvida para a automatização de download de fotos/videos/gif*
  16. Tenho o seguinte: const http = require("http") const host = "localhost" const port = "80" const Config = require("./Config") const server = http.createServer() server.on('request', (request, response) => { response.writeHead(200, {"Content-Type": "text/html; charset=utf-8"}) const { headers, method, url } = request Config.has("/", Config.home) response.end() }); server.listen(port, host) Preciso arranjar uma forma de na Classe config, obter o headers mas sem passar ele via construtor tipo New Config (headers) dentro de server.on() Tentei, na classe Config importar o http novamente mas parece que só consigo o headers dentro do server Alguma saída?
  17. A um bom tempo atrás eu encontrei um site que dava pra mudar a cor do layout. Então eu resolvi adicionar essa propriedade em um site que estou desenvolvendo, mas não sei bem como fazer isso. Eu criei uma variável no meu arquivo css pra colocar uma cor padrão para o site então eu gostaria que o usuário quando apertasse em um palheta de cores visse como o site ficaria caso ele gostasse ele apertaria em mudar cor e essa nova cor seria a padrão do site. Eu fiz algumas buscas mas não encontrei muita coisa, infelizmente. Se alguém pudesse me ajudar eu ficaria grato. Vlw
  18. //modelo.html <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hora do dia</title> <link rel="stylesheet" href="estilo.css"> </head> <body onload="carregar()"> <header> <h1> Hora do dia </h1> </h1> </header> <section> <div id="msg"> msg </div> <div id="foto"> <img class="imagem" src="fotomanha.jpg" alt="foto do dia"> </div> </section> <footer> <p>&copy; Rodapé </p> </footer> <script src="script.js"></script> </body> </html> //script.js function carregar () { var msg = window.document.getElementById('msg') var img = window.document.getElementsByClassName('imagem') var data = new Date() var hora = data.getHours() msg.innerHTML = 'Agora são ' + hora + ' horas' if (hora >= 0 && hora < 12){ //Bom dia img.src = 'fotomanha.jpg' } else if (hora >= 12 && hora < 18){ //Boa tarde img.src = 'fototarde.jpg' } else { //Boa noite img.src = 'fotonoite.jpg' } } //estilo.css body{ background-color: aqua; font: normal 15pt Arial; } header{ color:rgb(255, 255, 255); text-align: center; } section{ background: white; border-radius: 10px; padding: 15px; width: 500px; margin:auto; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.329); } footer{ color:white; text-align: center; font-style: italic; } div{ text-align: center; } .imagem{ width: 500px; /* largura da imagem */ height: 350px; /* altura da imagem */ margin-top: 10px; /* margem do topo */ }
  19. AlexandrePrezzi

    Menu com níveis

    Pessoal, estou com um problema em um menu (nav) que possui 2 níveis Peguei esse código "pronto" porém está com algo que não consigo entender O link do segundo nível quando clica não redireciona para a página desejada , porém se eu clicar e pedir para abrir em nova guia dai ele funciona.. Vou colocar o código aqui (tentei deixar o mais simples possível, com apenas os itens a serem testados) Fico no aguardo <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script> $(document).ready(function () { $('.navbar .dropdown-item').on('click', function (e) { var $el = $(this).children('.dropdown-toggle'); var $parent = $el.offsetParent(".dropdown-menu"); $(this).parent("li").toggleClass('open'); if (!$parent.parent().hasClass('navbar-nav')) { if ($parent.hasClass('show')) { $parent.removeClass('show'); $el.next().removeClass('show'); $el.next().css({"top": -999, "left": -999}); } else { $parent.parent().find('.show').removeClass('show'); $parent.addClass('show'); $el.next().addClass('show'); $el.next().css({"top": $el[0].offsetTop, "left": $parent.outerWidth() - 4}); } e.preventDefault(); e.stopPropagation(); } }); $('.navbar .dropdown').on('hidden.bs.dropdown', function () { $(this).find('li.dropdown').removeClass('show open'); $(this).find('ul.dropdown-menu').removeClass('show open'); }); }); </script> <style> .navbar .dropdown-toggle, .navbar .dropdown-menu a { cursor: pointer; } .navbar .dropdown-item.active, .navbar .dropdown-item:active { color: inherit; text-decoration: none; background-color: inherit; } .navbar .dropdown-item:focus, .navbar .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } @media (min-width: 767px) { .navbar .dropdown-toggle:not(.nav-link)::after { display: inline-block; width: 0; height: 0; margin-left: .5em; vertical-align: 0; border-bottom: .3em solid transparent; border-top: .3em solid transparent; border-left: .3em solid; } } </style> </head> <body> <div class="navbar navbar-expand-md navbar-dark bg-dark mb-4" role="navigation"> <a class="navbar-brand" href="#">#####</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav mr-auto"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Testar</a> <ul class="dropdown-menu" aria-labelledby="dropdown1"> <li class="dropdown-item" ><a href="http://www.google.com">Google</a></li> <li class="dropdown-item dropdown"> <a class="dropdown-toggle" id="dropdown1-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Submenu</a> <ul class="dropdown-menu" aria-labelledby="dropdown1-1"> <li class="dropdown-item"><a href="http://www.google.com">Google</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </body> </html>
  20. estou cursando na Rocketseat, e um dos exercícios de la é fazer um sisteminha de conversão de notas, de numérico para alfabético, eu fiz o exercício de duas formas, uma deu certo (com if's), porem quando tentei usar switch, deu erro, sempre caia em 'default', como posso resolver? ps: eu não quero ver a solução do vídeo pq lá provavelmente vai ensinar com if's, e isso eu já sei. function ConverteNota(nota) { nota = Number(nota) let notaA = (nota >= 9 && nota <= 10); let notaB = (nota >= 8 && nota < 9); let notaC = (nota >= 7 && nota < 8); let notaD = (nota >= 6 && nota < 7); let notaF = (nota < 6 && nota >= 0); switch (nota) { case notaA: console.log('Nota A'); break; case notaB: console.log('Nota B'); break; case notaC: console.log('Nota C'); break; case notaD: console.log('Nota D'); break; case notaF: console.log('nota F'); break; default: console.log('insira uma nota valida!') break; }; }; ConverteNota(10);
  21. Pessoa de novo eu aqui kk. Acho que essa pergunta é simples mas eu não sei como fazer, já pesquisei em vários cantos mas só achei a resposta em Jquery e eu queria fazer em Javascript puro. Basicamente eu gostaria de transferir dados de uma tabela para um form eu já consegui fazer mas só funciona em um td e eu gostaria nos outros não funcionam. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <table border="1px"> <tr> <td>Nome</td> <td>Endereço</td> <td>Telefone</td> <td>Adicionar</td> </tr> <tr> <td id="nome_cliente" value="Sapien">Sapinn</td> <td id="endereco_cliente" value="Rua 01">Rua 01</td> <td id="tel_cliente" value="(88) 9 9999-9999">(88)9 9999-9999</td> <td><button onclick="adicionar()">Adicionar</button></td> </tr> <tr> <td id="nome_cliente" value="Sapien">Supremo</td> <td id="endereco_cliente" value="Rua 01">Rua 05</td> <td id="tel_cliente" value="(88) 9 9999-9999">(88)9 0000-0000</td> <td><button onclick="adicionar()">Adicionar</button></td> </tr> </table><br><br> Nome:<input type="text" name="nome" id="nome"> Telefone: <input type="text" name="telefone" id="telefone"> Endereço: <input type="text" name="endereco" id="endereco"> <script> function adicionar(){ let nome_cliente = document.getElementById("nome_cliente").innerHTML; let endereco_cliente = document.getElementById("endereco_cliente").innerHTML; let tel_cliente = document.getElementById("tel_cliente").innerHTML; document.getElementById('nome').value = nome_cliente; document.getElementById('telefone').value = tel_cliente; document.getElementById('endereco').value = endereco_cliente; console.log(nome_cliente, endereco_cliente, tel_cliente) } </script> </body> </html>
  22. estou cursando na Rocketseat, e um dos exercícios de la é fazer um sisteminha de conversão de notas, de numérico para alfabético, eu fiz o exercício de duas formas, uma deu certo (com if's), porem quando tentei usar switch, deu erro, sempre caia em 'default', como posso resolver? ps: eu não quero ver a solução do vídeo pq lá provavelmente vai ensinar com if's, e isso eu já sei. function ConverteNota(nota) { nota = Number(nota) let notaA = (nota >= 9 && nota <= 10); let notaB = (nota >= 8 && nota < 9); let notaC = (nota >= 7 && nota < 8); let notaD = (nota >= 6 && nota < 7); let notaF = (nota < 6 && nota >= 0); switch (nota) { case notaA: console.log('Nota A'); break; case notaB: console.log('Nota B'); break; case notaC: console.log('Nota C'); break; case notaD: console.log('Nota D'); break; case notaF: console.log('nota F'); break; default: console.log('insira uma nota valida!') break; }; }; ConverteNota(10);
  23. Fala galera tudo beleza? Então alguém sabe como adicionar e remover campos de texto com js. Tipo teria um botão com um + "mais" para adicionar novos campos e junto a estes campos teria um ícone com um lixeira para remover, toda vez que fosse clicado nesse ícone o campo seria removido, apenas aquele campo. Encontrei um código para adicionar um campo mas a parte de remover ta dando dor de cabeça <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pagina</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"> </head> <body> <form id="myForm"> <div id="lines"></div> <button type="button" onclick="addInput('lines')">+</button> <input type="submit" value="Enviar"> </form> <script> var formLine = 1; function addInput(divName) { var newdiv = document.createElement('div'); newdiv.innerHTML += '<input type="text" name="produto" id='+formLine+'>'; newdiv.innerHTML += ' <i class="bi bi-trash-fill"></i>'; document.getElementById(divName).appendChild(newdiv); formLine++; } addInput('lines'); </script> </body> </html>
  24. Fala galera existe algum meio que eu possa usar para saber automaticamente o tamanho da tela usando apenas javascript???? Eu sei como saber o tamanho da tela usando: if (window.matchMedia("(max-width:800px)").matches) { console.log('Menos que 800') } else { console.log('Mais que 800') } Ainda assim, preciso atualizar a pagina para conseguir obter o resultado, existe alguma maneira de fazer isso sem atualizar a página.
  25. Sapinn

    Menu com navegação one page

    Fala galera blz? Então preciso de ajuda numa coisa aqui que não sei de jeito nenhum como resolver. Eu encontrei na W3School um menu tab vertical perfeito para minha página que é one page. Segui o link: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_vertical_tabs Mas estou me encontrando com um problema! Eu gostaria que esse menu permanece-se na mesma tag mesmo atualizando a página, por exemplo, se eu escolher a segunda opção do menu ela permanecerá ativada mesmo se eu atualizar a página. Na opção oferecida pela W3Shool, toda vez que a página é atualizada ele volta para a primeira tag que tem por padrão a primeira opção com um active. Não sei como resolver ou se tem uma solução para algo assim mas se alguém puder me ajudar eu agradeceria muito.
×

Important Information

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