Jump to content

Search the Community

Showing results for tags 'javascript'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Comunidade
    • Sugestões, Críticas ou Dúvidas relativas ao P@P
    • Acerca do P@P
  • Comunidade a Trabalhar
    • Apresentação de Projectos de Programação
    • Downloads
    • Revista PROGRAMAR
  • Desenvolvimento Geral
    • C
    • C++
    • Java
    • Pascal
    • Python
    • Bases de Dados
    • Dispositivos Móveis
    • Outras Linguagens
  • Desenvolvimento Orientado para Web
    • PHP
    • HTML
    • CSS
    • Javascript
    • Outras Linguagens de WebDevelopment
    • Desenvolvimento Web
  • Desenvolvimento .NET
    • C#
    • Visual Basic .NET
    • ASP.NET
    • WPF & SilverLight
  • Software e Sistemas Operativos
    • Software de Produtividade
    • Sistemas Operativos
    • Apresentação de Software
  • Informática
    • Interfaces Visuais
    • Computação Gráfica
    • Algoritmia e Lógica
    • Segurança e Redes
    • Hardware
    • Electrónica e Automação Industrial
    • Matemática
    • Software de Contabilidade e Finanças
    • Dúvidas e Discussão de Programação
  • Outras Áreas
    • Notícias de Tecnologia
    • Dúvidas Gerais
    • Discussão Geral
    • Eventos
    • Anúncios de Emprego
    • Tutoriais
    • Snippets / Armazém de Código
  • Arquivo Morto
    • Projectos Descontinuados
    • System Empires

Blogs

  • Blog dos Moderadores
  • Eventos
  • Notícias de Tecnologia
  • Blog do Staff
  • Revista PROGRAMAR
  • Projectos
  • Wiki

