Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''Javascript''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 798 registros

  1. Sapinn

    Janela Modal com Slide Show

    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. 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?
  3. Marcos RJ

    Máscara com Javascript

    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?
  4. bruno153

    JSON linhas para colunas

    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.
  5. 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/
  6. 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'
  7. 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!!
  8. fideles

    Copiar linha Excel e colar em input

    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.
  9. AndersonWS

    Seletor de estado/cidade/bairro no mesmo dropdown select

    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.
  10. 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/
  11. Emitim1298

    Erro de instalação de rádio online

    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);
  12. 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..
  13. 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!
  14. 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!
  15. 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!
  16. mm_edilson

    Data e Hora PHP / JavaScript - O que está errado?

    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>
  17. 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.
  18. Renato Fonte

    Botão de Upload não aparece mais

    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" />
  19. Tecnix

    Como colocar uma função IF Else aqui?

    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 } ] } },
  20. 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 ?
  21. asacap1000

    Carregar Usuario e senha automaticos

    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
  22. Sapinn

    Chamar janela modal para diferentes

    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"); });
  23. mateus.andriollo

    Carregar página com Ajax e executar Scripts ou Jquery

    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.
  24. LuizH.M

    Editar um css usando javacript

    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">&#9776;</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"; } }
  25. 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.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.