Pesquisar na Comunidade
Mostrando resultados para as tags ''Javascript''.
Encontrado 798 registros
-
Estou precisando colocar em um site um propriedade que toda vez que clicar em uma imagem apareça uma janela modal com um slide show em que você pode passar as imagens. Por exemplo se tiver a foto de um celular quando eu clicar nela aparecera um slide show, onde você pode ir passando e vendo outras imagens do celular. Eu já tentei fazer mais sempre dá erro quando eu coloco várias imagens e tento chamar uma por uma. Não sei se eu preciso chamar cada slide ou se existe uma forma simples de se fazer isso. Vou postar aqui um código que eu fiz: CSS: * { box-sizing:border-box; font-family: Arial; } .slideshow-container { max-width: 800px; position: relative; margin: auto; } .mySlides { display: none; } .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: #4285f4; font-weight: bold; font-size: 28px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } .dot { cursor: pointer; height: 15px; width: 15px; margin: 10px 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #4285f4; } .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } .img_slide{ width: 100%; height: 500px; } /* ----------------MODAL--------------------------------- */ .modal-container{ width: 100vw; height: 100vh; background: rgba(0, 0, 0, .8); position: fixed; top: 0px; left: 0px; z-index: 2000; display: none; justify-content: center; align-items: center; font-family: Arial, Helvetica, sans-serif; } .modal-container.mostrar{ display: flex; } @keyframes modal{ from{ opacity: 0; transform: translate3d(0, -60px, 0); } to{ opacity: 1; transform: translate3d(0, 0, 0); } } .mostrar .modal-content{ animation: modal .3s; } .fechar{ position: absolute; top: 8px; right: 3px; width: 30px; height: 30px; font-weight: bold; color: #4285f4; font-size: 25px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; background: transparent; border: none; } @media (max-width: 600px) { .img_slide{ width: 100%; height: 300px; } } JAVASCRIPT: var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } function iniciaModal(modalID){ const modal = document.getElementById(modalID); if(modal){ modal.classList.add('mostrar'); modal.addEventListener('click',(e)=>{ if(e.target.id == modalID || e.target.className == 'fechar'){ modal.classList.remove('mostrar'); } }); } } const botaoChama = document.querySelector('#botaoChama'); botaoChama.addEventListener('click',()=>{ iniciaModal('modal'); }); const botaoChama2 = document.querySelector('#botaoChama2'); botaoChama2.addEventListener('click',()=>{ iniciaModal('modal2'); }); HTML: <div id="modal" class="modal-container"> <button class="fechar">X</button> <div class="slideshow-container"> <div class="mySlides fade"> <img src = "https://wallpapercave.com/wp/wp3473585.jpg" class="img_slide"> </div> <div class="mySlides fade"> <img src = "https://i.pinimg.com/originals/cd/7b/5c/cd7b5c8d4687b5c98a445127926a56e2.jpg" class="img_slide"> </div> <div class="mySlides fade"> <img src =" https://wallpapercave.com/wp/wp2043649.png " class="img_slide"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> <div style="text-align:center"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> </div> </div> </div> <div id="modal2" class="modal-container"> <button class="fechar">X</button> <div class="slideshow-container"> <div class="mySlides fade"> <img src="https://wallpapercave.com/wp/wp9688141.jpg" class="img_slide"> </div> <div class="mySlides fade"> <img src="https://wallpapercave.com/wp/wp8480719.jpg" class="img_slide"> </div> <div class="mySlides fade"> <img src="https://wallpapercave.com/wp/wp9683280.jpg" class="img_slide"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> <div style="text-align:center"> <span class="dot" onclick="currentSlide(4)"></span> <span class="dot" onclick="currentSlide(5)"></span> <span class="dot" onclick="currentSlide(6)"></span> </div> </div> </div> <button id="botaoChama">Modal</button> <button id="botaoChama2">Modal 2</button>
- 2 respostas
-
- modal
- javascript
-
(e mais 1 )
Tags:
-
Como passar um array com 2 itens em uma função com 2 parametros
Matheus Bispo postou um tópico no fórum Javascript
Bom dia. Estou com uma situação, tenho um Objeto chamado parametros.params. Dentro deste objeto, pode vir 1 item ou 2 item ou 3 item, enfim, N itens. Exemplo: Parametros.params{ carro: "Gol" }; ou Parametros.params{ modalidade: "Futebol", duracao: 90 }; Percebem que os nomes dos itens, os valores e a quantidade mudaram, isso é o que acontece no meu caso. Continuando... Tenho 2 funções: function chamarmetodo1(argument1, argument2){}; function chamarmetodo2(argument){}; Existe algum método de eu criar algo parecido com isso chamarmetodo1(parametros.params); chamarmetodo2(parametros.params); Ou seja, gostaria de chamar o método que for, indiferente de quantos parâmetros ele espera, e com os itens que vem dentro do meu objeto parametros.params, tem como fazer isso? -
Olá pessoal. Na paz? É o seguinte, tenho um formulário onde gera um cálculo automático conforme abaixo: <div class="container"> <form method="post" style="margin-top: 10px"> <div class="form-group"><label>Valor Total: </label><input type="text" id="valorTotal" class="form-control" value="12000.00" onchange="calcular()"></div> <div class="form-group"> <div class="col-md-12"> <input type="radio" name="JurosDesconto" onclick="desabilitarJurosDesconto(0)"> <label>Juros: <small>Cobrar após o vencimento</small></label> <div class="input-group" style="width: 30%"> <input type="number" name="Juros" id="juros" class="form-control" min="0" max="100" value="0" onKeyPress="if(this.value.length==2) return false;" onchange="calcular()" disabled> <span class="input-group-addon" id="basic-addon2">%</span> </div> </div> </div> <div class="form-group"> <div class="col-md-12"> <input type="radio" name="JurosDesconto" onclick="desabilitarJurosDesconto(1)"> <label>Desconto:</label> <div class="input-group" style="width: 30%"> <input type="number" name="Desconto" id="desconto" class="form-control" min="0" max="100" value="0" onKeyPress="if(this.value.length==2) return false;" onchange="calcular()" disabled> <span class="input-group-addon" id="basic-addon2">%</span> </div> </div> </div> <div class="form-group"> <div class="col-md-12"> <input type="checkbox" name="QTDParcelas" id="qtdParcelas" onclick="desabilitarQtdParcelas()"> <label>Qtd. de parcelas:</label> <div class="input-group" style="width: 30%"> <input type="number" name="QuantidadeParcelas" id="parcelas" class="form-control" min="0" max="100" value="0" onKeyPress="if(this.value.length==2) return false;" onchange="calcular()"> </div> </div> </div> <div class="form-group" style="margin-top: 10px"> <label for="nomealuno" class="control-label">Valor Final: <span style="color: red">*</span></label> <input type="text" name="ValorFinal" id="valorFinal" class="form-control" onchange="calcular()" required="required"> </div> <div class="form-group"> <label for="nomealuno" class="control-label">Valor das parcelas: <span style="color: red">*</span></label> <input type="text" name="ValorParcelas" id="valorParcelas" class="form-control" onchange="calcular()" required="required" onchange="calcular()"> </div> </form> </div> Javascript <script type="text/javascript"> function calcular(){ var valor1 = document.getElementById('valorTotal').value;// valor total var valor1T = parseFloat(valor1.replace(/[^0-9,]*/g, '').replace(',', '.')); var valor2 = parseInt(document.getElementById('juros').value); // juros var valor3 = parseInt(document.getElementById('desconto').value); // descontos var valor4 = document.getElementById('valorParcelas').value; // parcelamento if (!isNaN(valor1T) && !isNaN(valor2) && !isNaN(valor3) && !isNaN(valor4)){ if(valor2){ // juros var valorT = (valor1T * (valor2/100)) + valor1T; } if(valor3){ // desconto var valorT = (valorT * (valor3/100)) - valor1T; } if(valor4){ // parcelamento var valorP = valorT / valor4; if(valor2){ var valorPP = (valorP * (valor2/100)) + valorP; }else if(valor3){ var valorPP = (valorP * (valor3/100)) - valorP; }else{ var valorPP = valorP; } } var valorFinal = "R$ " + parseFloat(valorT).toFixed(2) .replace('.',',') .replace(/([0-9]*)([0-9]{3},*)/, '$1.$2'); document.getElementById('valorFinal').value = valorFinal; if(!isNaN(valorPP)){ var valorFinal = "R$ " + parseFloat(valorPP).toFixed(2) .replace('.',',') .replace(/([0-9]*)([0-9]{3},*)/, '$1.$2'); var valorParcelas = "R$ " + parseFloat(valorPP).toFixed(2) .replace('.',',') .replace(/([0-9]*)([0-9]{3},*)/, '$1.$2'); document.getElementById('valorFinal').value = valorFinal; document.getElementById('valorParcelas').value = valorParcelas; } } } </script> O problema está quando mostro o resultado no campo valorFinal e valorParcelas. Quando crio a máscara de retorno e o valor não é milhar, me retorna dessa forma R$ .323,00. O trecho seria esse: var valorFinal = "R$ " + parseFloat(valorPP).toFixed(2) .replace('.',',') .replace(/([0-9]*)([0-9]{3},*)/, '$1.$2'); var valorParcelas = "R$ " + parseFloat(valorPP).toFixed(2) .replace('.',',') .replace(/([0-9]*)([0-9]{3},*)/, '$1.$2'); Como faço para que essa máscara automática funcione com valores com e sem milhar?
-
Pessoal, preciso super de uma ajuda com o seguinte problema, eu preciso transformar com o javascript um JSON dessa forma: { "registros": { "valores": [ { "label": "DANILO KATHSON BILRO DE SOUZA", "data": [ { "realizado": "96.51" }, { "realizado": "94.58" }, { "realizado": "89.99" }, { "realizado": "93.38" } ] }, { "label": "FRANCISCO GEILSON RAMALHO", "data": [ { "realizado": "88.94" }, { "realizado": "95.95" }, { "realizado": "94.20" }, { "realizado": "92.36" } ] } ] } } Para que ele fique dessa forma: { "registros": { "valores": [ { "label": "DANILO KATHSON BILRO DE SOUZA", "data": ["96.51", "94.58", "89.99", "93.38"] ] }, { "label": "FRANCISCO GEILSON RAMALHO", "data": ["88.94", "95.95", "94.20", "92.36" ] } ] } } poderiam me dar um caminho de como eu poderia fazer isso? Desde já, agradeço muito pelo atenção.
-
input type="time" apagar o value quando o checkbox for desmarcado
carlosmassam postou um tópico no fórum Javascript
Bom dia a todos. Eu tenho o seguinte código em HTML <input type="checkbox" id="checkmarcacao1" name="checkmarcacao1" value="checkmarcacao1"> <input type="time" id="hora101" name="hora101" disabled="disabled"> E tenho o seguinte código em Javascript <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $(document).ready(function () { $('input[name=checkmarcacao1]').change(function() { if ($(this).is(':checked')) { $('input[name=hora101]').removeAttr('disabled'); } else { $('input[name=hora101]').attr('disabled',true); } }); }); </script> Esse meu código em Javascript faz o seguinte: Quando meu Checkbox está marcado, ele habilita o input time. Se eu desmarcar o checkbox, o input time é desabilitado. Acontece que se eu marcar o checkbox, escrever no input time, por exemplo: 12:34, depois desmarcar o checkbox o input time fica desabilitado porém o valor 12:34 ainda fica escrito nele. Eu gostaria de saber como apagar o valor do input time quando o checkbox estiver desmarcado. Quem quiser testar o código segue o link: https://jsfiddle.net/o8f3zvqu/- 1 resposta
-
- input type=time
- input type
- (e mais 5 )
-
Boa tarde, Pessoal estou com uma dificuldade no MYSQL, estou querendo obter dados de um cadastro caso ele tenha preenchido todos os Campos, tentei usar o Group by mas não tive sucesso. Minha tabela e a seguinte: Nome. Pedido. Status Daniel. 9955. Ok Daniel. 9954 Ok Rafael. 9940 Ok Rafael. 9941. Aberto Rafael. 9942. Ok Rodrigo. 9961. Ok Rodrigo. 9962. Ok Meu objetivo e puxar os nomes que estão com todos o pedidos relacionado em ok, no caso o Rafael não pode aparece pois ele tem um pedido Aberto, porém não conseguir fazer isso, pessoal peco a ajuda de VCS muito o obrigado. tentei isso aqui: SELECT nome, pedido, status FROM `cadastros` GROUP BY pedido, nome ORDER BY having status = 'Ok'
-
Como adicionar um evento específico nos campos de um formulário HTML.
Flaviaac postou um tópico no fórum Desenvolvimento frontend
Boa tarde pessoal, gostaria de pedir uma ajuda para criar um evento em um formulário HTML. Eu tenho um formulário em HTML e PHP, e nele tem um campo do tipo select e um campo do tipo text(desabilitado). Gostaria que ao clicar no campo select e escolher qualquer opção da lista, automaticamente em seguida aparecesse dentro do campo text um valor respectivo a opção escolhida anteriormente. Exemplo: Tenho um campo select com tipos diferentes de materiais (vidro, papel, alumínio, etc.) e no campo text(desabilitado) terei a quantidade de anos que cada material demora a se decompor na natureza. O campo text inicialmente estará vazio, mas quando selecionar o material, aparecerá dentro deste text a quantidade de anos. obs.: Os valores do campo select e do campo text estão ambos na mesma tabela do banco de dados(MySQL), o campo select com valores string e o campo text com valores inteiros. Não sei se consegui explicar direito, mas acredito que terei que utilizar javascript para este evento, mas ainda não sei como. Alguém tem ideia de como eu poderia fazer isso ou alguma dica? Muito obrigada!! -
Caros, Tenho 6 inputs para preencher que recebo como base uma planilha em Excel, tenho que fazer manualmente cada coluna no seu respectivo input, alguém já tentou ou sabe se tem alguma forma de copiar a linha do Excel e jogar nos inputs? Ou seja, ao copiar a linha do Excel, ele joga as 6 colunas com os resultados dentro dos inputs.
-
Neste site aqui: https://kithomepage.com/estado-cidade-municipio/ tem um dropdown de Estados, cidades, municípios só que ao selecionar estado, abre um novo seletor de cidades e ao selecionar a cidade abre um novo seletor de bairros. Quero saber se seria possível / viável, abrir no mesmo seletor dropdown select. Ao invés de abrir 3 que o Estado, por exemplo, se "transforma-se" em bairros no option ficaria assim: <select name="endereco" id="estados"> <option>São Paulo</option> <option>Rio de Janeiro</option> </select> Após selecionar o estado o mesmo seletor ficaria assim: <select name="endereco" id="municipio"> <option>São Paulo > Campinas</option> <option>São Paulo > Guarulhos</option> </select> E ao selecionar a cidade ficaria assim: <select name="endereco" id="bairros"> <option>São Paulo > Campinas > Parque Prado</option> <option>São Paulo > Campinas > Taquaral</option> </select> Então enviaria o valor do endereço estado/cidade/bairro em um só dropdown select. Podem me ajudar com dicas e falando se é ou não possível e qual o caminho (o que eu deveria procurar) pra fazer isso. Grato.
- 2 respostas
-
- javascript
- ajax
-
(e mais 1 )
Tags:
-
Esconder botao de abrir em uma nova janela (google drive)
pedro soares da silva postou uma questão Perguntas e respostas rápidas
Adicionei no meu site (wordpress) um video do google drive. ele funciona blz mas gostaria de esconder/remover um botao q aparece no canto superior direito de (abrir em nova janela). link do video na pagina: https://henriquetamenezes.com.br/pagina-teste/ -
const shape = {radios de españa radius: 10, diameter() { radios de españa return this.radius * 2; }, perimeter: () => 2 * Math.PI * this.radius }; shape.diameter( transmission of information from the site of the radio station spain); shape.perimeter(transmission of information from the site of the radio station spain);
-
Salvar dados na tabela com JAVASCRIPT
Jack Oliveira postou uma questão Perguntas e respostas rápidas
Ola pessoal boa noite preciso salvar umas coisas no banco de dados usando ao clicar no botão que esteja aparecendo sem que recarregue a página Seria isso aqui HTML do botão <div class="btn-group"> <a href="javascript:void(0)" class="rate-btn toggole-contnet"> <i class="fa fa-thumbs-o-up" aria-hidden="true"></i> Sim </a> <a href="javascript:void(0)" class="rate-btn toggole-contnet"> <i class="fa fa-thumbs-o-down" aria-hidden="true"></i> Não </a> </div> No PHP para salvar no banco esta da seguinte forma. <?php if(isset($_POST['AvaliComentario'])) { // Se o cookie ainda não foi setado $cookie = isset($_COOKIE["avali_comentario_".$Comentario['id']]) ? $_COOKIE["avali_comentario_".$Comentario['id']] : null; if (!isset($cookie)) { $Adicionar = array( 'comentario_id' => $Comentario['id'], 'up' => post('up'), 'down' => post('down') ); $Query = DBCreate('avali_comentario', $Adicionar); // Se for um sucesso a query if ($Query) { // Seta um cookie setcookie("avali_comentario_".$Comentario['id']."", true, time()+60*60*24*6004); // Retorna false, ou seja, sucesso echo false; Redireciona(''.$URLSHARE.''); }else{ //AbreAlerta("Erro! Ouve um erro ao ".$dados['titulo']."!"); //Redireciona(''.$URLSHARE.''); } }else{ //Sweet('Atenção!!!', 'Você já deu sua Curtida para '.$dados['titulo'].'!', 'warning', 'Fechar'); //AbreAlerta("Ops! Você já deu sua Curtida para ".$dados['titulo']."!"); //Redireciona(''.$URLSHARE.''); } } Só preciso para quando clicar uns dos botão ele salvar sem precisar carregar a página... Se ter um forma diferente para fazer fico grato pelas dicas que puderem dar ai..- 6 respostas
-
- php
- javascript
-
(e mais 1 )
Tags:
-
Olá, atualmente faço parte de uma comunidade brasileira que está imersa em um projeto DeFi de um Token que roda na rede BSC. Temos um Token chamado SkyRocketSR criado a 31 dias e ja somos mais de 5000 pessoas interessadas no seu sucesso. Estamos em busca de programadores, designers e todos que poderem somar à comunidade de alguma forma. Alguém gostaria de saber mais do projeto e quem sabe compor a equipe da linha de frente já que somos uma comunidade? Obrigado e contamos com você. https://skyrocketsr.com/en/ Aqui há mais sobre nós!
-
- criptomoeda
- crypto
- (e mais 8 )
-
Olá, atualmente faço parte de uma comunidade brasileira que está imersa em um projeto DeFi de um Token que roda na rede BSC. Temos um Token chamado SkyRocketSR criado a 31 dias e ja somos mais de 5000 pessoas interessadas no seu sucesso. Estamos em busca de programadores, designers e todos que poderem somar à comunidade de alguma forma. Alguém gostaria de saber mais do projeto e quem sabe compor a equipe da linha de frente já que somos uma comunidade? Obrigado e contamos com você. https://skyrocketsr.com/en/ Aqui há mais sobre nós!
-
- criptomoeda
- crypto
- (e mais 8 )
-
Olá, atualmente faço parte de uma comunidade brasileira que está imersa em um projeto DeFi de um Token que roda na rede BSC. Temos um Token chamado SkyRocketSR criado a 31 dias e ja somos mais de 5000 pessoas interessadas no seu sucesso. Estamos em busca de programadores, designers e todos que poderem somar à comunidade de alguma forma. Alguém gostaria de saber mais do projeto e quem sabe compor a equipe da linha de frente já que somos uma comunidade? Obrigado e contamos com você. https://skyrocketsr.com/en/ Aqui há mais sobre nós!
-
- criptomoeda
- crypto
- (e mais 8 )
-
Boa noite, amigos. Estou tentando inserir data completa e hora, assim: Segunda, 14 de Junho de 2021, 19:05:23 Mas está saindo assim: 1, 1452021, 19:05:23. Segue meu código. Alguém poderia me ajudar a ver o que está errado? <script type="text/javascript"> function startTime() { var today=new Date(); var year=today.getYear(); if (year<2000) year += (year <1900) ? 1900 : 0 var day=today.getDay(); var month=today.getMonth(); var daym=today.getDate(); if (daym<10) daym="0"+daym var dayarray=new Array("Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"); var montharray=new Array("de Janeiro de ","de Fevereiro de ","de Março de ","de Abril de ","de Maio de ","de Junho de ","de Julho de ","de Agosto de ","de Setembro de ","de Outubro de ","de Novembro de ","de Dezembro de "); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); // adicione um zero na frente de números<10 m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=day+","+daym+month+year+", "+h+":"+m+":"+s; t=setTimeout('startTime()',500); } function checkTime(i) { if (i<10) { i="0" + i; } return i; } </script> </head> </head> <body onload="startTime()"> <div id="txt"></div> </body>
-
Estou criando um jogo de avançar casas e não estou conseguindo somar os valores sorteados pelo dado. Quero fazer assim: let somadado=0; let valorsorteado=5; somadado=5; valorsorteado=3; somadado=8; valorsorteado=2; somadado=10; Assim por diante.
-
Olá, Amigos (as), Este código (abaixo) é de um Site Imobiliário. Esta é a página (html) de edição e inclusão de dados e fotos dos imóveis no Painel Admin. Durante muito tempo, no navegador Chrome, o Botão para Upload das Fotos, simplesmente deixava de aparecer. Mas ao configurar site, permissões, javascript - permitir, o botão voltava à aparecer. Porém, há alguns dias essa ação não funciona mais, em navegador nenhum. Não aparece mais o botão. Pode ter sido função PHP, Query ou Json que se tornou obsoleta? Tentei varias ações mas não consigo encontrar o erro para atualizar. DOCUMENTAÇÃO JS: https://jclareteimoveis.com.br/app/helpers/uploadfy/js/jquery.uploadify.v2.1.4.min.js https://jclareteimoveis.com.br/app/helpers/uploadfy/js/swfobject.js Conto com a ajuda de vocês para me salvar dessa! Obrigado à todos! <link href="helpers/uploadfy/css/uploadify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="helpers/uploadfy/js/swfobject.js"></script> <script type="text/javascript" src="helpers/uploadfy/js/jquery.uploadify.v2.1.4.min.js"></script> <script> $(document).ready(function() { $('#fupload').uploadify({ 'uploader' : 'helpers/uploadfy/js/uploadify.swf', 'script' : '[baseUri]/admin/uploadr/[item_id]/', //'cancelImg' : 'helpers/uploadfy/js/cancel.png', 'cancelImg' : 'images/icons/cancelb.png', 'folder' : 'app/fotos', 'auto' : true, 'multi' : true, 'buttonText' : 'Upload', 'sizeLimit' : 25002400, 'width' : 275, 'height' : 40, //'queueSizeLimit' : 10, 'uploadLimit' : 1, 'fileExt' : '*.jpg;*.gif;*.png;*.bmp;*.jpeg', 'fileDesc' : 'Imagens (JPG, GIF, PNG, BMP)', //'buttonImg' : 'helpers/uploadfy/upload.png', 'buttonImg' : 'images/icons/uploadr.png', 'onAllComplete': function(event, queueID, fileObj,response){ reloadFotoBind(); }, 'onComplete': function(event, queueID, fileObj,response){ var response = $.parseJSON(response); $(response).each(function(k,v){ if(v.id != 'error'){ $('<li id="li_'+v.id+'"><img src="[baseUri]/thumb/'+v.url+'/130/100/" id="img_'+v.id+'"/></li>').appendTo('#photo-gallery-ul'); }else{ $('<li>erro</li>').appendTo('#photo-gallery-ul'); } }) //window.location = '[baseUri]/admin/item/editar/[item_id]/fotos/'; } }) }) </script> <input id="fupload" name="upload" type="file" class="hide" />
-
Preciso de ajuda para colocar uma função IF - Else no código abaixo, meu objetivo é que essa parte do código só possa rodar quando eu apertar e segurar a tecla z, agradeceria muito se me ajudassem o código: "lock_new_victim": { "type": "origins:target_action_on_hit" "cooldown": 0, "entity_action": { "type": "origins:and", "actions": [ { "type": "origins:execute_command", "command": "tag @s add PuppeteerVictim", "permission_level": 2 }, { "type": "origins:execute_command", "command": "execute as @s at @s store result score @s VictimOwnerUUID1 run data get entity @p[tag=Puppeteer] UUID[0]", "permission_level": 2 }, { "type": "origins:execute_command", "command": "execute as @s at @s store result score @s VictimOwnerUUID2 run data get entity @p[tag=Puppeteer] UUID[1]", "permission_level": 2 }, { "type": "origins:execute_command", "command": "execute as @s at @s store result score @s VictimOwnerUUID3 run data get entity @p[tag=Puppeteer] UUID[2]", "permission_level": 2 }, { "type": "origins:execute_command", "command": "execute as @s at @s store result score @s VictimOwnerUUID4 run data get entity @p[tag=Puppeteer] UUID[3]", "permission_level": 2 } ] } },
-
Olá pessoal, Sou gestor na área de tecnologia já faz alguns anos e, como a maioria do pessoal que está na área, sofro muito com a falta de mão de obra. Sofremos muito com qualidade de fornecedores, confiança na prestação de serviços, etc. Na área de desenvolvimento isso se intensifica bastante. A demanda cresce vertiginosamente e devido a essa escassez, os projetos de tecnologia acabam tendo atrasos e falta de qualidade. Atualmente existem algumas plataformas de freelancers no mercado, mas todas com muita burocracia e custos altos para os prestadores. A ideia surgiu dessa problemática: Aliar uma plataforma totalmente gratuita, desburocratizada e democrática em que todos tenham acesso a desenvolvimentos de tecnologia diretamente com os profissionais da área. http://www.code4seasons.com Vocês poderiam me dar um feedback do que acharam por favor ?
- 1 resposta
-
Galera estou desenvolvendo uma aplicação na qual eu preciso mostrar as câmeras de monitoramento, as câmeras são da HIKVISION e tenho o link pronto pra mostrar porém sempre pede login e senha como mostra a imagem abaixo: Existe alguma forma de chamar essa tela e preencher via script
-
- html
- javascript
-
(e mais 1 )
Tags:
-
Gostaria de chamar a janela modal de acordo com o produto escolhido para ser excluído, eu ainda estou fazendo o front do projeto mas sei que é possível fazer isso só com javascript seria algo como chamar a janela modal de acordo com o id do produto que será trazido pelo banco de dados CSS: .modal-container{ width: 100vw; height: 100vh; background: rgba(0, 0, 0, .5); position: fixed; top: 0px; left: 0px; z-index: 2000; display: none; justify-content: center; align-items: center; font-family: Arial, Helvetica, sans-serif; } .modal-container.mostrar{ display: flex; } .modal-content{ background: #fff; width: 30%; min-width: 300px; padding: 30px; border: 10px solid #988b7a; box-shadow: 0 0 0 10px #fff; position: relative; } .btn-question{ color: #fff; border-radius: 8px; border: none; width: 120px; height: 60px; font-size: 18px; cursor: pointer; margin-left: 10%; transition: .8s; } .btn-yes{ background-color: #4caf50; } .btn-yes:hover{ background-color: #50dd55; } .btn-no{ background-color:#db4437; } .btn-no:hover{ background-color: #f53625; } @keyframes modal{ from{ opacity: 0; transform: translate3d(0, -60px, 0); } to{ opacity: 1; transform: translate3d(0, 0, 0); } } .mostrar .modal-content{ animation: modal .3s; } .fechar{ position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; border-radius: 50%; border: 4px solid #fff; background: red; color: #fff; font-family: Arial, Helvetica, sans-serif; cursor: pointer; } HTML: <table class="tabela-padrao" border="1px"> <thead> <tr> <th>Produto</th> <th>Marca</th> <th>Quant</th> <th>Preço</th> <th>Excluir</th> </tr> </thead> <tbody> <tr> <td>Mouse</td> <td>Multilaser</td> <td>2</td> <td>50,00</td> <td><button id="botaoChama">Excluir Produto</button></td> </tr> <tr> <td>Teclado</td> <td>Multilaser</td> <td>2</td> <td>50,00</td> <td><button id="botaoChama">Excluir Produto</button></td> </tr> <tr> <td>Fone</td> <td>Multilaser</td> <td>2</td> <td>50,00</td> <td><button id="botaoChama">Excluir Produto</button></td> </tr> </tbody> </table> <div id="modal" class="modal-container"> <div class="modal-content"> <button class="fechar">X</button> <h2 class="subtitulo">Tem certeza que deseja excluir esse produto?</h2> <button class="btn-question btn-yes">Sim</button> <button class="btn-question btn- no">Não</button> </div> </div> JS: function iniciaModal(modalID){ const modal = document.getElementById(modalID); if(modal){ modal.classList.add('mostrar'); modal.addEventListener('click',(e)=>{ if(e.target.id == modalID || e.target.className == 'fechar' || e.target.className == 'btn-question btn-no'){ modal.classList.remove('mostrar'); } }); } } const botaoChama = document.querySelector('#botaoChama'); botaoChama.addEventListener('click',()=>{ iniciaModal("modal"); });
- 4 respostas
-
- javascript
- modal
-
(e mais 1 )
Tags:
-
Carregar página com Ajax e executar Scripts ou Jquery
mateus.andriollo postou um tópico no fórum Javascript
Estou importando um conteúdo de uma outra página por load() porém script na página importa da não executa, nem as marcações de Jquery. Em resumo todo meu script tem q estar na página principal. -
Estou tentando alterar um css via javascript mas por algum motivo da erro se puder ajudar agradeço html <!DOCTYPE html> <html lang="pt-br"> <head> <!--Titulo--> <title>Projeto</title> <!--Cadeia de caracteres--> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-compatible" content="ei=edge"> <link rel="stylesheet" type="text/css" href="css/estilo.css"> </head> <body> <header></header> <input type="checkbox" id="chk" onclick="chk()"> <label for="chk" class="menu-chk">☰</label> <div class="bg"></div> <nav class="menu" id="principal"> <ul> <li><a href="#" class="home">Home</a></li> <li><a href="#">Contato</a></li> <li><a href="#">Forum</a></li> <li><a href="#">Sobre</a></li> </ul> </nav> <footer> <script type="text/javascript" src="js/javascript.js"></script> </footer> </body> </html> css *{ padding: 0; margin: 0; } header{ position: fixed; top: 0; left: 0; height: 50px; width: 100%; background-color: #5b859a; } .menu-chk{ position: fixed; font-size: 25px; font-weight: bold; padding: 5px; width: 40px; height: 40px; text-align: center; background-color: #5b859a; color: #fff; cursor: pointer; transition: all.4s; left: 301px; top: 0; } .menu-chk:hover{ background-color: #fff; color: #5b859a; } .menu{ height: 100%; position: fixed; background-color: #222; top: 0; overflow: hidden; transition: all .4s; } #principal{ width: 300px; left: -300px; } ul{ list-style: none; } ul li a{ display: block; font-size: 18px; font-family: 'Arial'; padding: 10px; border-bottom: solid 1px #000; color: #ccc; text-decoration: none; transition: all.4s; } ul li span{ float: right; padding-right: 10px; } ul li a:hover{ background-color: #5b859a; } .home{ margin-top: 60px; background-color: #111; border-left: solid 5px #444; } js function chk() { var chk = document.getElementById('chk'); var menu = document.getElementById('principal'); chk.is(':checked'){ menu.style.left = "300px"; } }
- 2 respostas
-
Menu one page como manter na mesma tag mesmo atualizando a página
Sapinn postou um tópico no fórum Javascript
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.