Pesquisar na Comunidade

olá, estou tentando fazer uma check box que libera o botão quando ela for marcado, mas não estou conseguindo pois não sou muito bom com html, java etc etc achei esse code no forum, mas não estou conseguindo colocar o link para quando marcar e clicar em "concordar" ele abrir uma pagina <script> function HabiDsabi(){ if(document.getElementById('habi').checked == true){ document.getElementById('envia').disabled = "" } if(document.getElementById('habi').checked == false){ document.getElementById('envia').disabled = "disabled" } }</script><form name="form1"><input type="checkbox" name="habi" id="habi" onClick="HabiDsabi()"><input type="button" name="envia" id="envia" value="Concorda" disabled></form>

Prezados, Tenho um formulário de busca, onde um INPUT recebe informações de um Banco de Dados. No Android, esta tudo funcionando 100%. Porém, no IoS, ele só marca o primeiro item da lista de busca. <div id="local"> <font>QUAL BAIRRO, CIDADE OU CÓDIGO?</font> <input name="psqm" id="psqm" type="text" placeholder="DIGITE O BAIRRO, A CIDADE OU O CÓDIGO" autocomplete="off" /> </div> Após preencher todos os campos anteriores, tento digitar por exemplo: Jardim na listagem, aparece: Jardim América; Jardim Santa Lucia; Jardim Santos; Outros... Independente de onde clicar, apenas o primeiro item ("Jardim América") é selecionado. Alguma dica? Lembrando que este erro é apenas no iPhone.

Olá pessoal! Estou desenvolvendo uma aplicação que usa uma página html com css como controle de uma pequeno game que estou fazendo. Quero que quando eu pressionar um botão e deixar ele pressionado a ação executada desse botão continue em execução (por exemplo acelerar um carro do game) e quando soltar esse botão a ação seja encerrada. É possível fazer isso ? sinceramente eu comecei a ver html essa semana e não achei algo a respeito. Alguém pode me ajudar nessa?

