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

  1. 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,
  2. 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
  3. 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>
  4. 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>
  5. 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.
  6. 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....
  7. 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>"; } ?>
  8. 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?
  9. 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-->
  10. 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.
  11. 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>
  12. 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 ?
  13. 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.
  14. 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>
  15. 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.
  16. 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.
  17. 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.
  18. 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
  19. Pessoal, estou criando um player de vídeo para deficientes visuais, estou na parte de executar a legenda audiodescritiva utilizando algum meio que pegue um arquivo (na mesma estrutura de uma legenda de vídeo) e transforme em áudio para descrever a cena ou algum momento em determinado tempo. E se alguém puder me ajudar serei muito grato, desde já agradeço.
  20. Dr. Programador

    Mostrando Texto ao Digitar no Imput Text com Javascript

    Boa noite, pessoal! Estou batendo cabeça com a seguinte situação: Ao digitar no imput text, o texto aparece em tempo real na tela (funciona perfeitamente). Ocorre que, quando eu aciono a ação do form, o texto desaparece da tela. Gostaria que, ao ser acionado a ação do form, o texto que foi digitado no imput text, permaneça na tela. Tentei usar session no javascript mas não obtive sucesso. Vejam o código abaixo: Mostra aqui em tempo real: <span id="digitar"></span> <form action="adicionar.php" method="post"> <input name="email" id="email" value="" type="text" onkeyup="myFunction()"> <input name="submit" type="submit" value="Adicionar E-mail"> </form> <script language="javascript"> function myFunction() { var x = document.getElementById("email").value; document.getElementById("digitar").innerHTML = x; } </script>
  21. diogosilva_frontend

    Link ativo conforme muda o slider

    Boa tarde, Estou precisando de uma ajuda, sou novo em Javascript, Jquery, etc. Estou desenvolvendo um projeto e criei uma parte com Owl Carousel 2 onde o Slider muda conforme eu clico nos links do alfabeto. Ao clicar no link do alfabeto, o slider muda conforme o nome da pessoa e insere mais um link com o nome da pessoa abaixo do alfabeto, pois o alfabeto irá trazer o nome das pessoas conforme a primeira inicial de seu nome. Preciso fazer o comportamento inverso, ou seja, que eu possa mudar o slide através das setas e o slider selecionado apareça selecionado no link do alfabeto e o nome da pessoa apareça abaixo dele. Outra dúvida, eu fiz um Javascript grande para que quando eu clicasse em outro link, ele removesse os demais. Gostaria de saber se existe outra alternativa para simplificar esse código, pois acho que ficou muito repetitivo e grande. Poderiam me ajudar? Link do meu código: https://bit.ly/2J4CRJ5 Obrigado
  22. bruno_hsf

    Comando <select> com o if dando erro

    Galera, to testando o comando <select> mas ta dando erro dentro da condição "if" na function do javascript. Independente do que eu seleciono, sempre aparece a opção 2 (regular) quando eu clico no botão e a caixa muda para regular também. Segue o código <head> <title>Exemplo select</title> <script type="text/javascript"> function dimePropiedades(){ if (form.miSelect.selectedIndex = 0) { document.form.texto.value = "Muito Ruim"; }else if (form.miSelect.selectedIndex = 1) { document.form.texto.value = "Regular"; }else if (form.miSelect.selectedIndex = 2) { document.form.texto.value = "Muito Ruim"; } } </script> </head> <body> <form name="form" > Valoração sobre este web site: <select name="miSelect" id="miSelect"> <option value="10">Muito boa <option value="11" selected>Regular <option value="12">Muito ruim </select> <br> <br> <input type=button value="Opinião" onclick="dimePropiedades()"> <br><br> <font face="arial, verdana, helvetica"><b>Texto</b></font><input type="Text" name="texto" value="" size="12"> </form> </body> </html> valeu!
  23. Quero que ao clicar na div tchau que esta dentro da oi, o onclick da oi não seja acionado. <html> <body> <div onclick=alert('oi'); style="width:50%; top:1%; height:20% position:absolute;z-index:1;border:1px solid"> oi <div onclick=alert('Tchau'); style="width:50%; top:1%; left:50%; position:absolute;z-index:2;border:1px solid"> tchau </div> </div> </body> </html>
  24. fcastro143

    Formulário para executar função

    Boas pessoal tou aqui com um problema Quero fazer uma página simples com um formulário onde a pessoa preencha o formulário e quando carrega em enviar ele tem que executar uma função que basicamente é abrir um link mas quero que esse link no fim tenha os dados introduzidos no formulário. Imaginem que a pessoa no formulário escreve: Na primeira caixa - Olá Na segunda caixa - tudo bem Eu queria que ela ao clicar em enviar isso abra um link que normal é por exemplo : https://api.telegram.org/bot353417269:AAE83uouL6joVytjTCz_4_w3QS3xV4VTOJQ/sendMessage? chat_id=@itgrouptest&text= E no fim desse link depois do = insira o que foi introduzido nas caixas de texto uma em cada linha. Acho que me fiz entender .. Agradeço a quem perceber e ajudar .. tenho alguma urgência pessoal
  25. thia6o

    Upload de imagem com manipulação de imagem

    Olá. Sou novo no forum, gostaria de saber como faço para fazer um upload de imagem com preview e manipulação do mesmo. Ex: escolho algumas imagens visualizo, e se selecionei alguma erra eu removo e mando fazer o upload. Tenho um código que remover a imagem mais quando faço upload ela ainda e mandada. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <style> .container-min-foto{ height: 200px; margin: 15px; float: left; } .miniatura{ height: 160px; } .removerImg{ text-align: center; color: #FFFFFF; background-color: #4900FF; display: inline-block; cursor: pointer; padding: 5px; } </style> </head> <body> <p><button id="rf">Recaregar</button></p> <form method="post" enctype="multipart/form-data"> <input id="files" name="files[]" type="file" multiple> <p><button type="submit">Envuiar</button></p> </form> <div id="preview"></div> <script> $(function(){ if (window.File && window.FileList && window.FileReader) { $("#files").change(function(evt) { var files = evt.target.files, filesLength = files.length; for (var i = 0; i < filesLength; i++) { var f = files if (!!f.type.match('image.*')) { var fileReader = new FileReader(); fileReader.onload = (function(theFile) { return function(e) { $("<span class=\"container-min-foto bord-rad-minFoto\">" + "<img class=\"miniatura bord-rad-minFoto\" src=\"" + e.target.result + "\" title=\"" + theFile.name + "\"/>" + "<br/><span class=\"removerImg\">Remover</span>" + "</span>").insertBefore("#preview"); // REMOVER IMAGEM PRE VIEW $(".removerImg").click(function(){ $(this).parent(".container-min-foto").remove(); }); }; })(f); fileReader.readAsDataURL(f); }else{ alert("Você selecionou um arquivo que nao é uma imagem") } }}); } else { alert("Seu navegador não suporta a API de arquivos") } }); </script> </body> </html>
×

Informação importante

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