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

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 1933 registros

  1. Boa tarde, estou fazendo um site para uma cliente, ele tem interação com a api Google Maps plataform, quando o usuário está logado na sua conta do google fica aparecendo a foto dele no maps, a minha cliente gostaria que desativasse isso, eu expliquei que só a pessoa consegui vê e tudo, mas por ser um site restrito ela gostaria disso desativado. Gostaria de saber se tem como desativar isso por meio de código no wordpress. Segue abaixo a foto do mapa com a foto de perfil. Obrigada desde já. Codigo do functions.php add_shortcode('mapa', 'iframe_maps_api'); function iframe_maps_api($atts) { $pais = $estado = $cidade = $bairro = $numero = ''; $pais = str_replace( "-", "+", sanitize_title($atts['pais']) ); $estado = str_replace( "-", "+", sanitize_title($atts['estado']) ); $cidade = str_replace( "-", "+", sanitize_title($atts['cidade']) ); $bairro = str_replace( "-", "+", sanitize_title($atts['bairro']) ); $numero = str_replace( "-", "+", sanitize_title($atts['numero']) ); return ' <iframe id="maps_api" src="https://www.google.com/maps/embed/v1/place?key='.$atts['key'].'&q='.$pais.','.$estado.','.$cidade.','.$bairro.','.$numero.'" allowfullscreen> </iframe>'; } codigo da pagina que tem o maps <?php $cidade = get_dados_cadastro_anunciante('cidade'); $estado = get_dados_cadastro_anunciante('estado'); $bairro = get_dados_cadastro_anunciante('bairro'); if ( ! empty($cidade) && ! empty($estado) ) { echo '<div class="box-mapa-iframe">'; echo do_shortcode('[mapa key="AIzaSyBBxZc2NLpikD63PndZ-LtHum2iYhkr1yw" pais="Brasil" estado="'.$estado.'" cidade="'.$cidade.'" bairro="'.$bairro.'"]'); echo '</div>'; echo '<div class="rota_como_chegar"> <a href="https://www.google.com.br/maps/dir//Brasil,'.$cidade.','.$estado.','.$bairro.'/" target="_blank">Como Chegar <i class="fas fa-map-marker-alt"></i></a> </div>'; ?>
  2. Guga Alves

    Pesquisar e ocultar/mostrar conteúdos

    Preciso fazer uma pesquisa em uma DIV X, baseado no que for encontrado nas DIVs filhas da DIV X, os itens serão mostrados ou ocultados. Encontrei um exemplo que faz exatamente o que preciso fazer, porém ela esta sendo feita em uma tabela: <div class="cont"> <input type="text" class="input-search" alt="lista-clientes" placeholder="Buscar nesta lista" /> <br style="clear:both"> <table class="lista-clientes" width="100%"> <thead> <tr> <th align="center" width="5%">#</th> <th>Cliente</th> <th>Carro</th> </tr> </thead> <tbody> <tr> <td align="center">1</td> <td>José Ribeiro</td> <td>VW Gol 1.0</td> </tr> <tr> <td align="center">2</td> <td>Maria Conceição</td> <td>Fiat Palio 1.0</td> </tr> <tr> <td align="center">3</td> <td>Lourdes Silva</td> <td>Chevrolet Cosa 1.0</td> </tr> <tr> <td align="center">4</td> <td>Marcos Henrique</td> <td>VW Jetta 2.0</td> </tr> </tbody> </table> </div> $(function(){ $(".input-search").keyup(function(){ //pega o css da tabela var tabela = $(this).attr('alt'); if( $(this).val() != ""){ $("."+tabela+" tbody>tr").hide(); $("."+tabela+" td:contains-ci('" + $(this).val() + "')").parent("tr").show(); } else{ $("."+tabela+" tbody>tr").show(); } }); }); $.extend($.expr[":"], { "contains-ci": function(elem, i, match, array) { return (elem.textContent || elem.innerText || $(elem).text() || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0; } }); /* > Para o input */ .input-search{ border:1px solid #CCC; padding:5px 14px; font-size:12px; margin:10px 0; float:right; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; border-radius:15px; } .input-search::-webkit-input-placeholder{ font-style:italic } .input-search:-moz-placeholder { font-style:italic } .input-search:-ms-input-placeholder { font-style:italic } table.lista-clientes{ border-collapse:collapse; font-size:12px; font-family:Tahoma, Geneva, sans-serif; } table.lista-clientes th{ padding:5px; background:#EEE; border:1px solid #CCC; } table.lista-clientes td{ padding:3px; border:1px solid #CCC; } .cont{ width:300px; margin:30px; overflow:hidden; } Alguém que realmente entenda de Jquery pode me ajudar a adaptar este exemplo para utilização com divs e classes?
  3. violin101

    Após mensagem de erro, as imagens some.

    Caros amigos, saudações... Estou com um problema que não estou conseguindo identificar onde estou errando. Tenho uma rotina onde anexo imagens: - para anexar tudo certinho - para excluir tudo certinho O problema é quando não seleciona nenhum arquivo e o usuário tenta clica no botão anexar. - mostra a mensagem de erro, beleza. após mostrar a mensagem de erro as imagens anexadas some e é preciso dar um F5 ou refresh. Como faço para após dar a mensagem de erro as imagens anexadas não some da lista ? o código abaixo: //Adicionar Anexos - Imagens $("#formAnexos").validate({ submitHandler: function( form ){ //var dados = $( form ).serialize(); var dados = new FormData(form); $("#form-anexos").hide('1000'); $("#divAnexos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>"); $.ajax({ type: "POST", url: "<?php echo base_url();?>index.php/imoveis/anexar", data: dados, mimeType:"multipart/form-data", contentType: false, cache: false, processData:false, dataType: 'json', success: function(data) { if(data.result == true){ $("#divAnexos" ).load("<?php echo current_url();?> #divAnexos" ); $('input[type=file]').val(null); } else{ //Aqui mostro a mensagem de erro $("#divAnexos").html('<div class="alert fade in"><button type="button" class="close" data-dismiss="alert">×</button><strong>Atenção!</strong> '+data.mensagem+'</div>'); $('input[type=file]').val(null); } }, error : function() { $("#divAnexos").html('<div class="alert alert-danger fade in"><button type="button" class="close" data-dismiss="alert">×</button><strong>Atenção!</strong> Ocorreu um erro. Verifique se você anexou o(s) arquivo(s).</div>'); } }); $("#form-anexos").show('1000'); return false; } }); Grato, Renato
  4. Cláudio Rogério Jr

    Ajuda com Javascript - recuperar valores gerados por loops

    Olá muito bom dia a todos, sou principiante com javascript se meu código estiver errado me corrijam por favor. Minha dúvida é o seguinte estou fazendo um sistema web que a pessoa escolhe através de um combobox a quantidade de campos que ela ira gerar, cujo campos são para a inserção de textos até aqui consegui fazer funcionar normalmente (não sei se fiz da forma correta, porém esta funcionando) minha dúvida é saber como posso pegar os textos que foram inseridos em cada textbox, sendo que os campos foram gerados por meio de um loop (for). Segue o código (javascript): function gerar() { var qntMaquinas = document.getElementById("qntdm").options[document.getElementById("qntdm").selectedIndex].text; var nodeElement = document.getElementById(''gerarM''); for (var i = 0; i < qntMaquinas-1; i++) { var clone = nodeElement.cloneNode(true); var campo = document.body.appendChild(clone)[i]; } } function limpar() { window.location.reload() }
  5. samruiz

    Recuperar Dados De Formulario

    Ola pessoal tudo bem? Esto aprendendo a linguagem php e estou com dificuldade com formulário. Tenho o seguinte código: <div class="col-md-12"> <form action=""> <h4>Por favor inserir pagamento Cartão ou Dinheiro!</h4> <input type="text" name="pagamento" placeholder="Cartão ou Dinheiro?" class="btn-block text-danger" required> <h4>Caso seu pagamento seja dinheiro, vai precisar de troco? Se sim para quantos?</h4> <input type="text" name="troco" placeholder="Precisa de Troco?" class="btn-block text-danger" required> </form> </div> Seria um pagina de confirmar pedido, gostaria que meus clientes colocassem dados nos inputs e que estes dados fossem passados na tela e enviado por e-mail para que eu vese a forma de pagamento. Obrigado
  6. marcos.troia

    HTML - Mudanças não são carregadas

    Pessoal, estou num projeto web, e uso para testes o XAMPP, mas quando faço modificações no HTML ou no JavaScript, e recarrego a pagina, as modificações não são realizadas, apenas se limpar o cache do navegador, queria saber como posso resolver isso, pois isso torna o desenvolvimento muito lento. Agradeço imensamente se puderem me ajudar.
  7. samruiz

    Botoes

    Ola pessoal tenho sera que alguem poderia me ajudar com este codigo? {foreach from=$PRO item=P} <li class="col-md-4"> <div class="thumbnail"> <script type="text/javascript"> function id( el ){ return document.getElementById( el ); } function menos( id_qnt ) { var qnt = parseInt( id( id_qnt ).value ); if( qnt > 1 ) id( id_qnt ).value = qnt - 1; } function mais( id_qnt ) { id( id_qnt ).value = parseInt( id( id_qnt ).value ) + 1; } </script> <img src="{$P.pro_img}" width="200" height="200" alt="" > <div class="caption"> <h4 class="text-center"> {$P.pro_nome}</h4> <h3 class="text-center text-danger">R$ {$P.pro_valor}</h3> <form action="" method="post" > <input type="button" value="-" onclick="menos( 'quantidade1' )"> <input type="text" name="quantidade" id="quantidade1" value="0" size="1" readonly="readonly" /> <input type="button" value="+" onclick="mais( 'quantidade1' )"> </form> <a href="{$PRO_INFO}/{$P.pro_id}/{$P.pro_slug}"> <button class="btn btn-info">Comprar</button> </a> </div> </div> </li> {/foreach} Estou tentando recuperar a quantidade para passar para o carrinho mas não estou conseguindo,
  8. Skalke

    AJAX Tabelas

    Boa noite, estou fazendo uma listagem de objetos do banco de dados em uma tabela com o PHP, e com cada registro, por meio de um WHILE, eu coloco um botão de excluir referente ao ID do respectivo item que será deletado. Enviando via ajax e deletando. Porém, ele só deixa deletar o primeiro registro da tabela, o que está em primeiro, os demais ele não deixa. Imagem do código ajax e da tabela anexadas. Agradeço desde ja pela ajuda
  9. Sou iniciante em PHP, estou criando um sistema para gerenciamento de fila de banco. https://i.imgur.com/RCDPQ5E.png Funciona assim: 1º o cliente retira a senha, a cada click uma nova senha é gerada.(até aí tudo bem) 2º quando o caixa clicar em Chamar, para chamar a próxima pessoa da fila a senha seria exibida na tela (Esse é o problema, não faço a mínima ideia de como exibir a senha via javascript). https://i.imgur.com/oznFsOu.png Obs: Todas as senhas geradas são guardadas em um txt. https://i.imgur.com/0THr1Lk.png O que foi feito até agora: HTML/JavaScript <html> <body> <title>Fila</title> <h2>Gerenciamento de fila de banco</h2> <form method = "get" action = "newbie.php"> <!--PARTE DO CLIENTE --> RETIRE SUA SENHA AQUI : <input type="submit" value="Retirar senha"/><br/> <!--PARTE DO ATENDENTE--> <br/><label>ESCOLHA O CAIXA: </label> <select> <option>CAIXA DE ATENDIMENTO/PAGAMENTO</option> </select><br/> <br/>CLIQUE AQUI PARA CHAMAR: <input type="button" value="Chamar" onclick="msg()"> </form> <script> function msg() { alert("Exibir a senha gerada aqui"); } </script> </body> </html> PHP <?php // Esse código é do 'tetsuo', um membro do fórum // define letras maiúsculas de A até Z $letras = range('A', 'Z'); // define números inteiros de 1 até 9 $numeros = range(1, 9); // embaralha as letras shuffle($letras); // embaralha os números shuffle($numeros); // cria uma senha com 3 letras - um número $senha = implode('', array_slice($letras, 3, 3)) . '-' . end($numeros); //define um nome para o arquivo $file = 'senhas.txt'; // se não puder criar/abrir o arquivo if (!$handleFile = fopen($file, "a+")) { // mostra mensagem na tela die("<p>Erro ao abrir/criar o arquivo: (<b>$file</b>)</p>"); } // grava senha com uma quebra de linha no final fwrite($handleFile, $senha . "\r\n"); // fecha o arquivo fclose($handleFile); // mostra o conteúdo do arquivo na tela: echo '<pre>'; print_r(file_get_contents($file)); echo '</pre>'; ?> <a href="newbie.html">Gerar nova senha.</a>
  10. camargo.2018

    JavaScript função de curtir

    Tou querendo fazer um sistema de like alguém sabe oque estou errando ? Pós não tenho muito conhecimento em JavaScript <script type="text/javascript"> $(".like2").click(function(){ function(){ if($(this).attr("src") == 'img/like-yes.png') document.getElementsByid('gosto').src = 'img/like-no.png'; else document.getElementsByid('gosto').src = 'img/like-yes.png'; } }); </script> <div class="like" id="<?php echo $post["id"]; ?>"> <img class="like2" src="<?php if($like['like'] == "yes"){echo 'img/like-yes.png';}else{ echo'img/like-no.png'; }?>" id="gosto" style="margin-top:10px;width:20px;height:20px;cursor: pointer;margin-left:20px;"><p style="position: absolute;padding-left: 50px;margin-top: -22px;color:#999;cursor: pointer;">Curtir</p> </div>
  11. LordGargamel

    Script para preencher campo de site

    Olá pessoal, existe um site chamado "dontpad.com", que é feito para armazenar textos. O uso é simples: se insere uma '/' após a URL e digita-se um identificador, e nesse link é possível digitar o que você tem em mente. Eu queria criar um script para inserir elementos dentro desse link, mas sou iniciante em JS e não sei como começar. Abraços.
  12. lucascsaalvine

    Remover artigos, pronomes de um Array.

    Boa tarde pessoal, Estou com um problema que é: depois de criar a nuvem de palavras (cloud_tag) esta gerando com todos os artigos, pronomes (lixo) que estao no texto constructor(props) {. super(props);. . let data_words = [];. . for(let i in props.words) {. let item = props.words[i];. data_words.push({"text": item[0],"value": item[1]*4}). }. . this.state = {. data: data_words. }. }. Alguem pode me ajudar com alguma solucao para isso? Eu tentei algumas coisas com o `splice()`, mas nao deu muito certo nao. Obrigado....
  13. jcsalim

    Exibir detalhes do cupom via javascript

    Pessoal, tudo bem com vcs estou com uma dúvida no meu código, tenho um código php com mysql que realiza um seleciona os dados no Mysql e exibe normalmente no Html, criei um codigo em javascript que exibe os dados ao clicar em um radio para validar um cupom. Nesse código ele valida o cupom mas não exibe a mensagem conforme no php no primeiro echo 'Cupom validado com sucesso', preciso que exiba essa mensagem e me exiba na div #consult os detalhes do cupom vindo do banco de dados. veja o código em javascript: $(document).ready(function(){ $("#codigo_cupom").blur(function(){ $("#consult").load("valida_cupom.php?codigo_cupom="+this.value); }); }); Veja o código php e mysql: <?php include("Connections/conn.php"); $codigo = trim($_GET["codigo_cupom"]); $procura = "SELECT * FROM tbl_cupom WHERE codigo_cupom = '$codigo'"; $resultado = mysqli_query($conn, $procura); $resposta = mysqli_num_rows($resultado); if ($resposta > 0) { echo "<p>Cupom validado com sucesso</p>"; } else { echo "<p>Cupom não existente!</p>"; } ?>
  14. Tem como eu configurar uma página em um site para ler um código de barras pela câmera do mobile? Se sim há como fazer só com php e javascript?
  15. Olá meus Jovens, trazendo um tópico aqui pra quem quer criar um formulário para contato quando para cadastro de usuário ou outra coisa sem atualizar a página! Primeiramente Vamos criar nosso formulário <form id="envia_msg" action="" method="POST"> <input type="text" name="nome" placeholder="Nome..." required> <br /> <input type="text" name="email" placeholder="E-mail..." required> <br> <textarea name="msg" placeholder="Sua Mensagem..." required></textarea> <br /> <button type="submit" >Enviar</button> </form> <p id="resultado"></p> Dei o id para o form e deixei a ação em branco usando o method POST .. Muito importante essas configurações. Vocês devem ter reparado o paragrafo em baixo do Form, este paragrafo é aonde ira aparecer a mensagem para o usuário caso ocorra tudo certo, e ele também recebeu um id. Agora vamos incluir o Jquery em nossa página, sem ele não funciona, vai por mim!!! <script type="text/javascript" href="https://code.jquery.com/jquery-3.2.1.min.js" ></script> Agora vamos pro Javascript, o javascript vai ter a função de enviar os dados e mostrar a mensagem! $(function(){ $('#envia_msg').submit(function(event){ event.preventDefault(); var formDados = new FormData($(this)[0]); $.ajax({ url:'envia_msg.php', type:'POST', data:formDados, cache:false, contentType:false, processData:false, success:function (data) {document.getElementById('resultado').innerHTML = 'Enviado! Em breve Entraremos em contato.'; $('#envia_msg').each (function(){ this.reset(); }); }, dataType:'html' }); return false; }); }); Então apos o formulario que tem o id envia_msg for submetido ele cria uma função event que pega os dados do formulario, e passa para o $.ajax enviar os dados para a página envia_msg.php que ainda vamos criar, apos enviado o success entra em ação criando uma niva function, que mostra a mensagem "Enviado! Em breve entraremos em contato."... e Pronto dados enviado sem atualizar a página! --- A Parte "dificil foi feita" -- Agora vamos tratar com carinho os dados enviado para a página envia_msg.php vamos recebe-los e inserir no banco de dados. isso com , a linguagem mais top de todas!! PHP kkk <?php $host = "localhost"; $user = "root"; $senha = ""; $db = "tabela"; $conn = mysqli_connect($host, $user, $senha, $db); $nome = $_POST['nome']; $email = $_POST['email']; $msg = $_POST['msg']; $sql = "INSERT INTO `contato` (`nome`,`email`,`msg`) VALUES ('{$nome}','{$email}','{$msg}')"; $conn->query($sql); ?> E PRONTO CABOUUU!! VAALLEEUUU
  16. Paulo Ladeira

    Como obter a posição do vetor php no javascript?

    Como obter a posição do vetor que equivale a posição da foto que foi clicada quando selecionada no evento onclick ? A primeira foto selecionada no banco de dados, deve mostrar as fotos 01,02 e 03. A segunda foto, deve mostrar os angulos 04,05 e 06 e assim sucessivamente...! Segue o link para visualizar melhor, no modelo CAPTUR. syncpl.com.br/dsv/veiculos.php <?php if ($_SERVER['REQUEST_METHOD'] != 'POST') { die(); } $arquivo_pd = "tb_veiculos"; $selecao = "0"; $sql = null; $modelo = array(); $marca = array(); $cor = array(); $url_foto01 = array(); $url_foto02 = array(); $url_foto03 = array(); $modelo_marca = $_POST['modelo_marca']; $pesq = "false"; $selconv = "0"; ?> <div class="container-fluid cfg-servicos padding-top mt-3 mb-5" id="veiculos"> <p class="cfg-titulo text-center"><b>AUTOMÓVEIS</b></p> <div id="accordion"> <div class="row justify-content-left"> <?php while ($pesq == "false") { if ($modelo_marca != "") { $sql = "SELECT * FROM $arquivo_pd WHERE modelo like '%".$modelo_marca."%'" or die('Erro de seleção na tb_veiculos'); $pesq = "true"; } $result_pd= mysqli_query($strcon,$sql) or die('Erro de consulta na tb_veiculos'); $selconv = "0"; while ($row = mysqli_fetch_array($result_pd)) { $modelo[] = $row['modelo']; $marca[] = $row['marca']; $cor[] = $row['cor']; $url_foto01[] = $row['url_foto01']; $url_foto02[] = $row['url_foto02']; $url_foto03[] = $row['url_foto03']; $lin++; $selconv = "1"; } if ($selconv == "0") { ?> <script> alert ("Seleção não encontrada!!");</script> <?php $pesq = "true"; } $pesq = "true"; for($i = 0; $i < $lin; $i++) { if ($modelo[$i] != "") { $rows++; } } for($i = 0; $i < $rows; $i++) { ?> <div class="col-md-3 col-sm-6 col-10 ml-5"> <div class="card"> <div class="inner"> <img class="card-img-top" src=<?php echo json_encode($url_foto01[$i]);?> id="trocaimg" alt="modelo"> </div> <div class="card-header"> <input type="button" value="1" onclick="img01();" /> <input type="button" value="2" onclick="img02();" /> <input type="button" value="3" onclick="img03();" /> <script> function img01 () { document.getElementById("trocaimg").src=<?php echo json_encode($url_foto01[$i]);?>; } function img02 () { document.getElementById("trocaimg").src=<?php echo json_encode($url_foto02[$i]);?>; } function img03 () { document.getElementById("trocaimg").src=<?php echo json_encode($url_foto03[$i]);?>; } </script> </div> <div class="card-body"> <?php echo "$modelo[$i]<br>"; echo "$marca[$i]<br>"; echo "$cor[$i]"; ?> </div> </div> </div><!--col-md--> <?php } } ?> </div> </div> </div><!--container-->
  17. Thiago Duarte

    Adicionar dominio por um dashboard

    Olá, gostaria de adicionar dominios através do dashboard sem usar o cpanel. Seria o cliente que iria cadastrar um subdominio dessa forma nome-de-usuario.dominio.com/nome-do-site e depois de fazer upgrade ele iria substituir pelo dominio proprio que ele escolher no site é dificil fazer isso? alguém pode ajudar? Obrigado a todos.
  18. Galera tenho o seguinte codigo onde se escolhe o estado e logo apos a cidade deste estado, Só que agora tenho mais uma questão Existe a possibilidade de que quando a pessoa escolhe por exemplo o Estado: São Paulo e depois a Cidade por exemplo Ribeirão Preto ai abre uma página com informações dessa cidade? Ou um botão que depois que escolher as opções no Comobox a pessoa clica no botão e acessa a página relativa a sua escolha? Da para fazer isso com Javascript? segue o codigo que achei aqui mesmo. <!DOCTYPE html> <html lang="pt-BR" dir="ltr"> <script> var options = { "São Paulo" : ["São Paulo", "Itápolis", "Araraquara", "Ribeirão Preto", "Jacareí"], "Rio de Janeiro" : ["Rio de Janeiro", "Niteroi", "Petropolis", "Belford Roxo", "Nova Iguaçu"], "Santa Catarina" : ["Joinville", "Florianópolis", "Blumenau", "Criciúma", "Chapecó"] }; var load= function(){ var estados = document.getElementById("estados"); var chaves = Object.keys(options); var l = document.createElement("option"); l.textContent = 'Escolha um estado'; l.value = null; estados.appendChild(l); for(var i = 0; i < chaves.length; i++) { var opt = chaves[i]; var el = document.createElement("option"); el.textContent = opt; el.value = opt; estados.appendChild(el); } } var setCidades = function (){ var estados = document.getElementById("estados"); var estado = estados.options[estados.selectedIndex].value; var cidades = options[estado]; var cidade = document.getElementById("cidade"); cidade.innerHTML=''; if(cidades){ for(var i = 0; i < cidades.length; i++) { var el = document.createElement("option"); el.textContent = cidades[i]; el.value = cidades[i]; cidade.appendChild(el); } } } </script> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body onload="load();"> Escolha o Estado <select id="estados" onchange="setCidades(); return false;"> </select> <br> Escolha a Cidade <select id="cidade" > </select> </body> </html>
  19. 11closed

    Erro Alert não está funcionando corretamente

    Olá pessoal, não estou conseguindo identificar o erro na codificação. o codigo se trata de uma verificação de convites de amigos, onde não posso enviar convides para a mesma pessoa, os convites são enviados pelo ID dos usuarios vejam o codigo javascript <script type="text/javascript"> function verifica() { if (form.convida_amigo2.value != '' && form.convida_amigo3.value != '') { if (form.convida_amigo2.value == form.convida_amigo3.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 3 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo2.value != '' && form.convida_amigo4.value != '') { if (form.convida_amigo2.value == form.convida_amigo4.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 4 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo2.value != '' && form.convida_amigo5.value != '') { if (form.convida_amigo2.value == form.convida_amigo5.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 5 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo2.value != '' && form.convida_amigo6.value != '') { if (form.convida_amigo2.value == form.convida_amigo6.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 6 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo2.value != '' && form.convida_amigo7.value != '') { if (form.convida_amigo2.value == form.convida_amigo7.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 2 e o convite 7 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo3.value != '' && form.convida_amigo4.value != '') { if (form.convida_amigo3.value == form.convida_amigo4.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 3 e o convite 4 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo3.value != '' && form.convida_amigo5.value != '') { if (form.convida_amigo3.value == form.convida_amigo5.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 3 e o convite 5 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo3.value != '' && form.convida_amigo6.value != '') { if (form.convida_amigo3.value == form.convida_amigo6.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 3 e o convite 6 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo3.value != '' && form.convida_amigo7.value != '') { if (form.convida_amigo3.value == form.convida_amigo7.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 3 e o convite 7 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo4.value != '' && form.convida_amigo5.value != '') { if (form.convida_amigo4.value == form.convida_amigo5.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 4 e o convite 5 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo4.value != '' && form.convida_amigo6.value != '') { if (form.convida_amigo4.value == form.convida_amigo6.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 4 e o convite 6 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo4.value != '' && form.convida_amigo7.value != '') { if (form.convida_amigo4.value == form.convida_amigo7.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 4 e o convite 7 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo5.value != '' && form.convida_amigo6.value != '') { if (form.convida_amigo5.value == form.convida_amigo6.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 5 e o convite 6 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo5.value != '' && form.convida_amigo7.value != '') { if (form.convida_amigo5.value == form.convida_amigo7.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 5 e o convite 7 n\u00e3o podem ser iguais."); return false; } } if (form.convida_amigo6.value != '' && form.convida_amigo7.value != '') { if (form.convida_amigo6.value == form.convida_amigo7.value) { alert("ERRO: Envie apenas 1 convite por usu\u00e1rio(ID), o convite 6 e o convite 7 n\u00e3o podem ser iguais."); return false; } } } </script> E o html é bem simples <form id="form" name="form" method="post" action="criando.php"> <?php if($mais_participantes >= '2'){ ?> <label for="exampleInputEmail1">2 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo2" class="form-control" id="exampleInputEmail2" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" /> <?php } if($mais_participantes >= '3'){ ?> <label for="exampleInputEmail1">3 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo3" class="form-control" id="exampleInputEmail3" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" /> <?php } if($mais_participantes >= '4'){ ?> <label for="exampleInputEmail1">4 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo4" class="form-control" id="exampleInputEmail4" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" /> <?php } if($mais_participantes >= '5'){ ?> <label for="exampleInputEmail1">5 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo5" class="form-control" id="exampleInputEmail5" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" /> <?php } if($mais_participantes >= '6'){ ?> <label for="exampleInputEmail1">6 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo6" class="form-control" id="exampleInputEmail6" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" /> <?php } if($mais_participantes >= '7'){ ?> <label for="exampleInputEmail1">7 Convite: N&uacute;mero de Identifica&ccedil;&atilde;o do seu amigo(ID):</label> <i class="fa fa-user"></i> <input type="text" name="convida_amigo7" class="form-control" id="exampleInputEmail7" placeholder="N&uacute;mero de ID" onkeypress="return SomenteNumero(event);" /> <?php } ?> <input type="submit" class="btn btn-primary btn-lg" Onclick="return verifica()" value="Criar Sala" /> </form> O PROBLEMA É QUANDO EU COLOCO EXEMPLO: CONVITE 2: 3 CONVITE 3: CONVITE 4: CONVITE 5: CONVITE 6: 10 CONVITE 7: 10 Era para dar o ERRO avisando que o convite 6 esta igual ao convite 7, mas ao inves de fazer isso está enviando os dados para outra pagina sem dar o erro, agora se eu retirar o 3 do convite 2, ai sim da o erro, o que estou fazendo de errado? alguem poderia me ajudar ?
  20. byantunes

    Efeito do site da coca cola

    Olá, alguem poderia me ajuda a resolver esse problema ? Como faz pra criar esse efeito aqui do site da coca cola ? O efeito é esse de a logo a cada scroll que você da na pagina ela vai diminuindo até que fica na barra de navegação, achei muito massa.
  21. Davi M.

    Bug no slider

    Olá, queria a ajuda de alguém para tentar resolver um bug no meu slider, acontece que aparentemente ele funciona normalmente, mas em algum momento quando volto para olhar-lo as vezes ele começa a trocar as imagens de forma muito rápida, tipo em um e um segundo, mas logo para e funciona normal. Não consegui descobrir o porque. Duvido que vocês vão ter tempo e paciência de ficar olhando para o slider para ver o erro, então queria que vocês apenas olhassem para os códigos do meus slider e me dissesse se tem algo que eu estou fazendo de errado ou que poderia fazer melhor, afim de não term mais chances do slider ter esse bug. Obrigado. Código: <html> <head> <title>Slider</title> <style> /* SLIDER */ * { margin:0; padding:0; } .slides { width: 100%; height: 100%; z-index: 200; position: relative; border-bottom: ridge blue 5px; } #imagem1, #imagem2, #imagem3 { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 200; } #imagem2, #imagem3 { display: none; } #imagem1 { display: block; } /*Botões*/ #B1, #B2, #B3 { z-index: 300; font-size: 50px; } #B1v, #B2v, #B3v { z-index: 300; font-size: 50px; } #pausar1, #pausar2, #pausar3 { z-index: 300; font-size: 50px; } #continuar1, #continuar2, #continuar3 { z-index: 300; font-size: 50px; display: none; } .textoSlider { position: relative; top: -250px; text-align: center; color: white; font-size: 30px; width: 80%; z-index: 300; } .saberMais { font-size: 20px; font-weight: bold; background-color: #00BFFF; width: 150px; padding-top: 10px; padding-bottom: 10px; border-radius: 5px; cursor: pointer; text-align: center; position: relative; bottom: 230px; z-index: 300; } .saberMais:hover { transform: scale(.9); transition: 1s; border-radius: 10px; background-color: #1E90FF; } .saberMais a:hover { color: orange; } .saberMais a { text-decoration: none; color: blue; } #controle { display: flex; justify-content: space-between; } .controleEstilo { width: 10%; height: 10%; margin: 10px; text-align: center; color: white; position: relative; bottom: 240px; } .controleEstilo:hover { color: #104af6; transition-duration: 1s; } .introducaoSlider { display: flex; justify-content: center; } .tituloSlider { font-size: 30px; color: red; } @media only screen and (max-width: 1100px) { .textoSlider { font-size: 20px; width: 95%; } } </style> </head> <body> <!-- SLIDER --> <header> <ul> <li> <div id="imagem1"> <img src="https://joaobidu.com.br/wp-content/uploads/2017/05/foto-de-lua-crescente-550x367.jpg" class="slides"> <div class="introducaoSlider"> <div class="textoSlider"> <div class="tituloSlider">Titulo 1</div> <label>Texto, texto texto texto texto texto texto texto texto texto texto texto</label> </div> </div> <div class="introducaoSlider"> <div class="saberMais"><a href="#titulo1" class="scroll">Saber Mais</a></div> </div> <div id="controle"> <div class="controleEstilo" id="B1v">&#65513;</div> <div class="controleEstilo" id="pausar1">&#10073;&#10073;</div> <div class="controleEstilo" id="continuar1">&#9655;</div> <div class="controleEstilo" id="B1">&#65515;</div> </div> </div> </li> <li> <div id="imagem2"> <img src="http://conexaoplaneta.com.br/wp-content/uploads/2016/05/cultivando-fases-da-lua-800.jpg" class="slides"> <div class="introducaoSlider"> <div class="textoSlider"> <div class="tituloSlider">Titulo 2</div> <label>Texto, texto texto texto texto texto texto texto texto texto texto texto</label> </div> </div> <div class="introducaoSlider"> <div class="saberMais" ><a href="#titulo2" class="scroll">Saber Mais</a></div> </div> <div id="controle"> <div class="controleEstilo" id="B2v">&#65513;</div> <div class="controleEstilo" id="pausar2">&#10073;&#10073;</div> <div class="controleEstilo" id="continuar2">&#9655;</div> <div class="controleEstilo" id="B2">&#65515;</div> </div> </div> </li> <li> <div id="imagem3"> <img src="https://abrilclaudia.files.wordpress.com/2017/11/lua_cheia.jpg" class="slides"> <div class="introducaoSlider"> <div class="textoSlider"> <div class="tituloSlider">Titulo 3</div> <label>Texto, texto texto texto texto texto texto texto texto texto texto texto</label> </div> </div> <div class="introducaoSlider"> <div class="saberMais"><a href="#titulo3" class="scroll">Saber Mais</a></div> </div> <div id="controle"> <div class="controleEstilo" id="B3v">&#65513;</div> <div class="controleEstilo" id="pausar3">&#10073;&#10073;</div> <div class="controleEstilo" id="continuar3">&#9655;</div> <div class="controleEstilo" id="B3">&#65515;</div> </div> </div> <li> </ul> </header> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> //SLIDER var counter = 0 var timer = setInterval(function() { counter++ console.log(counter) //Troca slider sozinho if (counter === 10) { $("#imagem1").fadeOut("slow") $("#imagem2").fadeIn("slow") } else if (counter === 20) { $("#imagem2").fadeOut("slow") $("#imagem3").fadeIn("slow") } else if (counter === 30) { $("#imagem3").fadeOut("slow") $("#imagem1").fadeIn("slow") //reset } else if (counter > 30) { counter = 0 } //Pausar/Continuar slider 1 $("#pausar1").click(function() { counter = Number.NEGATIVE_INFINITY }) $("#continuar1").click(function(){ counter = 0 }) //Pausar/Continuar slider 2 $("#pausar2").click(function() { counter = Number.NEGATIVE_INFINITY }) $("#continuar2").click(function(){ counter = 10 }) //Pausar/Continuar slider 3 $("#pausar3").click(function() { counter = Number.NEGATIVE_INFINITY }) $("#continuar3").click(function(){ counter = 20 }) }, 500); //variaves usadas para pausar/continuar slider let continuar1 = $("#continuar1") let continuar2 = $("#continuar2") let continuar3 = $("#continuar3") let pausar1 = $("#pausar1") let pausar2 = $("#pausar2") let pausar3 = $("#pausar3") //Se clicar em pausar1 slide, pausar1 some e aparece continuar1 pausar1.click(function(){ //pausar some $("#pausar1").css('display', 'none') //continuar aparece $("#continuar1").css('display', 'block') }) //Se cliclar em continuar1, continuar1 some e aparece pausar1 continuar1.click(function(){ //continuar some $("#continuar1").css('display', 'none') //pausar aparece $("#pausar1").css('display', 'block') }) //Se clicar em pausar2 slide, pausar2 some e aparece continuar2 pausar2.click(function(){ //pausar some $("#pausar2").css('display', 'none') //continuar aparece $("#continuar2").css('display', 'block') }) //Se cliclar em continuar2, continuar2 some e aparece pausar2 continuar2.click(function(){ //continuar some $("#continuar2").css('display', 'none') //pausar aparece $("#pausar2").css('display', 'block') }) //Se clicar em pausar3 slide, pausar3 some e aparece continuar3 pausar3.click(function(){ //pausar some $("#pausar3").css('display', 'none') //continuar aparece $("#continuar3").css('display', 'block') }) //Se cliclar em continuar3, continuar3 some e aparece pausar3 continuar3.click(function(){ //continuar some $("#continuar3").css('display', 'none') //pausar aparece $("#pausar3").css('display', 'block') }) //Avançar $("#B1").click(function() { counter = counter = 10 $("#imagem1").fadeOut("slow") $("#imagem2").fadeIn("slow") }) $("#B2").click(function() { counter = counter = 20 $("#imagem2").fadeOut("slow") $("#imagem3").fadeIn("slow") }) $("#B3").click(function() { counter = counter = 30 $("#imagem3").fadeOut("slow") $("#imagem1").fadeIn("slow") }) //Voltar $("#B1v").click(function() { counter = counter = 20 $("#imagem1").fadeOut("slow") $("#imagem3").fadeIn("slow") }) $("#B3v").click(function() { counter = counter = 10 $("#imagem3").fadeOut("slow") $("#imagem2").fadeIn("slow") }) $("#B2v").click(function() { counter = counter = 0 $("#imagem2").fadeOut("slow") $("#imagem1").fadeIn("slow") }) //Para arruamar bug no firefox que não aceita height:100% no modo celular var firefox = navigator.userAgent.indexOf('Firefox') > -1; if (window = firefox){ alert("Firefox") if (window.innerWidth < 1000) { $(".slides").css('max-height', '580px') $("header").css('max-height', '580px') alert("1000") } } </script> </body> </html>
  22. Olá galera. Seguinte, sou estagiário de uma empresa de jogos, onde sou a unica pessoa de T.I nela, então se puderem me dar uma luz agradeço muito. A situação é o seguinte, temos uma plataforma online, feita em php e já hospedada em um servidor com gestão via CPanel. No caso, a plataforma foi feita por terceiros onde não tive contato. O que nós gostariamos de fazer é simplesmente duplicar essa plataforma, ou seja, fazer 2 sites. Por exemplo www.esseéomeusite.com.br tendo uma copia > www.esseéomeusite/jogonovo.com.br Pra assim podermos começar a atuar em mais de 1 jogo. Porém não faço ideia de onde começar, seria possivel fazer isso? Tendo em vista que caso eu copie o site e faça uma pasta dentro do public_html ele sempre vai redirecionar pra plataforma atual. Desde já obrigado. Ps : Pesquisei algumas coisas, e ouvi falar sobre o PATH, URL absoluto e os arquivos de config HTACESS se puderem me explicar um pouco sobre isso também agradeço. Desde já obrigado.
  23. Claudia França

    Enviar email com dados do cliente

    Prezados preciso terminar um projeto do Visa checkout e, estou com dificuldades no fim dele. Peguei no meio do caminho e como programo a pouco tempo gostaria que me ajudassem. Ao escolher um valor para um transação, eu preciso enviar para o email da empresa e do cliente, as inconformações com dados da transação como valor etc. Fiz o codico abaixo para empresa receber o valor, mas não funcionou. <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Documento sem título</title> </head> <body> <pre> <?php function pegaValor($valor) { return isset($_POST[$valor]) ? $_POST[$valor] : ''; } function validaEmail($email) { return filter_var($email, FILTER_VALIDATE_EMAIL); } function enviaEmail($de, $assunto, $mensagem, $para, $email_servidor) { $headers = "From: $email_servidor\r\n" . "Reply-To: $de\r\n" . "X-Mailer: PHP/" . phpversion() . "\r\n"; $headers .= "MIME-Version: 1.0\r\n"; $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n"; mail($para, $assunto, nl2br($mensagem), $headers); } $email_servidor = "cjfranca2004@gmail.com"; $para = "cjfranca2004@gmail.com"; $de = pegaValor("valor"); $mensagem = pegaValor("real"); $mensagem=pegaValor("dolar"); $name="valor"; print_r($mensagem); print_r($para); print_r($valor); print_r($mensagem); ?> </pre> </body> </html> Não deu certo. E por fim ainda mostra essa mensagem de erro, ao finalizar a transação. Desde já agradeço todo esforço em me ajudarem.
  24. rafaahz

    Banco de dados e javascript

    Boa tarde !! Alguem pode me dizer se tem como utilizar um banco de dados com javascript. Eu sei que não é seguro porque roda no lado do cliente, mas é que seria uma aplicação para mostrar e cadastrar de transportadora aqui para a empresa, como se fosse um app local.
  25. AbaClar

    carregar div php em div html

    function buscar(palabra) { var page = "php/pesquisa.php"; //página com código php para efectuar a busca $.ajax ({ type: 'POST', dataType: 'html', url: page, data: {palabra: txbusca}, }); } $("#btbusca").click(function() { //botão de busca buscar ($("txbusca").val()) // texto de busca return false; }); Este código juntamente com "pesquisa.php" faz a busca numa tabela mysql, não sei se estará totalmente correcta pois fiz algumas alterações, mas cumpre com o estabelecido! (no action do form mostra que funciona) O ficheiro "pesquisa.php", pretende fazer busca em 3 tabelas (div psqCliente, div psqAgregado, div psqProcesso) e pretendo mostrar os resultados nos respectivos "tab's" (tabCliente, tabAgregado, tabProcesso) Será que posso obter ajuda, obrigado
×

Informação importante

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