Olá pessoal, estou com um problema relativamente simples! mas sou novo em banco de dados e php então não consegui resolver. Estou construindo um sistema de registro e login há um certo tempo, meu professor ainda não ensinou e não ensina muito bem então decidi aprender sozinho por tutoriais na internet ._. então achei um tutorial legal, segui todos os passos e está tudo funcionando! porém, agora quero exibir os dados registrados, porém não sei como fazer isso, quero exibir em específico o nome do usuário. Lembrando que sou novo nesse assunto então desconsiderem minha maneira de programar kkk ================================================================================================================================ Código php: <?php class Usuario { private $pdo; public $msgErro = ""; public function conectar($nome, $host, $usuario, $senha) { global $pdo; global $msgErro; try { $pdo = new PDO("mysql:dbname=".$nome.";host=".$host,$usuario,$senha); } catch (PDOException $e) { $msgErro = $e->getMessage(); } return $conectar; } public function cadastrar($nome, $telefone, $email, $senha) { global $pdo; //verificar se já existe email cadastrado $sql = $pdo->prepare("SELECT id_usuario from usuarios where email = :e"); $sql->bindValue(":e",$email); $sql->execute(); if($sql->rowCount() > 0) { return false; // ja esta cadastrado } else { //caso não, cadastrar $sql = $pdo->prepare("INSERT INTO usuarios (nome,telefone,email,senha) VALUES (:n, :t, :e, :s)"); $sql->bindValue(":n",$nome); $sql->bindValue(":t",$telefone); $sql->bindValue(":e",$email); $sql->bindValue(":s",md5($senha)); $sql->execute(); return true; } } public function logar($email, $senha) { global $pdo; //verificar se o email e senha estao cadastrados, se sim $sql = $pdo->prepare("SELECT id_usuario from usuarios where email = :e and senha = :s"); $sql->bindValue(":e",$email); $sql->bindValue(":s",md5($senha)); $sql->execute(); if($sql->rowCount() > 0) { //entrar no sistema (sessao) $dado = $sql->fetch(); session_start(); $_SESSION['id_usuario'] = $dado['id_usuario']; return true; //logado com sucesso } else { return false;//nao foi possível logar } //entrar no sistema (sessao) } } ?> ================================================================================================================================ Código html: <!-- verificação se está logado --> <?php session_start(); if(!isset($_SESSION['id_usuario'])) { header("location: index.php"); exit; } else{ include ('CLASSES/usuarios.php'); require_once 'CLASSES/usuarios.php'; $consulta = "SELECT nome from usuarios"; //aqui estava tentando puxar os dados por um tutorial aleaório } ?> <html lang="pt-br"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="CSS/estilouser.css" type="text/css" media="screen"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <title> Ak_Ray Projects </title> </head> <body bgcolor="#B3D1F7"> <div class="navbar"> <a href="#home">Meu</a> <a href="#news">Projetos</a> <a href="#newss">Novidades</a> <a href="sair.php" style="position: relative;left:1020px;">Sair</a> <!--<a href="sair.php">Sair</a>--> </div> <div class="branco"> <h2> <center> <font color="#20A1C6"> Criação e Desenvolvimento de Jogos<br>Ak_Ray </font> </center> </h2> <div class="titlee"> <strong>The Amazing word of Bimo</strong> <div class="contt"> <center><img src="IMG/FOTOJOGO.png" width="150" style="border-radius: 20px;"></center> <a href=\"bimo.netlify.com\"><img class="animacao" src="IMG/button.png" width="40"></a> </div> </div><br> The Amazing Word of Bimo foi um Jogo criado em 2019, inspirado na franquia de jogos de <strong>Super Mario World.</strong> O jogo está em versão de desenvolvimento e está sendo produzido e alterado constantemente. </div> <?php echo con; ?> // exibindo só de teste </body></html> ================================================================================================================================ Obs caso precisem: nome do banco de dados: projeto_login host: localhost usuario: root senha: "" tabela criada: usuarios tutoriais assistidos:

Senhores, boa tarde. Estou com um probleminha... rss', preciso fazer a listagem de uma função da biblioteca "SPED-NFe" na qual consulto quais as NFe que emitiram contra meu CNPJ, porém o ele executa toda a função e depois me trás o resultado, eu gostaria de trazer o resultado instantaneamente, como se fosse uma atualização segundo a segundo. Essas informações não são salvas em DB, é apenas para consulta. Se alguém puder ajudar serei muito grato, Abraço. Michael Douglas

Olá pessoal! Estou desenvolvendo uma aplicação que usa uma página html com css como controle de uma pequeno game que estou fazendo. Quero que quando eu pressionar um botão e deixar ele pressionado a ação executada desse botão continue em execução (por exemplo acelerar um carro do game) e quando soltar esse botão a ação seja encerrada. É possível fazer isso ? sinceramente eu comecei a ver html essa semana e não achei algo a respeito. Alguém pode me ajudar nessa?

Oi, tenho uma loja na Tray e o Tema é de animais de estimação. Na home quando passamos o mouse em cima do produto, aparece a patinha escrito Quero Esse! Gostaria de mudar essa imagem, e não estou achando no html. Só falta essa alteração para eu publicar a loja. Alguém pode me ajudar, por gentileza. Obg

Boa Tarde! Estou desenvolvendo um site de uma agência de viagem para fixar meu conhecimento em javascript, html e css. Porém gostaria de colocar uma restrição no tópico "data de ida" que o usuário só prosseguia para a próxima página se no campo "Data de ida" tivesse um determinado valor no caso uma data. Iria aparecer um modal com uma mensagem de erro dizendo que é obrigatório colocar uma data. Gostaria de saber como consigo fazer essa validação utilizando javascript? <div class="container"> <div class="row"> <div class="col-12 text-center my-5"> <h1 class="display-3">Passagens Aéreas</h1> </div> </div> <div class="row justify-content-center mb-5"> <div class="col-sm-12 col-md-10 col-lg-8"> <form name="consulta" method="post"> <div class="form-row"> <div class="form-group col-sm-6"> <label for="escolhaDataIda">Escolha Data de Ida:</label> <input type="date" id="escolhaDataIda" class="form-control" name="dataida"> </div> <div class="form-group col-sm-6"> <label for="escolhaDataVolta">Escolha Data de Volta:</label> <input type="date" id="escolhaDataVolta" class="form-control" name="datavolta"> </div> <div class="form-group col-sm-12"> <a href="listaderesultados.html"> <button type="button" class="btn btn-outline-dark btn-lg btn-block">Pesquisar</button> </a> </div> </div> </form> </div> </div> </div> <!-- Modal --> <div class="modal" id="erroModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Eco Aero - Viagens</h4> <button type="button" class="close" data-dismiss="modal">&times;</button> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-sucess" data-dismiss="modal">OK</button> </div> </div> </div> </div> showModal = function(mensagem, callback){ $('#erroModal').find('.modal-body').text(mensagem); $('#erroModal').find('.modal-footer .btn').click(callback); $('#erroModal').modal('show'); } function validacaoida () { if (document.cadastro.dataida.value == "") { showModal ("Por favor, coloque uma data de ida para prosseguir.", function(){ document.cadastro.dataida.focus (); }); return false; } return true; }

Eu estou no inicio dos estudos de JS, entao to criando uma pagina de teste onde basicamente eu criei uma div e dividi essa div principal em outras quatro, e tenho uma botao na pagina que ao clicar sera executada uma funcao que cria um array e executa prompt() 4 vezes pra capturar 4 valores a serem inseridos nessas 4 divs dentro da div principal. O problema eh que quando eu clico no botao que deveria executar a funcao e abrir o prompt na pagina, a acao desejada nao esta acontencendo. Eu clico no botao e nao acontece nada. Obs.: na vdd o botao eh uma div que eu criei e adicionei a propriedade 'cursor:pointer'.

Eu gostaria de saber como faço para criar uma area de serviço igual ao dessa página https://ciesalon.com/services deixando ela responsiva

Boa tarde, Possuo um formulário em HTML onde tenho dois campos que fazem um select de estados e quando selecionado possibilita um select também da cidade. Acontece que o campo cidade fica abaixo do campo estado. Minha pergunta é como faço para deixar o campo cidade ao lado do campo estado. Segue o código HTML: <div class="field split"> <div class="field"> <label for="uf">UF *</label> <select id="estado" onchange="buscaCidades(this.value)"> <option value="" selected disabled>:: Selecione</option> <option value="Acre">Acre</option> <option value="Alagoas">Alagoas</option> <option value="Amapá">Amapá</option> <option value="Amazonas">Amazonas</option> <option value="Bahia">Bahia</option> <option value="Ceará">Ceará</option> <option value="Distrito Federal">Distrito Federal</option> <option value="Espirito Santo">Espirito Santo</option> <option value="Goiás">Goiás</option> <option value="Maranhão">Maranhão</option> <option value="Mato Grosso do Sul">Mato Grosso do Sul</option> <option value="Mato Grosso">Mato Grosso</option> <option value="Minas Gerais">Minas Gerais</option> <option value="Pará">Pará</option> <option value="Paraíba">Paraíba</option> <option value="Paraná">Paraná</option> <option value="Pernambuco">Pernambuco</option> <option value="Piauí">Piauí</option> <option value="Rio de Janeiro">Rio de Janeiro</option> <option value="Rio Grande do Norte">Rio Grande do Norte</option> <option value="Rio Grande do Sul">Rio Grande do Sul</option> <option value="Rondônia">Rondônia</option> <option value="Roraima">Roraima</option> <option value="Santa Catarina">Santa Catarina</option> <option value="São Paulo">São Paulo</option> <option value="Sergipe">Sergipe</option> <option value="Tocantins">Tocantins</option> </select> <br /> <select id="cidade"> </select> </div> </div> Atenciosamente, Demerval Feliciano

css ( width: 0; height: 0; border-style: solid; border-width: 100px 0px 0px 200px; border-color: transparent transparent transparent red; ) com esse css consigo deixar meu div em um formato do triangulo só que quando tento colocar uma imagem dentro ela fica no formato quadrado ou retangular... como faço pra deixar ela dentro da borda ? e assumir a forma que desejar como se fosse um powerclip dentro apenas da borda o css da imagem que eu coloco {{ float: left; width: 0; height: 0; border-style: solid; border-width: 100px 0px 0px 200px; border-color: transparent transparent transparent red; border-image: url(img/seta.jpg) round stretch; }}

Gente eu gostaria de saber se existe alguma forma de identificar inputs dentro de uma div, sem usar nome, id ou class. Exemplo: <div> <input type='text'> <input type='text'> <input type='text> <button onclick='enviar(enviar-o-texto-do-primeiro-input, enviar-o-texto-do-segundo-input , enviar-o-texto-do-terceiro-input);>enviar</button> </div> Eu queria poder enviar os texto dos input sem usar id, class, nome, pois estou criando as div automaticamente e se botar um id para cada um, todas as outras div vão ter o mesmo id nos input.

Bom dia, tudo bem? Queria saber como editar o código da logo de um site no WordPress que já está pronta pois está faltando responsividade e simplesmente não sei como fazer isso na home page do site feita com o page builder.Poderiam me ajudar?

Boa noite, sera que alguém poderia me dar uma luz!? Vamos lá, a situação é a seguinte, tenho um site classificados que criei a pouco tempo, está com problemas de rastreamento das páginas dos itens postados (anúncios), ou seja, o search console do Google, acusa anomalia nao identificada ao rastrear páginas dos anúncios, e não esta indexando estas páginas. O que poderia ser? Eu utilizo o osclass como plataforma principal do site. Se alguém quiser mais alguma informação que possa ser útil... Obrigado

Preciso imprimir um relatórios de jogos, configurei para não aparecer os cabeçalhos na folha, e também o header e footer fixos, porém se a impressão usar mais de uma folha começo a ter problemas com as margens, segue o modelo: Reparem que no final da primeira folha o footer cobriu parte do conteúdo, e na segunda folha o conteúdo começa bem perto da margem, porém como configurei: @page{ size:auto; margin:0mm; } Para não aparecer os cabeçalhos na impressão não consigo fazer de outra forma para que o conteúdo vá para a segunda folha com uma margem legal... segue o meu código: @page{ size:auto; margin:0mm; } @media screen{ #header{ top:0; margin:12mm; } #page{ display:block; } #footer{ bottom:0; margin:6mm 12mm 10mm 3mm; } } @media print{ #header{ position:fixed; top:0; margin:12mm; } #page{ display:block; } #footer{ position:fixed; bottom:0; margin:6mm 12mm 10mm 3mm; } } <div id="header"> <img style="float:left; position:relative;" src="{{ asset('images/report_logo.png') }}" height="96px" border="0" title="" alt="" /> </div> <div id="page"> <table> Content </table> </div> <div id="footer"> <img src="{{ asset('images/report_footer.jpg') }}" width="720px" border="0" title="" alt="" /> </div>

Bom dia, Boa tarde e Boa noite! Estava eu aqui brincando um pouco com JS para entender um pouco melhor essa linguagem, pois eu preciso fazer um relógio em uma pagina HTML e um contador que aumente seu número em +1 de tempos em tempos ( no caso eu estava testando em aumentar a cada 5 segundos, considerando que esse número não vai começar do 0, pois ele teria que pegar todos os segundos que já se passaram nesse dia e dividir por 5, assim seu resultado inteiro seria exibido). O relógio com bastante esforço e pesquisa eu consegui fazer e está funcionando, até aqui sem dificuldades, o real problema está no contador, eu fui testar sem colocar um setInterval só para ver se o número aparece na tela e... NADA! Então como eu não manjo de JS e tentei fazer a partir do que eu usei pra fazer o relógio eu devo ter errado feio em muita coisa. <!DOCTYPE html> <html> <head> <title>javascript</title> <meta charset="utf-8"> <script type="text/javascript"> function relogio() { var data = new Date(); var horas = data.getHours(); var minutos = data.getMinutes(); var segundos = data.getSeconds(); if (horas < 10) { horas = "0"+horas; } if (minutos < 10) { segundos = "0"+minutos; } if (segundos < 10) { segundos = "0"+segundos; } document.getElementById("relogio").innerHTML=horas+":"+minutos+":"+segundos; } window.setInterval("relogio()",1000); // Aqui começa a função que eu tentei fazer para o contador function contador() { var data = new Date(); var horas = data.getHours(); var minutos = data.getMinutes(); var segundos = data.getSeconds(); var cont = ((minutos + (horas * 60))*60) + segundos ; document.getElementById("contador").innerHTML= Math.floor(cont/5); } </script> <style type="text/css"> #relogio { font:bold 28pt arial; display: block; margin: 100px auto; padding: 30px; background-color: #FFFF00; width: 150px; border-radius: 6px; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); } #contador { font:bold 28pt arial; display: block; margin: 100px auto; padding: 30px; background-color: #FFFF00; width: 150px; border-radius: 6px; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); } </style> </head> <body onload="relogio();"> <div id="relogio"> </div> <hr> <div id="contador"> </div> </body> </html> Se alguém puder me ajudar eu agradeço!

Boa noite, estou tentando fazer um site, que mostre a hora no momento que é acessado, juntamente com uma imagem que represente os periodos do dia, manhã , tarde e noite.Porém não consigo fazer com que o código em java script funcione alguém pode me ajudar (sou iniciante)?

Estou com uma atividade de aula para fazer e gostaria de uma ajuda, devo receber do usuário o valor da compra e o valor pago, e então exibir o troco. Até aí ok, só que também pede para exibir numa textarea as notas utilizadas no troco, informando sempre o mínimo de notas possíveis, exemplo: vlrCompra = 53,00 vlrPago = 100,00 vlrTroco = 47,00 notasTroco = 4 notas de 10,00 1 nota de 5,00 2 notas de 1,00 Não sei como fazer essa última parte, alguém para me ajudar? AS NOTAS QUE EU TENHO DISPONIVEIS SAO 1, 5, 10, 50 Eis o que fiz até agora: function calculaTroco(){ var valorCompra = parseFloat($("#valorCompra").val()); var valorPago = parseFloat($("#valorPago").val()); var valorTroco = 0; if (validarCampos() && validarNan()){ if (valorPago == valorCompra){ valorTroco = 0; $("#valorTroco").val(valorTroco); alert("Não gerou troco"); }else if(valorPago > valorCompra){ valorTroco = valorPago - valorCompra; $("#valorTroco").val(valorTroco); }else{ alert("Não gerou troco (Valor pago menor que valor da compra)"); } notasUtilizadas(); $("#valorCompra").val(""); $("#valorPago").val(""); $("#valorCompra").focus(); } } validarCampos() e validarNan() são apenas funções de tratamento. A função notasUtilizadas() seria a função que não estou conseguindo fazer... Devo utilizar array, if, for nessa atividade. Se alguém puder me ajudar, me dar umas dicas, agradeço muito! Parte do HTML: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="utf-8"/> <title>Calcular Troco</title> <script type="text/javascript" src="jquery.js"></script> <style type="text/css"> fieldset { width:250px; } label { display:block; float:left; } label, input, textarea, select { width:150px; margin: 5px 0; } th, td { border:1px solid #ccc; font-size:0.9em; } </style> </head> <body> <form id="formulario"> <fieldset> <legend>Calcular Troco</legend> <label for="valorCompra" >Valor da compra:</label> <input type="text" id="valorCompra" name="valorCompra" /><br /> <label for="valorPago" >Valor pago:</label> <input type="text" id="valorPago" name="valorPago" /><br /><br /> <button type="button" id="button" onclick="calculaTroco()">Calcular troco</button><br /><br /> <label for="valorTroco" >Valor do troco:</label> <input type="text" id="valorTroco" name="valorTroco" readonly="readonly"/><br /><br /> <label for="notasUtilizadas">Notas utilizadas:</label> <textarea rows="3" id="notasUtilizadas" readonly="readonly" ></textarea><br/> </fieldset> </form> <script type="text/javascript" src="troco.js"></script> </body> </html>

Sou leigo ainda no Java Script e não manjo de muita coisa ainda, eu preciso fazer uma função que que deve ser executada na pagina HTML, eu crio a função dentro da tag <script> na <head> do html, mas como eu chamo essa função no momento que eu precisar no <body>, o que eu devo digitar pro código saber que ali deve executar a função?

Gostaria de saber como eu devo fazer para alinhar 3 imagens lado a lado, sem fazer o site deixar de ser responsivo. que fique igual ao desse site https://ciesalon.com/

Eu sou um programador amador, e ainda estou aprendendo programação, comecei um site, mas esqueci de faze-lo para ser responsivo, agora preciso de ajuda pois nao consigo deixa-lo responsivo Codigo HTML Codigo CSS Ele está mal feito, ainda tenho que arrumar muita coisa, se alguem conseguir me ajudar e dizer como ele pode ficar responsivo eu Agradeço.

Galera, seguinte. Estou tentando criar um evento em javascript que funciona da seguinte maneira; existem 5 checkbox na tela, ao selecionar dois checkbox os outros irão travar e não permitir o clique, se o usuário clicar novamente retirando a seleção de algum dos que foi selecionado ele volta a habilitar. Até então o código funciona blz, porém agora eu preciso fazer com que os dois primeiros checkbox contém como um único clique, ou seja, são 2 checkbox para travar, porém se eu selecionar o primeiro e o segundo eles contam como um, então eu o usuário poderia realizar outro clique em algum checkbox e ficariam 3 checkbox selecionados, porém isso só se aplica aos dois primeiros checkbox, caso não sejam eles é apenas dois cliques, se eles forem clicados o usuário pode escolher mais uma opção. o código atual está assim: <script type="text/javascript"> (function(){ "use strict"; var marcados = 0; var verifyCheckeds = function($checks) { if( marcados>=2 ) { loop($checks, function($element) { $element.disabled = $element.checked ? '' : 'disabled'; }); } else { loop($checks, function($element) { $element.disabled = ''; }); } }; var loop = function($elements, cb) { var max = $elements.length; while(max--) { cb($elements[max]); } } var count = function($element) { return $element.checked ? marcados + 1 : marcados - 1; } window.onload = function(){ var $checks = document.querySelectorAll('input[type="checkbox"][name="modalidades[]"]'); loop($checks, function($element) { $element.onclick = function(){ marcados = count(this); verifyCheckeds($checks); } if($element.checked) marcados = marcados + 1; }); verifyCheckeds($checks); } }()); </script> Quem conseguir me ajudar eu agradeço, preciso muito desse código rodando.

Tenho o seguinte trecho de código: #anima { width:600px; height:300px; margin:auto; animation: banner 10s infinite; } @keyframes banner { 0%, 33% { background:#009; } 34%, 66% { background:#C00; } 67%, 100% { background:#390; } } No HTML tenho uma div com id=anima. Esse código faz a cada 3 segundos mudar a cor dessa div, tipo como se fosse um slide show. O que eu preciso fazer, é colocar 3 botões, cada botão mudando pra uma cor. Cada botão mudando pra um pedaço da execução do @keyframes banner. Botão1 - pula para-> 0%, 33% { background:#009; } Botão2 - pula para-> 34%, 66% { background:#C00; } Botão3 - pula para-> 67%, 100% { background:#390; } Como?

Queria saber como faço para fazer um texto aparecer ao rolar a pagina igual ao desse site: https://ciesalon.com/services