Categories

  • Revista PROGRAMAR
  • Tutoriais
  • Textos Académicos
  • Exercícios Académicos
    • Exercícios c/ Solução
    • Exercícios s/ Solução
  • Bibliotecas e Aplicações
  • Outros

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

  1. Jovem Developer

    Eventos com JavaScript Puro

    <!DOCTYPE html> <html lang="en"> <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> <style> div{ height: 100px; width: 100px; border-radius: 10px; margin: 10px; background-color: gray; } </style> </head> <body> <div id ="d1"></div> <div id ="d2"></div> <div id ="d3"></div> <div id ="d4"></div> <input type="color" id="cor"/> <script> var divs = document.getElementsByTagName('div'); var input_cor = document.getElementById('cor'); for(var i=0;i<divs.length;i++){ divs[i].addEventListener('click', (e)=>{ cor.addEventListener('change',function(){ e.target.style.background = input_cor.value; }) }); } </script> </body> </html> Boa tarde! Com este exemplo de código, estou a tentar arranjar forma de que cada vez que clico numa das "div" e sucessivamente altero a cor da "input_color", essa mesma "div" mude de cor. De facto tudo acontece como o esperado, mas quando clico em outras "divs", numa de cada vez, para lhes alterar a cor de fundo, acontece que todas as "divs" que foram clicadas até então, alterando a cor, elas ficam todas com a mesma cor e não era suposto. Se alguém me conseguisse ajudar, agradecia, e gostaria que de cada vez que o utilizador clicasse numa "div", o JavaScript esquecesse ou desabilitasse a "div" anterior clicada e alterasse apenas a cor da "div" clicada.
  2. Boa tarde, estava a fazer testes num projecto com full scroll apenas com css. Na versão horizontal, e como está full screen, é necessário usar a tecla esquerda ou direita do teclado para mover entre secções. Então queria criar uma seta numa div que ao ser clicada simulava que tinha sido pressionada a tecla esquerda ou direita. Mas não estou a conseguir. Abaixo o meu código. Um grande obrigado <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="css/style2.css"> <title>PROJECTO</title> </head> <body> <div class="slider"> <section> <div id="seta" style="">Seta</div> <h1>Section One</h1> </section> <section> <h1>Section Two</h1> </section> <section> <h1>Section Three</h1> </section> <section> <h1>Section Four</h1> </section> <section> <h1>Section Five</h1> </section> </div> </body> </html> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $( "#seta" ).click(function() { console.log("entrou"); var e = jQuery.Event("keydown"); e.which = 39; // tecla direita $("body").trigger(e); }); </script> * { box-sizing: border-box; margin: 0; padding: 0; } body { overflow-y: hidden; } .slider { font-family: sans-serif; scroll-snap-type: x mandatory; display: flex; -webkit-overflow-scrolling: touch; overflow-x: scroll; } section { border-right: 1px solid white; padding: 1rem; min-width: 100vw; height: 100vh; scroll-snap-align: start; text-align: center; position: relative; } #seta{ background: #000; width: 50px; height: 20px; color: #fff; } .one{ background: rgb(5, 54, 125); } .two{ background: rgb(43, 211, 148); } .three{ background: rgb(5, 54, 125); } .four{ background: rgb(43, 211, 148) }
  3. Boa noite, Estou a fazer um exercício onde tenho arrays dentro de um array com nomes de personagens de filmes. A ideia é através de loop e de startsWith imprimir todas as personagens começadas por 'M'. O código que tenho está de facto a imprimir apenas os nomes de personagens começados por 'M' no entanto dá código incorrecto. O código está a ser corrigido por um computador e poderá ser por isso. Alguém me consegue ajudar a perceber porquê? desde já agradeço. var filmCharacters = [ ['Vito', 'Michael', 'Sonny', 'Freddo'], ['Mia', 'Vincent', 'Jules', 'Butch'], ['Bella', 'Edward', 'Jacob', 'Carlisle'], ['James', 'M', 'Moneypenny', 'Felix'] ]; var filmCharactersM = []; for(var i = 0; i < filmCharacters.length; i++) { for(var j = 0; j < filmCharacters[i].length; j++) { if(filmCharacters[i][j].startsWith('M')) filmCharactersM.push(filmCharacters[i][j]); } } console.log(filmCharactersM.join(', ')); já tentei colocar no console.log apenas filmCharactersM e continua a dar código incorrecto.
  4. tscarq

    Merge Arrays with for loop

    tenho um exercício para fazer com este enunciado: Using the methods you have learned, modify the xMen array already declared in the editor so that only members of the X-Men are present. Then add all of the mutants present in the xMen array to the freelancers array. Já escrevi este código: var xMen = ['Professor X', 'Cyclops', 'Beast', 'Iron-Man', 'Hobgoblin']; var freelancers = ['Legion', 'Magneto']; xMen.pop(); xMen.pop(); for(var i=0; i<freelancers.length; i++) { freelancers.push(...xMen); freelancers.length = 5; console.log(freelancers[i]); } O código que escrevi está de facto a imprimir o array freelancers + os primeiros 3 elementos do array xMen conforme pedido(acho que compreendi correctamente o enunciado) . No entanto aparece-me mensagens de erro a dizer: >>>>Code is incorrect. You should use the first expression of the for loop to declare a variable. >>>>Code is incorrect. The for loop should iterate until the value stored in i reaches the length of the array. Alguém me consegue ajudar? obrigada
  5. Tiagoinf

    Ajuda btn

    Boas pessoal, Tenho o seguinte Butão que ao clicar nele ele envia o ficheiro selecionado para o cliente. <a href="sendEmail.php?id=<?php echo $fatura['id']; ?>&doc=faturas&OPTION=F" class="btn btn-sm btn-primary"> <i class="fa fa-at"></i> E-mail</a> O que eu queria fazer era, quando eu clicar para enviar o botão ficar verde e a mostrar a mensagem "enviado" para sempre. Eu ja consegui fazer isso mas quando atualizo a pagina ele volta ao normal. Alguém tem uma ideia de como posso fazer isso de uma forma simples? Obrigado
  6. TutoDS

    API Códigos Postais

    Boas devs! Alguém por ai sabe de alguma API com os códigos postais atualizados? Ou poderia dar umas luzes de como o fazer? Obrigado
  7. Olá caros! estou reproduzindo uma formula do excel para o html e faltam somente uns detalhes... A função retorna um valor que eu acho que deve ser o calculo em decimal de horas. No excel se eu formatar a celular em número e não em hora, aparece este mesmo valor. Como faço pra obter o resultado abaixo em horas, minutos e segundos. Este resultado menos duas 2 horas (-2h)? Grato pela atenção. <script> function calcularAut(){ var aut = 0; var G14 = document.querySelector('#cmar1').value; var E13 = document.querySelector('#volc1').value; var D10 = document.querySelector('#cilCheio').value; var I14 = document.querySelector('#lm1').value; var C19 = 2; // aqui deveria ser 2 horas (quero que subtraia 2 horas. aut = ((((G14*(E13/D10)/24)/(I14*60)))*0.9)-C19; document.querySelector('#autCil1').value = aut; } </script>
  8. Olá! Caros estou com este tipo de situação. Já procurei e achei alguns códigos, mas não sei se é a questão da biblioteca, eles não funcionam. Eu preciso de uma função javascript que pegue um arquivo txt de uma foto ( imagem transformada num texto) e possa exibir no html como a imagem era originalmente. alguém sabe como fazer isso? a Algo como isso: <script> var base64String = "iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAIAAADY27xgAAAAA3NCSVQICAjb4U\/gAAAAlnpUWHRS\r\nYXcgcHJvZmlsZSB0eXBlIEFQUDEAAHicVY5BDsMgDATvvIInjG0w8BxUkSpS1Vb5\/6EHSNvsZaVZ\r\na9fhPp7j2G\/xfby2\/TFCjDFGkRpSS007UJlSMEFQoCzk073VQgJk8cFFGW9uLsV8XhhAmz2JhUxN\r\nDaTPfHV9PXf+N\/L51yldmf46s1qzuth1S2w+AUD4AOdVNXTvLP3VAAAKV0lEQVRYhc2YWahm2VWA\r\n17DXPuc\/\/3jnGq7VldKkaDskbQcR7EZ9yaO0gvioKIREfM9DIBjzEESSgPok+CSNb4IGnCJigmij\r\nJtIopCSp7hru\/W\/VrTv\/wxn2sHYezn+7u27dquoqW+N6O4e99\/rYa9hrLUwpwYcqIThEy\/zMG+nD\r\n5Whl6+5flKX70aMYY5dXXh5vfXU6LX\/EKAAwGFztFJcf3P+Dsmz+j1E0gZ75tbzyOuLb9++94cMH\r\nPcU8j2atyvJmXb3T1O+ozlJyCQCBkTIrl\/POtaK4XhRrYl8N\/l93713f\/LHXPsix+EwRVFVvHx\/9\r\nQ13dQIxElsggEiICQAJISZNGVa8aRC5GXQe9ESKubXxxMBh+aChNs7P34M+8u82mMMYyGSQiQkRE\r\nQEBICVJKKSVVVY0a\/XxeF0URwhzptReu\/spTVXwgA+3v\/eXk5O9E+nln2bBhZmImIiQiRABsl72P\r\nJEaVlAwSGilc888nx68ORxefrOUpt5JSHG99LYTtLOuLCLNBtoQiFg0jMSNiSnS6WBcSY4zROe99\r\nJFLvmv393Y9e\/3xRXH9OlJTC1p3fRZwlWG+aNSJjhMSgMZjAqKIq5rkbjSYIKUFrLQQAVY0xeOfL\r\nyokB1zQnkzno0Wj5t9bWX3kelO07v9M4bNyVXq8ZjaY2M2KEjaSUVKNqVNW6ksPDUd5xo9EhJEYi\r\npoX5NMbprBJB1zR1Xc9mFdNkMPr86uq1Z0PZvf8nDx7Mi4KXlw9FciOZiCWiGEIIIcYFSkqKGMuy\r\nN5str6+PEZmIiNkYw2yaJooB5xrv\/cHBJM9hNg2XNr\/c7+ePajw\/xc1m\/zEeV0tLk6XRoTEdI7m1\r\nGSJ655xrvG+8b5xrXFM3dVNVnvCw1709Hl\/yvnRN451zTdPUTUoqVsRaESsiIllRxLt3vnGu0nMj\r\nKNz8wXfX1+7nWcYmFxFrBRGcc65xTeOa2jnvY4zMYBhUFSAhYtG5tbe3sTQax2iNMQlCluWqKmIR\r\nUcQagyqFlbf29j65tnbWhc9B2bp7Y9C\/KTZnIyIiNtMIx8eTunaqIaWYUkwak4aTqROxw+FKAtQ4\r\nS7rj3bCqVUyjKcUIWZaFEHhxkBgDGm1RzHfv\/+Pa2sfezQLno6jCbPrN4RCZRUQS4MlJjaidjuQ5\r\nheC998GD90rES0tZ464ORp8ZDDKA5P3R9OSf7m7R0vB2SilEAtAYIgAQCRsjgjFGE41qPZt+p9f\/\r\n6Sf5ysnJrTy\/zZwZw5Opcy4uLRf9fk4E+p6k1tlTIitv7977w8PDEwAUWV5eff2lj38GeehcRYgh\r\nhBhDDDGEgEhsDDMzGzFyfPztM6rPolTlv4h0NOHhYdXv2cGggPZh0TaVLpL7adxpSmDMzb3d35\/P\r\nF9WJSHHlhS9FHVmLMYQYQowhhACQmE9RROtqJ8bpkwwU\/PdixKpu1taHxhhC1KSaFgiQkmodo0sp\r\npAREF7P8JzvFi0Vx1drs\/ecMh78Qwt+EyAkAEJ2L1mZtnBMTEkGiqrrV633ifJQYp1V1pFqsrnUR\r\nkZiQMIUEKYUQy3lVN+Vw+HqWCaLNO9fyfEjnZYOmbuazbxixCBEAELGuY1HkANC+XCmJCDT13cei\r\nNPXhfF5duLCMSEzMzDGm2bQqy9K7OoaqU7y4svr04mMyvQHQxGgQQovivSICABASIaoaw8k148ca\r\naP9ge2mpj0jMhEiu0aiOSDNLkEg1doqPPZUDAOrqvxEFUgoxAkDjQqdTtDZGQkQCSAAc9SFfee9+\r\n5\/PaN3\/PnDNzCBBC6hQ2swYBW1cNoevcpadyxAje3QBgAICUosa6CllmICVIAADeZyINAKXkz0fZ\r\n3\/s20yGRaZpAhHlHoK3N2oIEcTbfzPO9p6JU1QRgFwABlAjnM1d0Tz0aAVGPjpYHg4OUEOGhZmmB\r\nMptVwX8LkOvaGyFmTNr6PiIiUZrNNgf9O82pdWOM\/jEFdDm\/gehDMI27trt7zMydXBAREBHBe4Po\r\nAVJKivTQo7hAOT76T6J9Ni8TRYQ2dWhKiRa1K6saES3nb7XrDw9Ptu9+xfmzhT4AeB\/Z\/PbGxS+t\r\nrn58dbXT7+e4EELU8Xh1dXVXI6SkIhtnUWKEqvp3Ni9d3vx1IrNIqKpJlZiIyflBUcyIJMbJdPId\r\nAKiqLYDxztZXnYtnUC5v\/uyVF17p97Pp9K+ILLZ1J5G1aXt7bWN9N8Y2cfssu3IWpaxKSDfXN36T\r\nCMRuxuj1tFZuo8m5blFUzIa52N97Q7XxbguxgLSzM\/6ac+dY6sH9N5I2bISZjWERHI8vjEYT5iZG\r\n1aSqrlNcewRl\/qA\/+Pk8HwBAr\/dKjE1bnMYYISVm1mSzDNiIMYJobr\/zFe+\/D8CAFnTn3vjrzj0U\r\nC\/t7fz6bvWlMLoZEyPvueGfzwoVplpUhtNVmYF6x9hEDAUyXVz7dfvf6P9WujbF9OgKzISLTiohI\r\nNpsdMm0t9qJVHT+4\/0a7fTI9vvXOHx8fvYm4omk4Ly8dHL4QY\/cjH9ln9sG3x8YY617\/Z85cpAGA\r\n5eWPiiycmbnb7X6qaf6LgzAzczBCIoiUiSBAQsCiKELw1sJphBUAN7bu\/inAtmvuhbCBuInIbNJo\r\nNO905mIzABu8C63EEKMfjn7uHJR3OVpZWf3Fu3f+zYQ8MDN777DT8SF0xS7Cezjq3ts57g8EUhtg\r\nSJipfn86K4tOr9OpjfFsjIiwsWwss4QQvPcLFF\/2+q8aMzgH5ewvWR4MPz2bfouo7bsws9PJdKXb\r\nbSC1aYbXN0aTk3JpuYAESISIRJZN5hqXZRkxMxsjC4vGGL133rdll1NNq2u\/fI7eR38BwOraL81n\r\n3\/W+XqjJoKoSEdksI6IYQ\/s4eJfaTEpISCiSidgYtaUxRpg5xuhd450L3gXvnDta3\/gsUfao0sc2\r\nHyEc3739BWtHNsusSNCBam9ttQTkNr406cH+NM9Np2NPnQaJKEQNQfv9DgCG9iq889555+v6uNt7\r\nbX3jV8\/V+KSWrK5ujbd\/L8uWxWZZxvsHVy9dPDDCxggitpXU\/sE0y0y3OKUhIkRNUJY1JEWM3rc8\r\nzjWTLHvx4uXPPU7dU3rmurq9M\/66kdxKLiL7B9c2N7eRLDMzMRER0cmkTklHo256X9OcNDWNK8tK\r\nNUCKzs2K7qc2LvzaE3Q9fagRwtHO9h+pHojtEXZOJlcuXtxClHcnCUjkmjCbNd1uZi3FGBe5WlNK\r\n6hpflvMse+ni5d8gAjztN1q9iO\/1Hx90vnK4\/9fHx3\/Lhon6k8mPr66MRQIgIxK0AxZIs5lrGm8t\r\nZ5YSaIxBY9RFRRxSikSrRF0AE7WXZZ9YW3\/ZmPfi5hmmTiGcHB1+cz57E7GZzq6LcL+3S6yLtJsQ\r\nIKlqVTVlOY\/q8vyqSB\/SMYAHYIACcMmYzSz\/iX7\/SlHk+FBH9owDMABQbcr598r5W2U5nk6LBFFk\r\nLmaG2CAmoq7IRtF9qdv7pMiFECDGoKqISMyG6Qmj5WdGeRhrEkLtHITAImAtG9NFlOc77X+E8uHK\r\n\/8oI+fnk\/xHKDwFCDVuRTRk4QwAAAABJRU5ErkJggg=="; function adicionarImg(imagem) { document.querySelector("#image").src = "data:image/gif;base64,"+ imagem; } adicionarImg(base64String); } adicionarImg(base64String); </script> <img id="image" /> Obrigado pela atenção.
  9. Boas, tenho um exercício para fazer que diz que dependendo da quantidade de dias que alugarmos um carro o desconto varia. Entre 3 e 6 dias ha um disconto de 10€ 7 ou mais dias dá 40€ de desconto. O preço base por dia é 35€. E visto que nunca trabalhei com javascript está meio complicado. Eles deram parte do código e eu fiz o resto: Não sei que variáveis preciso nem algo do genero, como devo usar a função, etc... Sei apenas a lógica do IF, alguém pode me ajuda a corrigir? const getRentalCost = (days) => { let rentalcost = 0; if (days>=3 && days<7){ rentalcost=days*35-10; } else { if (days>=7){ rentalcost=days*35-40;} } else { rentalcost=days*35; } return rentalcost; }; // Test your code by changing the number of days below! getRentalCost(1);
  10. Bom dia a todos. Gostava que me pudessem ajudar pois quero zelar pela segurança de toda a informação que quero armazenar sobre clientes. Eu tenho um formulário com cerca de 20 campos que tenho que preencher com informação critica e queria ter a certeza de que a informação é enviada, armazenada e consultada com segurança, isto e, que ninguém consegue aceder a essa informação de forma ilicita. O formulário esta feito em html e é armazenada num servidor online agradecia que me dessem ideias e como fazer. Sinto-me um bocado desorientado e queria que me ajudassem explicando o que devo e como faze-lo. Já me falaram de usar json e que se instala-se um certificado ssh no servidor não me precisava de me preocupar com nada, mas antes de ter que aprender a usar json e instalar o certificado queria saber as vossas sugestões. Aguardo as vossas sugestões de forma a eu fazer algo em condições e ficar descansado no que diz respeito à segurança dos dados de outras pessoas com que vou ter de trabalhar. Cumprimentos a todos.
  11. Hercles

    Tamanho do navegador

    Olá! Caros é possível ao abrir o navegador, alguma função em Javascript, definir o tamanho desta janela (uma janela pequena)? De preferência abrir em janela única, sem abas. Ou será que existe uma outra linguagem que aceite meu html com as junções (Javascript) em que eu possa ter esta janela? (neste caso seria até melhor porque não teria a barra de endereço).
  12. Olá! Caros estou tentando desenvolver uma função que copia parte de uma string da ultima linha de uma textarea e coloca em uma input do tipo text. A ideia seria quando o usuario digitasse traço, a palavra depois seria colocada numa input text (#a-1) e quando digitasse espaço em uma outra input text ('#a-2). Alguém sabe se isso seria possivel? Vejam o código que eu ja fiz: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> <script> window.oninput = function(event){ var campo = event.target.id; // pega o id do campo que chamou o evento var texto = document.querySelector('#a').value; var nome = texto.substring(texto.lastIndexOf("-")+1); var telefone = texto.substring(texto.lastIndexOf(" ")+1); if(campo == "a"){ document.querySelector('#a-1').value = nome; document.querySelector('#a-2').value = telefone; }; </script> <h2>Estes campo é diretamente automático</h2> <textarea id="a"></textarea></br></br> Nome: <input type="text" id="a-1"><br></br> Telefone: <input type="text" id="a-2"><br></br>
  13. Fernando_Diniz

    Functions as Arguments

    Start by repeating the code you wrote for the last section (the calculate and add functions). Declare a variable multiply and assign to it a function declaration taking two arguments, operand1 and operand2, and which returns the result of the multiplication of the arguments. Invoke calculate twice, passing it as a third argument the add and multiply functions respectively. Alguém para ajudar ?? var add = function (operand1, operand2){ return operand1 + operand2; }; var calculate = function (operand1, operand2, operation) { var result = operation(operand1, operand2); console.log(result); }; var multiply = function (operand1, operand2) { return operand1*operand2; }; calculate=(4,4,add); calculate=(4,4,multiply);
  14. Necessito de uma ajuda para passar os valores obtidos por um get para os input. <script> function myFunction() { var input = document.querySelector("#zIp"); const request = new XMLHttpRequest(); const url = 'https://api.XXXXX.com/XXXX/XXXXXXXXX.XXXX/' + input.value; request.open("GET", url); request.send(); document.getElementById("Street").value = url; request.onload = () => console.log(request.responseText) var json = request; document.getElementById("sTate").value = request.Morada; $('#ciTy').val(json.Morada) } </script> Já tenho aqui dois testes e não consigo que sejam mostrados os valores obtidos na API Os dados obtidos vêm da seguinte forma: {"Freguesia": "Sintra", "Concelho": "Sintra", "CodigoDistrito": 11, "Distrito": "Lisboa"} o Input que tenho é : <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12"> <div class="form-group"> <label for="ciTy">City</label> <input type="name" class="form-control" id="ciTy" placeholder="Enter City"> </div> </div> Obrigado a todos
  15. Diogo_Rem

    Switch Statement

    Boa tarde, Estou a criar este tópico no sentido de pedir ajuda para uma code challenge que estou a fazer. Já passei horas à volta disto e portanto queria-vos pedir feedback sobre o meu código e o que eventualmente eu possa melhorar. Antes de mais fico desde já agradecido pelo vosso tempo e disponibilidade. O enunciado é o seguinte: O meu Código: var weeklyPass = 'darlene'; var weekDay = 'saturday'; var currentPass; console.log(weekDay); switch(weekDay){ case 'monday': currentPass = weeklyPass + 'mnd'; break; case 'tuesday': currentPass = weeklyPass + 'tsd'; break; case 'wednesday': currentPass = weeklyPass + 'wdnsd'; break; case 'thursday': currentPass = weeklyPass + 'thrsd'; break; case 'friday': currentPass = weeklyPass + 'frd'; break; case 'saturday': currentPass = weeklyPass + 'strd'; break; case'sunday': currentPass = weeklyPass + 'snd'; break; default: currentPass = weeklyPass; console.log('Error!'); break; } console.log(currentPass); // 'y' is a vowel in this case // https://www.merriam-webster.com/words-at-play/why-y-is-sometimes-a-vowel-usage
  16. sergio.costa

    Passar array para data do Charts.js

    Boas pessoal, Estou a criar dentro de um HTML um gráfico com dados recebidos em JSON de um XmlHttpRequest. ajax.onreadystatechange = function () { //Validar Comunicação if (ajax.readyState == 4 && ajax.status == 200) { //console.log(ajax.response); Dados = ajax.response; Desenhar_Grafico(Dados, Local); } else { //Visualizar possivel erro }; } Quando chamo a função "Desenhar_Grafico" passo os dados recebidos e o canvas para desenhar o grafico. Dentro da função separo os dados em array... function Desenhar_Grafico(Dados, Local) { //Instanciar Local de Desenho do Grafico var Area = document.getElementById(Local.id).getContext("2d"); //Tratar dados console.log(Dados); //Dimensionar Variaveis Array var Temperatura_Acumulador = []; var Temperatura_Painel = []; var Temperatura_Recuperador = []; var Etiquetas = []; //Separar Valores for (let i = 0; i < Dados.length; i++) { Temperatura_Acumulador[i] = parseFloat(Dados[i].Temperatura_Acumulador); Temperatura_Painel[i] = parseFloat(Dados[i].Temperatura_Painel); Temperatura_Recuperador[i] = parseFloat(Dados[i].Temperatura_Recuperador); Etiquetas[i] = Dados[i].Data } //Mostrar Resultado console.log(Temperatura_Acumulador); console.log(Temperatura_Painel); console.log(Temperatura_Recuperador); //Função de Desenho let Grafico = new Chart(Area, { type: 'line', data: { labels: [Etiquetas], datasets: [ //Linha do Acumulador { label: 'Acumulador', //Dados data: Temperatura_Acumulador, fill: false, backgroundColor: 'blue', borderColor: 'blue', tension: 0.1 }, //Linha do Painel // { //label: 'Painel', //Dados //data: Temperatura_Painel, //fill: false, //backgroundColor: 'red', //borderColor: 'red', //tension: 0.1 //}, //Linha do Painel //{ //label: 'Recuperador', //Dados //data: Temperatura_Recuperador, //fill: false, //backgroundColor: 'green', //borderColor: 'green', //tension: 0.1 //} ] }, options: {} }); } Quando começo a definir o grafico passo o array "Temperatura_Acumulador" e ai e que esta o problema. O browser desenha o grafico mas apenas representa o primeiro valor do array. Certamente há algum erro no codigo, mas ja estou ha dois dias a olhar pra isto e não o encontro, ou então estarei a usar algum metodo de forma errada. Como sou um principiante em javascript gostaria de vos pedir ajuda para resolver este problema. Desde já muito obrigado Sergio Costa
  17. Caros, já estou na metade do caminho. Eu já tenho as funções que abre o arquivo .txt num textarea e salva. O que eu quero é que a função salve o mesmo arquivo apos a edição. No momento a função salva como outro arquivo na pasta de downloard. Alguém pode me ajudar? Grato. <script> //esta função abre o txt num textarea var openFile = function(event) { var input = event.target; var reader = new FileReader(); reader.onload = function(){ var text = reader.result; var node = document.getElementById('ANOTACOES'); node.innerText = text; console.log(reader.result.substring(0, 200)); }; reader.readAsText(input.files[0]); }; </script> <script> <!-- função salva um txt --> function salvar() { let texto = document.getElementById("ANOTACOES").value; let titulo = document.getElementById("titulo").value; let blob = new Blob([texto], { type: "text/plain;charset=utf-8" }); saveAs(blob, titulo + ".txt"); } </script>
  18. John Hebert Trindade

    Slide show

    Boa noite pessoal, estou criando um site. Neste site tenho no índex um slide de imagens que esta funcionando na perfeição, mais gostaria de usar no mesmo índex o mesmo slide para exibir outras imagens. Como faço para usar o mesmo script para os dois? Slide show 1 <ul class="rslides" id="slider1"> <?php $imgs = glob('imgs/slider/*'); foreach ($imgs as $img) { echo "<li><img src='$img' alt='Reborn Imaginações de Bebés' /></li>"; } ?> </ul> slide show 2 <ul class="rslides" id="slider1"> <?php $imgs = glob('imgs/certificados/*'); foreach ($imgs as $img) { echo "<li><img src='$img' alt='Certificados Imaginações reborn' /></li>"; } ?> </ul> <?php $js = ['responsiveslides.min', 'slider']; $jsFiles = isset($jsFiles) ? array_merge($js, $jsFiles) : $js; foreach ($jsFiles as $k => $f) { $js_url = is_numeric($k) ? base_url('js/' . $f . '.js') : $k; echo "<script src='$js_url'></script>"; } ?> Arquivo slider $(window).ready(function () { $("#slider1").responsiveSlides({ maxwidth: 760, speed: 800 }); }); Arquivo responsiveslides /*! http://responsiveslides.com v1.54 by @viljamis */ (function(c,I,B){c.fn.responsiveSlides=function(l){var a=c.extend({auto:!0,speed:500,timeout:4E3,pager:!1,nav:!1,random:!1,pause:!1,pauseControls:!0,prevText:"Previous",nextText:"Next",maxwidth:"",navContainer:"",manualControls:"",namespace:"rslides",before:c.noop,after:c.noop},l);return this.each(function(){B++;var f=c(this),s,r,t,m,p,q,n=0,e=f.children(),C=e.size(),h=parseFloat(a.speed),D=parseFloat(a.timeout),u=parseFloat(a.maxwidth),g=a.namespace,d=g+B,E=g+"_nav "+d+"_nav",v=g+"_here",j=d+"_on", w=d+"_s",k=c("<ul class='"+g+"_tabs "+d+"_tabs' />"),x={"float":"left",position:"relative",opacity:1,zIndex:2},y={"float":"none",position:"absolute",opacity:0,zIndex:1},F=function(){var b=(document.body||document.documentElement).style,a="transition";if("string"===typeof b[a])return!0;s=["Moz","Webkit","Khtml","O","ms"];var a=a.charAt(0).toUpperCase()+a.substr(1),c;for(c=0;c<s.length;c++)if("string"===typeof b[s[c]+a])return!0;return!1}(),z=function(b){a.before(b);F?(e.removeClass(j).css(y).eq(b).addClass(j).css(x), n=b,setTimeout(function(){a.after(b)},h)):e.stop().fadeOut(h,function(){c(this).removeClass(j).css(y).css("opacity",1)}).eq(b).fadeIn(h,function(){c(this).addClass(j).css(x);a.after(b);n=b})};a.random&&(e.sort(function(){return Math.round(Math.random())-0.5}),f.empty().append(e));e.each(function(a){this.id=w+a});f.addClass(g+" "+d);l&&l.maxwidth&&f.css("max-width",u);e.hide().css(y).eq(0).addClass(j).css(x).show();F&&e.show().css({"-webkit-transition":"opacity "+h+"ms ease-in-out","-moz-transition":"opacity "+ h+"ms ease-in-out","-o-transition":"opacity "+h+"ms ease-in-out",transition:"opacity "+h+"ms ease-in-out"});if(1<e.size()){if(D<h+100)return;if(a.pager&&!a.manualControls){var A=[];e.each(function(a){a+=1;A+="<li><a href='#' class='"+w+a+"'>"+a+"</a></li>"});k.append(A);l.navContainer?c(a.navContainer).append(k):f.after(k)}a.manualControls&&(k=c(a.manualControls),k.addClass(g+"_tabs "+d+"_tabs"));(a.pager||a.manualControls)&&k.find("li").each(function(a){c(this).addClass(w+(a+1))});if(a.pager||a.manualControls)q= k.find("a"),r=function(a){q.closest("li").removeClass(v).eq(a).addClass(v)};a.auto&&(t=function(){p=setInterval(function(){e.stop(!0,!0);var b=n+1<C?n+1:0;(a.pager||a.manualControls)&&r(b);z(b)},D)},t());m=function(){a.auto&&(clearInterval(p),t())};a.pause&&f.hover(function(){clearInterval(p)},function(){m()});if(a.pager||a.manualControls)q.bind("click",function(b){b.preventDefault();a.pauseControls||m();b=q.index(this);n===b||c("."+j).queue("fx").length||(r(b),z(b))}).eq(0).closest("li").addClass(v), a.pauseControls&&q.hover(function(){clearInterval(p)},function(){m()});if(a.nav){g="<a href='#' class='"+E+" prev'>"+a.prevText+"</a><a href='#' class='"+E+" next'>"+a.nextText+"</a>";l.navContainer?c(a.navContainer).append(g):f.after(g);var d=c("."+d+"_nav"),G=d.filter(".prev");d.bind("click",function(b){b.preventDefault();b=c("."+j);if(!b.queue("fx").length){var d=e.index(b);b=d-1;d=d+1<C?n+1:0;z(c(this)[0]===G[0]?b:d);if(a.pager||a.manualControls)r(c(this)[0]===G[0]?b:d);a.pauseControls||m()}}); a.pauseControls&&d.hover(function(){clearInterval(p)},function(){m()})}}if("undefined"===typeof document.body.style.maxWidth&&l.maxwidth){var H=function(){f.css("width","100%");f.width()>u&&f.css("width",u)};H();c(I).bind("resize",function(){H()})}})}})(jQuery,this,0);
  19. Olá! Eu sou um noob em javascript, mas tenho um projeto que pretendo dar assas. Basicamente é uma aplicação de desenho. Já fiz uma primeira versão em canvas nativo e react: https://github.com/201flaviosilva/Rupestre Para uma segunda versão gostaria de usar uma framework que simplificasse o desenvolvimento, já estive a testar com fabricjs, mas não me pareceu ter muitas funcionalidades específicas para o meu objetivo, gostava de saber se conhecem alguma lib/framework que pudesse ser útil nesta minha ideia?
  20. Boa tarde a todos, Javascript, o que se pode fazer com ele? "Apenas" trabalhar com esta linguagem no front-end de um webiste, por exemplo? Ou é mais que isso? Que funções existem no interior de uma empresa para um profissional que invista neste caminho? Cumps
  21. Objetivo: Popular uma BD a partir de um .txt Pergunta: Que linguagem é mais simples/prática para o fazer? Descrição: Eu quero fazer um programa simples que me permita ler e escrever uma base de dados e ter uma interface gráfica que permita aplicar filtros à minha pesquisa. Estou a fazer esta pergunta porque sou novo na programação e queria saber a vossa opinião sobre como deveria fazer esta aplicação. As linguagens que sei sao: C C# C++ JAVASCRIPT PHP SQL Obrigado 😄
  22. Preciso saber qual elemento foi clicado. Sabendo qual elemento foi clicado, queria transformar isto em número para que eu pudesse colocar na array foto[numero], o número referente à aquela imagem clicada. Tentei algumas coisas que podem parecer inúteis ou inconsequentes para quem já tem experiência em Javascript. Por favor, perdoem-me algum erro pitoresco. Sou iniciante na linguagem e estou dando o meu melhor. Por favor, deem uma olhada no código e me ajudem se tiverem a resposta certa. Eis aqui o HTML: <div class="fotos" id="gallery1"> <img class="fotoArticle " src="img/work/tat1.png" alt=""></img> <img class="fotoArticle " src="img/work/tat2.png"></img> <img class="fotoArticle " src="img/work/tat3.png"></img> <img class="fotoArticle " src="img/work/tat4.png"></img> <img class="fotoArticle " src="img/work/tat5.png"></img> <img class="fotoArticle " src="img/work/tat6.png"></img> <img class="fotoArticle " src="img/work/tat7.png"></img> <img class="fotoArticle " src="img/work/tat11.png"></img> </div> Eis aqui o script: <script> var i = 1; var foto = document.getElementsByClassName('fotoArticle'); console.log(foto); for (i; i < 9; i++){ foto[i] = addEventListener('click', mostrarFoto); }; function mostrarFoto() { viewer.style.display = 'unset'; var fotoSRC = foto.src; console.log('foto = ' + foto[this].src); //this não funciona console.log('fotoSRC = ' + fotoSRC); //src = undefined console.log('etapa 5'); var img = document.querySelector('.viewerIMG'); img.setAttribute('src', fotoSRC); } </script> Ignorem qualquer coisas não declaradas, porque todo o resto está funcionando como deveria. Apenas deixei aí para deixar claro o entendimento de que este código é pra fazer um visualizador de imagens. Por favor, espero ansiosamente e o mais brevemente possível uma resposta. Isto é tudo. Obrigado desde já!
  23. onurb22

    Retirar ID de váriavel

    Boa tarde, estou a aprender e a educar-me a usar mais o JS. Estou a fazer um ficheiro com SORTABLE JS e queria usar um IF no onStart dependendo da informação contida na tag ID que tenho já guardado numa váriavel que saca a informação toda da DIV. Neste momento não sei como retirar qual a informação dentro da tag ID para fazer o meu IF. o meu código dentro do onStart: var info = evt.from; console.log(info); o que ele retorna: agora queria sacar o conteúdo do ID para fazer algo do genero IF var igual a caixa1 faz isto se for igual a caixa2 fazer aquilo... Muito obrigado e desculpem o amadorismo
  24. Eu queria aplicar uma transição neste código aqui <script type="text/javascript"> whatsappImageDiv = document.querySelector('.whatsappDiv'); whatsappImageDiv.addEventListener('mouseover', mouseEntrou); whatsappImageDiv.addEventListener('mouseout', mouseSaiu); whatsappImage = document.querySelector('.icon-whatsapp'); textoCont = document.querySelector('.textoAlt'); function mouseEntrou() { textoCont.classList.remove('displayNone'); whatsappImage.classList.remove('displayBlock'); textoCont.classList.add('displayBlock'); whatsappImage.classList.add('displayNone'); console.log('entrou'); } function mouseSaiu() { textoCont.classList.remove('displayBlock'); whatsappImage.classList.remove('displayNone'); textoCont.classList.add('displayNone'); whatsappImage.classList.add('displayBlock'); console.log('saiu'); } </script> Que tem o seguinte HTML: <section class="secContato"> <div class="flexContact"> <div class="quadrado1Contact"> <h3 class="descContato">Deseja fazer uma tattoo? Vai no nosso Whatsapp e troca uma ideia com a gente sobre a tattoo ;) Não esquece de dá uma conferida no horario de atendimento também, ok?</h3> <a class="a" href=""><div class="whatsappDiv"> <h2 id="textoAlt" class="textoAlt">Clique aqui para ir para o Whatsapp!</h2> <p class="icon-whatsapp"></p> </div></a> <script type="text/javascript"> <...> //nosso script </script> </div> <div class="quadrado2Contact"> <...> //uma segunda div que não precisa ser comentada </div> <div class="clear2"></div> </div> </section> Eu poderia fazer com CSS aplicando ao invés de um IMG no código, uma DIV com um background com aquela imagem e daí sim, quando :hover, eu fazia aparecer o nome dentro da DIV. Mas eu queria saber se tem como fazer isso em Javascript, já que o código em JS está todo pronto e está faltando apenas a transição... Vocês poderiam me ajudar? Obrigado desde já! Espero respostas ^^
  25. Olá tenho um exercício para resolver que me ocupa a cabeça há já vários dias... Já fiz e refiz , também já li que se poderiam usar métodos regex mas não se aplica aqui, neste exercício , dado que ainda não foram abordados nesta plataforma. Vou deixar aqui o exercício, bem como a minha tentativa , na esperança que alguém me possa direccionar no caminho do que me está a falhar, sinto que estou perto mas alguma coisa falha... // exercício: // o meu código: var password = (['a', 'º', '~', 'z', 'A', '&', 'Z', '0', '*', '9']); var newPass =[]; var arrayLength = password.length; function extractPassword(password) { for (var i = 0; i < arrayLength; i ++) { var j = password[i]; if(('a'<= j && j<= 'z') || ('A'<=j && j<='Z') || ('0'<=j && j<='9')) { newPass.push(j); } } return newPass; } extractPassword(password); console.log(' '+ newPass); // output: >>>>Code is incorrect Your function is not returning the correct value a,z,A,Z,0,9
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.