Jump to content

Search the Community

Showing results for tags 'JavaScript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2244 results

  1. Ola Programadores de Plantão!! Eu tendo um problema em um sistema que eu criei. Criei um sistema WEB de cadastro de questões dissertativa, porem o formulário de cadastro ta e uma tabelas os no BD, mais para frente a pesquisa ficara mais complicada por esse motivo. E também n consigo fazer o relacionamento no select de pesquisa. Olha em baixo o SELECT de pesquisa. Mas agora eu quero separa cada campo do select de pesquisa em um tabela so, Ficando assim o bd: name db: db_quest; name tabelas: tb_ano: id (int), ano (int); tb_assunto: id (int), assunto(varchar); tb_banca : id (int), banca (varchar); tb_ cargo: id (int), cargo (varchar); tb_especialidade : id (int), especialidade (varchar); tb_formacao : id (int), formacao (varchar); tb_orgao : id (int), orgao (varchar); tb_qtdLinha : id (int), qtdLinha (int); tb_tema : id (int), tema(varchar); tb_quest: id (int), tb_ano (MULL), tb_assunto (MULL), tb_banca (MULL), tb_formacao (MULL), tb_especialidade (MULL), tb_cargo (MULL), tb_orgao (MULL), tb_qtdLinha (MULL), tb_tema (MULL), enunciado (TEXT), padraoRes (TEXT), resolucao (TEXT), video (VARCHAR), material (VARCHAR), professor (VARCHAR) , exibir (INT). Blz. A agora minha duvida e essa. Como vou fazer um formulário com esse banco ? Como vou fazer um formulário que tem campos de outras tabelas (de chaves estrangeira)? As imagens a baixo, são para mostrar o SELECT DE PESQUISA que usa para buscar questões no estilo https://qconcursos.com. E também tem as imagens que mostra como esta o meu formulário de cadastro das questões pss: se poder manda alguns arquivos de eexemplo eu agradeço muito
  2. Bruno123

    Mostrar a maior e a menor nota

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="text" id="entrada" placeholder="Nome"> <input type="button" value = "Iniciar"onclick = "botao()"> <input type="text" id="entrada2" placeholder="nota"> <ul id="tabela"> <li id="NotaMaior"></li> <li id="NotaMenor"></li> </ul> <script src="JavaScript.js"></script> </body> </html> "use strict" let maior = 0 let menor = 0 function botao() { tabela.innerHTML += `<tr> <td> ${entrada.value} </td> <td> ${entrada2.value}</td> </tr>` if (entrada2.value > maior) { maior = entrada2.value } else if ((entrada2.value < menor) || (menor == 0)) { menor = entrada2.value } NotaMaior.innerHTML += ` / Maior ${maior}` NotaMenor.innerHTML += ` / Menor ${menor}` } Olá, não estou conseguindo mostrar a maior e a menor nota, poderiam ajudar ? Grato !
  3. Olá pessoal, beleza? Tenho uma calculadora específica e quero que quando clicar no botão ela calcula e mostra os valores em uma outra página. Tentei usar o window.open e não consegui. Pra abrir na mesma página usando o parâmetro _self eu consegui com essas informações; só pra abrir em um endereço específico que não. <script> function calculadora(){ var v1 = document.getElementById("valor_1").value; var v2 = document.getElementById("valor_2").value; var v3 = document.getElementById("valor_3").value; document.form.campo1.value = v1/2; document.form.campo2.value = v2/3; document.form.campo3.value = v3/4; document.form.total.value = v1/2 + v2/3 +v3/4; } </script> <script> novajanela(){ myWindow = window.open("https://www.novajanela.com/"); document.form.camp1.value = "valor 1 " + document.getElementById("campo1").value; document.form.camp2.value = "valor 2 " + document.getElementById("campo2").value; document.form.camp3.value = "valor 3 " + document.getElementById("campo3").value; document.form.tot.value = "total " + document.getElementById("total").value; } </script> ***Html na Página 1*** <strong>Valor 1</strong><input name="valor 1" id="valor 1"> <p><strong>Valor 2</strong><input name="valor 2" id="valor 2"></p> <p><strong>Valor 3</strong><input name="valor 3" id="valor 3"> <button value="Calcular" onClick="calculadora(); novajanela()" type="button">Calcular</button> <input name="campo1" id="campo1"> <input name="campo2" id="campo2"> <input name="campo3" id="campo3"> <input name="total" id="total"> ***html da página 2*** Resultado da Calculadora <input name="camp1" id="camp1"> <input name="camp2" id="camp2"> <input name="camp3" id="camp3"> <input name="tot" id="tot">
  4. Perroni91

    Formulário de contato

    Olá. Alguém poderia me dar uma ajudinha por favor? Tenho um formulário de contato que está funcionando perfeitamente, mas a mensagem de enviado com sucesso está aparecendo em outra página. Teria como fazer com que esse alert seja dado no próprio index.html e depois que apertasse em "ok", limpar o formulário e permanecer na mesma página? E teria também como fazer para que esse formulário fosse parar na caixa de entrada do email e não no spam? Obrigada. <?php // Colocar na tag form os seguintes atributos: <form method="post" action="enviar.php"> $para = "marciasprates@hotmail.com"; // Mudar o e-mail para o destinatário $assunto = "Contato via site | Web Net Informática"; // Assunto do E-mail $mensagem = "<strong>Nome: </strong>".$_POST['nome']; // Campos do formulário. Colocar o equivalente no atributo name do campo. $mensagem .= "<br><strong>E-mail: </strong>".$_POST['email']; // Campos do formulário. Colocar o equivalente no atributo name do campo. $mensagem .= "<br><strong>Telefone: </strong>".$_POST['telefone']; // Campos do formulário. Colocar o equivalente no atributo name do campo. $mensagem .= "<br><strong>Mensagem: </strong>".$_POST['msg']; // Campos do formulário. Colocar o equivalente no atributo name do campo. $cabecalho = "Content-Type:text/html; charset=UTF-8\n"; $cabecalho .= "From: Web Net Informática <www.webnetinformatica.com.br>\n"; // Mudar o e-mail para o destinatário $cabecalho .= "X-Sender: <marciasprates@hotmail.com>\n"; // Mudar o e-mail para o destinatário $cabecalho .= "X-Mailer: PHP v".phpversion()."\n"; $cabecalho .= "X-IP: ".$_SERVER['REMOTE_ADDR']."\n"; $cabecalho .= "Return-Path: <marciasprates@hotmail.com>\n"; // Mudar o e-mail para o destinatário $cabecalho .= "MIME-Version: 1.0\n"; if(mail($para, $assunto, $mensagem, $cabecalho)) { echo "<script type=\"text/javascript\">". "alert('Email enviado com sucesso! Entraremos em contato em breve.');". // Mensagem exibida em caso de sucesso "window.location = 'index.html';". // URL que será redirecionado em caso de sucesso "</script>"; } else { echo "Ocorreu um problema ao enviar seu e-mail. Tente novamente ou entre em contato por telefone."; // Mensagem de Erro } ?> <form action="mail/contact_me.php" method="POST" name="sentMessage" id="contactForm" novalidate> <div class="control-group form-group"> <div class="controls"> <label>Nome:</label> <input type="text" class="form-control" id="nome" name="nome" required data-validation-required-message="Por favor, coloque seu nome."> <p class="help-block"></p> </div> </div> <div class="control-group form-group"> <div class="controls"> <label>Telefone:</label> <input type="tel" class="form-control" name="telefone" id="telefone" required data-validation-required-message="Coloque seu telefone."> </div> </div> <div class="control-group form-group"> <div class="controls"> <label>Email:</label> <input type="email" class="form-control" name="email" id="email" required data-validation-required-message="Preencha seu email."> </div> </div> <div class="control-group form-group"> <div class="controls"> <label>Mensagem:</label> <textarea rows="5" cols="100" class="form-control" id="msg" name="msg" required data-validation-required-message="Digite sua mensagem" maxlength="999" style="resize:none"></textarea> </div> </div> <div id="success"></div> <!-- For success/fail messages --> <button type="submit" class="btn btn-primary float-right" id="sendMessageButton">Enviar Mensagem</button> </form>
  5. felipe__kun

    Foto Moldura

    Olá pessoal, Bem preciso desenvolver uma página onde a pessoa faz o upload de uma imagem redimensiona e corta e em seguida a foto é aplicada em uma imagem png. Tipo aqueles sites de moldura e tal. eu pesquisei e o máximo que consegui encontrar foi isso: https://codepen.io/Felipe__kun/pen/qwGrGy Fui entrando em sites que fazem isso e tudo mais(tipo esse:https://www.fotoefeitos.com/cat-molduras-fotos), analisei os códigos de alguns para ver se conseguia um norte mas sem sucesso, os sites que visitei são uma tremenda bagunça e não adquirir muito conhecimento. Dai recorri à esse fórum fiz a conta aqui e cá estou, se alguém puder me dar um norte de como eu faço isso agradeço. Sou recém formado nessa areá e obviamente não sei tudo, e é isso muito obrigado.
  6. Como faço para enviar um pârametro com método $_Get com Bootstrap e colocá-lo em uma variável em PHP, e depois mostrar uma lista de dados em um outro modal ?
  7. Boa tarde!! Estou com uma dúvida de arquitetura me corroendo onde eu coloco o código de um controle de estoque e onde faço sua chamada? Estou desenvolvendo um sistema que entre os seus módulos tera um controle de estoque, como eu organizo o código deste módulo. Vamos a um exemplo: Toda vez que eu fizer uma venda preciso diminuir o numero de itens do produto vendido da tabela produtos. A função/metodo dimiuirItem() {bla bla} Deve ficar no EstoqueController ? Ou crio uma camada a mais na arquitetura MVC apenas para guardar as classes de controle de estoques ? Ou ainda desenvolvo tudo no Model. E caso a nova camada seja o mais correto a fazer onde devo chamar os métodos dentro do Model ou nos Controllers? Muito obrgado e desculpem o tamanho da duvida kkkk
  8. Guilherme De Lima Campos

    Problema com .load()

    Boa noite a todos, estou com um problema numa função .load que estou a 2 dias batendo a cabeça e não me dou conta de como resolver, gostaria de poder contar com a colaboração dos amigos. Segue meu código: teste.php <!DOCTYPE html> <html> <head> <title>Pagina de Testes</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>BASE | Aplicativo de Controle Financeiro</title> <link rel="SHORTCUT ICON" href="/app/imagem/icone.png"> <link rel="shortcut icon" href="/app/imagem/icone.png" type="image/x-icon"> <script src="/app/script/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/app/script/bootstrap_4.3.1/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="/app/script/bootstrap_4.3.1/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="/app/script/bootstrap_4.3.1/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="/app/script/bootstrap_4.3.1/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="/app/script/jquery.maskMoney.js" type="text/javascript"></script> <link rel="stylesheet" href="/app/visual/estilo.css"> <script type="text/javascript"> func = function(){ $("#popup").html(''); $("#popup").load('popup/novo-lancamento.php'); } </script> </head> <body> <div id="popup"> DIV de Pop-up </div> <h1>TESTES</h1> <a href="teste.php"><button>ATUALIZAR</button></a> <button onclick="func()"> EXECUTAR</button><br /> </body> </html> A função executa o .html() porém o .load() não funciona...
  9. Bom Glr, Tô Fazendo Um Web Site E Quero Fazer Umas Funções Escondidas Nela! bom meu objetivo era tipo apertas as tecla do teclado CTRL+A e abrir uma janela flutuante <form action=""> <input type="file" name="tag"><br> <input type="submit" value="Submit"> </form> Então vou falar resumidamente: ENTRAVA NO SITE, APERTAVA CTRL+A E APARECIA ESSA JANELA FLUTUANTE!! Quem Puder Ajudar....Ficaria Mil Agradecido!!!
  10. 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?
  11. denilson dias

    Como fazer select com dados de uma tabela

    Olá bom dia, eu preciso fazer um pesquisar com 4 selects, terá que vim do banco de dados esses dados, porém estou trabalhando com views ou seja, primeiro crio o arquivo.html e só em outra área do site eu faço as rotas, e como todos sabemos não da pra colocar PHP no HTML... queria fazer dessa forma aqui Ai puxaria de uma tabela no banco de dados, mas, não estou conseguindo fazer... Queria uma orientação... Por favor!
  12. boa noite, é meu primeiro post aqui, eu preciso de ajuda pra colocar um "churrascômetro" no meu site do wordpress, nao tenho noção nenhuma de como fazer isso, alguem pode me dar um norte? é pra um trabalho da faculdade. obrigado  exemplo de como eu quero fazer: http://www.epa.com.br/churrascometro/
  13. <html> <head> <style> body{ background: #ecf0f1; } #container-main{ margin:40px auto; width:95%; min-width:320px; max-width:960px; } #container-main h1{ font-size: 40px; text-shadow:4px 4px 5px #16a085; } .accordion-container { width: 100%; margin: 0 0 20px; clear:both; } .accordion-titulo { position: relative; display: block; padding: 20px; font-size: 24px; font-weight: 300; background: #fd0404; color: rgb(0, 0, 0); text-decoration: none; } .accordion-titulo.open { background: #ff0000; color: #fff; } .accordion-titulo:hover { background: #1abc9c; } .accordion-titulo span.toggle-icon:before { content:"+"; } .accordion-titulo.open span.toggle-icon:before { content:"-"; } .accordion-titulo span.toggle-icon { position: absolute; top: 10px; right: 20px; font-size: 38px; font-weight:bold; } .accordion-content { display: none; padding: 20px; overflow: auto; } .accordion-content p{ margin:0; } .accordion-content img { display: block; float: left; margin: 0 15px 10px 0; width: 50%; height: auto; } @media (max-width: 767px) { .accordion-content { padding: 10px 0; } } </style> <script> $(function(){ $(".accordion-titulo").click(function(e){ e.preventDefault(); var abra=$(this).next(".accordion-content"); if(abra.css("display")=="none"){ //open abra.slideDown(250); $(this).addClass("open"); } else{ //close abra .slideUp(250); $(this).removeClass("open"); } }); }); </script> </head> <body> <div id="container-main"> <h1>Os Mitos do Fut</h1> <div class="accordion-container"> <a href="#" class="accordion-titulo">Messi<span class="toggle-icon"></span></a> <div class="accordion-content"> <img src="http://e0.365dm.com/15/05/660x350/champions-league-barcelona-bayern-munich-soccer-messi_3299830.jpg?20150506214236" alt=""/> <p> Biografia de Lionel Messi Lionel Messi (1987) é um jogador de futebol argentino que joga no time Barcelona. Foi considerado o melhor jogador do mundo por várias vezes e campeão por três anos consecutivos. Lionel Andrés Messi (1987) nasceu em Rosário, na Argentina, no dia 24 de junho de 1987. Revelou interesse pelo futebol desde a infância. Jogou num pequeno clube chamado Abanderado Grandoli, localizado perto de sua casa. Aos 7 anos, entrou para jogar no time Newell's Old Boys. Messi enfrentou problemas hormonais que lhe impedia o crescimento de forma natural. Por isso, fez tratamento com medicação injetável. </p> </div> </div> <div class="accordion-container"> <a href="#" class="accordion-titulo">CR7 (C.Ronaldo)<span class="toggle-icon"></span></a> <div class="accordion-content"> <img src="http://www.abc.es/Media/201301/10/cristiano-ronaldo--644x362.jpg" alt=""/> <p> </p> </div> </div> </div> </body> </html>
  14. adrianomonteiroweb

    Scroll

    Galera, é possível realizar o efeito scroll suave até uma div após algum tempo determinado que a página carregar?
  15. Bom dia gostaria de saber se algume pode me ajudar quando eu clico no marcador ele muda de cor porem quando clico em outro ele nao volta a cor original console.log('Yet another Hello world'); var map = null; var activeInfoWindow; placesOfInterest = [ { name: 'Charme da paulista', lat: -23.562172, lng: -46.655794 }, { name: 'The Blue Pub', lat: -23.563112, lng: -46.650338 }, { name: 'Veloso', lat: -23.585107, lng: -46.635219 }, { name: 'Let\'s Beer', lat: -23.586508, lng: -46.641739 }, { name: 'O\'Malley\'s', lat: -23.558296, lng: -46.665923 }, { name: 'Finnegan\'s', lat: -23.559547, lng: -46.676794 }, { name: 'Partisans', lat: -23.561049, lng: -46.682555 }, { name: 'Morrison', lat: -23.555106, lng: -46.690883 }, { name: 'Cão Véio', lat: -23.558130, lng: -46.679508 }, { name: 'Cervejaria Nacional', lat: -23.564740, lng: -46.690641 }, { name: 'Brewdog', lat: -23.561309, lng: -46.693935 }, { name: 'Rei das Batidas', lat: -23.570613, lng: -46.705977 } ]; const customIcon = { path: 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z', fillColor: 'white', fillOpacity: 0.98, scale: 0.98, strokeColor: '#666666', strokeWeight: 3 }; function addMarker(marker) { for (var i = 0; i < placesOfInterest.length; ++i) { var marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(marker.lat, marker.lng), icon: customIcon, title: marker.name }); attachSecretMessage(marker, placesOfInterest[i]); } function attachSecretMessage(marker) { var infowindow = new google.maps.InfoWindow({ content: marker.title, }); var cont = 0; google.maps.event.addDomListener(marker,'click', function() { if (activeInfoWindow) { activeInfoWindow.close(); } infowindow.open(map, marker); activeInfoWindow = infowindow; this.setIcon({ path: 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z', fillColor: 'black', fillOpacity: 0.98, scale: 0.98, strokeColor: '#666666', strokeWeight: 3 }) }); } } function initMap() { var mapOptions = { center: new google.maps.LatLng(-23.562172, -46.655794), gestureHandling: 'greedy', zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControlOptions: { mapTypeIds: [google.maps.MapTypeId.ROADMAP] }, disableDefaultUI: true, scaleControl: true, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.DEFAULT, } }; map = new google.maps.Map(document.getElementById('map'), mapOptions); //Adicionando o primeiro marcador como exemplo addMarker(placesOfInterest[1]); addMarker(placesOfInterest[0]); addMarker(placesOfInterest[2]); addMarker(placesOfInterest[3]); addMarker(placesOfInterest[4]); addMarker(placesOfInterest[5]); addMarker(placesOfInterest[6]); }
  16. Bom dia gostaria de saber se algume pode me ajudar quando eu clico no marcador ele muda de cor porem quando clico em outro ele nao volta a cor original console.log('Yet another Hello world'); var map = null; var activeInfoWindow; placesOfInterest = [ { name: 'Charme da paulista', lat: -23.562172, lng: -46.655794 }, { name: 'The Blue Pub', lat: -23.563112, lng: -46.650338 }, { name: 'Veloso', lat: -23.585107, lng: -46.635219 }, { name: 'Let\'s Beer', lat: -23.586508, lng: -46.641739 }, { name: 'O\'Malley\'s', lat: -23.558296, lng: -46.665923 }, { name: 'Finnegan\'s', lat: -23.559547, lng: -46.676794 }, { name: 'Partisans', lat: -23.561049, lng: -46.682555 }, { name: 'Morrison', lat: -23.555106, lng: -46.690883 }, { name: 'Cão Véio', lat: -23.558130, lng: -46.679508 }, { name: 'Cervejaria Nacional', lat: -23.564740, lng: -46.690641 }, { name: 'Brewdog', lat: -23.561309, lng: -46.693935 }, { name: 'Rei das Batidas', lat: -23.570613, lng: -46.705977 } ]; const customIcon = { path: 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z', fillColor: 'white', fillOpacity: 0.98, scale: 0.98, strokeColor: '#666666', strokeWeight: 3 }; function addMarker(marker) { for (var i = 0; i < placesOfInterest.length; ++i) { var marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(marker.lat, marker.lng), icon: customIcon, title: marker.name }); attachSecretMessage(marker, placesOfInterest[i]); } function attachSecretMessage(marker) { var infowindow = new google.maps.InfoWindow({ content: marker.title, }); var cont = 0; google.maps.event.addDomListener(marker,'click', function() { if (activeInfoWindow) { activeInfoWindow.close(); } infowindow.open(map, marker); activeInfoWindow = infowindow; }); } } function initMap() { var mapOptions = { center: new google.maps.LatLng(-23.562172, -46.655794), gestureHandling: 'greedy', zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControlOptions: { mapTypeIds: [google.maps.MapTypeId.ROADMAP] }, disableDefaultUI: true, scaleControl: true, zoomControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.DEFAULT, } }; map = new google.maps.Map(document.getElementById('map'), mapOptions); //Adicionando o primeiro marcador como exemplo addMarker(placesOfInterest[1]); addMarker(placesOfInterest[0]); addMarker(placesOfInterest[2]); addMarker(placesOfInterest[3]); addMarker(placesOfInterest[4]); addMarker(placesOfInterest[5]); addMarker(placesOfInterest[6]); }
  17. Bom dia, quero redirecionar uma pagina em PHP que foi gerada por AJAX, utilizei <?php Header( "HTTP/1.1 302 Found" ); Header( "Location: http://site.com.br" ); Com isso redirecionou apenas a pagina interna e não todo conteúdo, sei que com javascript utilizando o código abaixo funciona perfeitamente parent.window.document.location.href = 'http://site.com.br'; dei uma pesquisada e encontrei algumas dicas como incluir no cabeçalho o comando abaixo, mas também não deu certo, só redireciona o conteúdo interno <?php header('Window-target: _parent');
  18. kikekun

    Criador de Personagem

    Olá! Eu queria fazer um criador de personagens para colocar na web, e tomei como base este código aqui: https://codepen.io/kristenmay/pen/kkkdBr pra fazer em javascript, mas ainda ta limitado pro que eu quero. Preciso de um botão que altere mais de uma imagem ao mesmo tempo (por exemplo: pra fazer com que duas imagens de cabelo apareçam ao mesmo tempo, uma na camada da frente, outra na de trás); um botão para alterar as cores das imagens (até consegui colocar essa barra de HUE, mas ela só muda a cor da primeira imagem, e quando passa, volta pro padrão (esse vermelho que coloquei em todas pra facilitar). mas o ideal mesmo seria um botão especifico pra o tipo de imagem que esteja sendo mudada, por exemplo... o de cabelos mudaria a cor da imagem entre moreno; castanho claro; castanho escuro; branco; loiro claro; loiro escuro; e ruivo... já o botão de cor da pele mudaria entre branco; pardo; asiatico e negro); e um botão de download para as pessoas baixarem seu personagem criado = P Da pra fazer isso? como eu faço? xD (posso tentar postar o codigo em algum lugar se precisar) Ta assim:
  19. VCastilho

    Filtro Personalizado JavaScript

    Bom Dia Estou desenvolvendo um Filtro Personalizado, no qual vou criando um arvore com o cliente e assim o levando ate o objetivo dele Segue o link do filtro: https://github.com/VCastilho/filtro Porém chego até o "2 Câmeras" e o filtro não funciona mais, já revisei, coloquei o JS em validadores e não achei o erro, poderiam me dar uma ajuda? Atenciosamente Vinicius Castilho
  20. Boa noite, eu preciso fazer uma linha do tempo, e queria que ela fosse animada, por exemplo: quando o usuário da scroll na tela, as informações (imagens) começam a aparecer. Eu achei um código para essa parte, mas eu não queria que a imagem simplesmente brotasse na tela, eu queria que ela deslizasse dos cantos da tela e parasse do lado da linha. Alguém sabe como fazer algo parecido com isso? Espero que de para entender a explicação.
  21. Rodrigo F

    ajuda com php

    olá boa noite , gostaria de saber se esta informação que irei apresentar se é mesmo real e pode mesmo vir a funcionar , a questão é a seguinte um user registava-se no banco de dados e logo automaticamente ja tinha criado um pasta e um subdominio isso tudo automatico feito por um simples registo , isto é necessario php e js fazer o sistema registo é facil já o tenho feito só nao sei como é que faço a parte de criar uma pasta automatica e como cria um subdominio com o nome do user automatico : gostaria imenso de saber se isso funciona assim atentamente Rodrigo Ferreira
  22. Bom Dia Estou tentando aplicar um HTML com Javascript no Portifólio do Meu Wordpress Mas assim que coloco ele deforma, como as imagens no final: Em vez de modificar apenas horizontalmente, modifica também verticalmente, iguais as imagens, conferi o código e não localizei algo que causa isso, sendo que se visualizar o código no navegador, esta normal. A parte que esta desalinhado creio que consigo arrumar depois com o CSS Segue o código completo: <!doctype> <html> <head> <meta charset="utf-8"> <style> * { font-size: 16px; box-sizing: border-box; } button { display: block; margin: auto; } article { position: relative; display: inline-block; } aside { height: 200px; max-width: 260px; font-size: 3.2rem; font-weight: bold; line-height: 200px; display: inline-block; vertical-align: bottom; } aside#left { text-align: right; padding-right: 2rem; } aside#right { text-align: left; padding-left: 2rem; } .img-comp-container { height: 200px; min-width: 820px; position: relative; text-align: center; } .img-comp-img { width: 300px; height: 200px; overflow: hidden; position: absolute; } .img-comp-img img { display: block; vertical-align: middle; } .img-comp-slider { position: absolute; z-index: 9; cursor: ew-resize; width: 24px; height: 24px; background-image: url("http://images.tcdn.com.br/678962/themes/37/img/clicker1.png?325.80026377726244"); opacity: 1; } </style> </head> <body> <button onclick="initComparisons()">Centralizar ajustes</button> <div class="img-comp-container"> <aside id="left">Antes</aside> <article> <div class="img-comp-img "> <img src="https://www.lupadigital.info/wp-content/uploads/2018/05/imagens-gratis.jpg" width="280" height="200" alt="" /> </div> <div class="img-comp-img img-comp-overlay"> <img src="http://s2.glbimg.com/7B_srQyXERP_NoJCHSzgOnuwsyc=/smart/e.glbimg.com/og/ed/f/original/2017/07/26/best-sapce-photos-2017-designboom-10.jpg" width="280" height="200" alt="" /> </div> </article> <aside id="right">Depois</aside> </div> <script> slider = document.createElement("DIV"); slider.setAttribute("class", "img-comp-slider"); console.log(getId('right')); getId('right').style.width = getId('left').offsetWidth; function initComparisons() { var x, i, c, cc; getId('left').style.color = "#808080"; getId('right').style.color = "#808080"; x = document.getElementsByClassName("img-comp-overlay"); for (i = 0; i < x.length; i++) { x[i].style.width = "300px"; compareImages(x[i]); } function compareImages(img) { var clicked = 0, w = img.offsetWidth, h = img.offsetHeight; img.style.width = (w / 2) + "px"; img.parentElement.insertBefore(slider, img); img.parentElement.style.width = w; img.parentElement.style.height = h; slider.style.top = (h / 1) - (slider.offsetHeight / 2) + "px"; slider.style.left = (w / 2) - (slider.offsetWidth / 2) + "px"; slider.addEventListener("mousedown", slideReady); window.addEventListener("mouseup", slideFinish); slider.addEventListener("touchstart", slideReady); window.addEventListener("touchstop", slideFinish); function slideReady(e) { e.preventDefault(); clicked = 1; window.addEventListener("mousemove", slideMove); window.addEventListener("touchmove", slideMove); } function slideFinish() { clicked = 0; } function slideMove(e) { var pos; if (clicked == 0) return false; pos = getCursorPos(e) if (pos < 0) pos = 0; if (pos > w) pos = w; slide(pos); } function getCursorPos(e) { var a, x = 0; e = e || window.event; a = img.getBoundingClientRect(); x = e.pageX - a.left; x = x - window.pageXOffset; return x; } function slide(x) { c = 225 * x / w; cc = 225 - c; getId('right').style.color = "rgb(" + c + ',' + c + ',' + c + ")"; getId('left').style.color = "rgb(" + cc + ',' + cc + ',' + cc + ")"; img.style.width = x + "px"; slider.style.left = img.offsetWidth - (slider.offsetWidth / 2) + "px"; } } } function getId(ref) { return document.getElementById(ref); } initComparisons(); </script> </body> </html> Sendo que estou tentando utilizar tudo no mesmo arquivo, com o e o Estou fazendo errado? Há uma forma correta?
  23. Boa tarde pessoal, Sou nova por aqui e também sou nova na programação, e gostaria da ajuda de alguém, se possível. Eu montei uma pagina que cria questionários, onde o usuário pode criar perguntas com 4 tipos de respostas (Radio, Checkbox, Text e Number). Porém não sei como verificar se no questionário, foi criado pelo menos uma pergunta de cada tipo. Montei assim: <select name="tipoconsquestao" id="tipoconsquestao" style="color:#000000; font-size:9px; width:130px; "> <option value="1" selected >Única escolha</option> <option value="2">Múltipla escolha</option> <option value="3">Texto livre</option> <option value="4">Número livre</option> </select> Criei um bloco desses para cada tipo de pergunta: <%if (ArrayQuestions(6,i) = 1) then%> <td width="8%" align=center> <input name="<%=conta_grupo%>" data-sm-tipo="<%=ArrayQuestions(6,i)%>" data-sm-vrmaxquestao="<%=ArrayQuestions(11,i)%>" data-sm-questao-numero="<%=ArrayQuestions(2,i)%>" data-sm- alternativa="<%=ArrayQuestions(3,i)%>" data-sm-questao="<%=conta_grupo%>" id="<%=conta_Alternativa%>" type="radio" value="<%=ArrayQuestions(3,i) %>" <%if ArrayQuestions(4,i) = 1 then response.write "checked"%>/> </td> <td width="92%" >&nbsp;&nbsp;&nbsp;<b><%=ArrayQuestions(1,i)%><b></td> <% end if %> Recebo aqui: var arrayquestoes = []; var arrayalternativas = []; var questionarioRadio = []; var questionarioCheck = []; var questionarioText = []; var questionarioNum = []; for (var i = 1; i <= n_grupos; i++) { var countRadio = 0; var countCheck = 0; var countText = 0; var countVrText = 0; var countVariosVrText = 0; var countNum = 0; $("[data-sm-questao='" + i + "']").each(function (index, value) { var questao = $(this).attr("data-sm-questao-numero"); var alternativa = $(this).attr("data-sm-alternativa"); //alert(alternativa); var vralternativa = $(this).val(); var tipoalternativa = $(this).attr("data-sm-tipo"); vrmaxtotalizacao = $(this).attr("data-sm-vrmaxquestao"); arrayquestoes[i - 1] = questao; //============================================================================================================== // Verifica todos os campos tipo questão 1 (Radiobuttons) e carrega o array questionarioRadio com true ou false //============================================================================================================== if (eval(tipoalternativa) == 1) { if (this.checked) { questionarioRadio[countRadio] = true; if (textoalternativas == '') { textoalternativas = questao + '|' + alternativa + '|' + 1; } else { textoalternativas = textoalternativas + ';'+ questao + '|' + alternativa + '|' + 1; } } else { questionarioRadio[countRadio] = false; } countRadio = countRadio + 1; //console.log(cont); } Faço a validação aqui: for (var k = 0; k < questionarioRadio.length; k++) { if (questionarioRadio[k]) { if (!saidafinalRadio) { saidafinalRadio = true; } } } if (questionarioRadio.length == 1) { saidafinalRadio = true; } } if (!saidafinalRadio) { alert('Por favor responda todas as questões de única escolha.'); return; } E mando para o banco de dados.
  24. peterstefan

    LOAD NÃO PARA DE CARREGAR

    Bom dia, estou fazendo uma cadastro via rest e estou utilizando o curl para cadastrar no webservice... Meu código está cadastrando tudo certinho, porem quando ele cadastra e mostra o retorno que foi cadastrado com sucesso ele fica o AGUARDE, CARREGANDO e não para.. não sei oque esta faltando pq já tentei varias coisas e não deu certo... $Data = [ "nomeRazaoSocial" => $PostData['nomeRazaoSocial'], "identMF" => $PostData['identMF'], "email" => $PostData['email'], "telefone" => $PostData['telefone'], "senhaProvisoria" => $PostData['senhaProvisoria'] ]; $DataString = json_encode($Data); $curl = curl_init(WEBSERVICECADASTRO); curl_setopt($curl, CURLOPT_CUSTOMREQUEST, "POST"); curl_setopt($curl, CURLOPT_POSTFIELDS, $DataString); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_HTTPHEADER, array( 'Content-Type: application/json', 'Content-Length: ' . strlen($DataString)) ); $result = curl_exec($curl); if ($result) { $jSON['success'] = "<i class='icon-checkmark'></i>Pronto, cadastro foi realizado com sucesso!"; }else{ $jSON['error'] = "<i class='icon-warning'></i>Oops! Erro ao cadastrar! Por favor, tente novamente!"; }
  25. lucianfpaula

    Mudar cor de texto selecionado

    Olá saudações, tenho a seguinte duvida, dentro de uma div vou ter varios campos de texto, seja h1, p, smaill etc.. a minha duvida é a seguinte: como manipular a cor de um texto selecionado, tipo tenho um <h1>Minha texto que pode ser grande, quero mudar essa cor</h1> tem varios editor que usam textarea, mas queria saber se é possivel fazer isso a partir de qualquer tag. tipo seleciono o texto e clico em um botão com a cor que quero e mude o texto selecionado. Muito obrigado
×

Important Information

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