Pesquisar na Comunidade

<label>Data Inicio</label> <input type="date" name="data_inicio-incluir" id="data_inicio-incluir"> <label>Data Fim</label> <input type="date" name="data_fim-incluir" id="data_fim-incluir"> Boa tarde pessoal, estou iniciando em JS e não sei como fazer a validação de datas. Estou fazendo um sistema de aluguel de livros, então, como consigo verificar se a data_fim não é menor que a data inicio e que a data_fim seja de 1 até 7 dias depois da data_inicio, não podendo ultrapassar. Se alguém tiver como me ajudar, ficarei muito grata.

Amigos bom dia, sou novo aqui Tenho a seguinte tabela : gostaria de capturar os ids quando fosse clicado no botão pegar valor do codigo porem do jeito que fiz ele só captura o 88 nao importa qual mlinha eu clique ele so captura o numero 88 codigo: <script> $(function () { $(document).on('click', '.btn-danger', function (e) { e.preventDefault; var codigo =document.getElementsByTagName('th')[5].innerHTML; alert(codigo) }); }); </script> <?php while ($dado = ibase_fetch_object($consulta_retorno)){ ?> <tr> <th data-title="ID"><?php echo ($dado->ID)?> </th> <td data-title="Nome"><?php echo utf8_encode($dado->NOME)?></td> <td data-title="DataCompra"><?php echo date("d/m/Y", strtotime($dado->DATACOMPRA))?></td> <td data-title="Email"><?php echo utf8_encode($dado->EMAIL)?></td> <td> <button class="btn-danger">Pegar Valor do Código</button></td> </tr> <?php }?>

Prezados, bom dia. sou novo por aqui, e me deparei com esta situação: estou desenvolvendo um projeto e tudo começou quando apenas mudei o banco de dados que estava conectado. Ou seja, se eu me conecto ao baco de dados anterior, volta todo código html, porém, se conecto ao banco de dados atual as divs desaparecem. obs: Isso tb acontece quando eu desativo o php tudo volta como a imagem 1 e se eu ativo fica como a imagem2. quem pode me ajudar.. desde já muito obrigado.

Bem Estou Tentando Criar O Sistemas da pontos para meu site é não estou conseguindo fiz tudo já mas tenho problema na hora de conectar com o my sql para guardar os totais de pontos não consigo me conectar principalmente por nao saber oq é o host nem data base que é preciso no arquivo de conexao

Oi , Gente Sou nova no ramo da programação e estou desenvolvendo um site. Já "montei" ele mas tive dificuldade na hora de colocar um tipo de menu e a barra de pesquisa para pesquisar conteúdo dentro do próprio site. Quem puder me ajudar , desde já agradeço imensamente. O menu que quero colocar é esse , que não sei o nome, mas fica na parte superior.

Fala pessoal, Sou novo aqui, e também estou aprendendo PHP, Neste sentido, fiz algumas aulas via youtube e copiei o código de um CRUD. Porem o mesmo veio com uma validação de email, gostaria de auxilio para tirar, visto que tentei modificar e afetou a hora de salvar os arquivos. Segue abaixo código. <?php session_start(); include_once 'conexao.php'; $contato = filter_input(INPUT_POST, 'contato', FILTER_SANITIZE_SPECIAL_CHARS); $setor = filter_input(INPUT_POST, 'setor', FILTER_SANITIZE_SPECIAL_CHARS); $loja = filter_input(INPUT_POST, 'loja', FILTER_SANITIZE_SPECIAL_CHARS); $categoria = filter_input(INPUT_POST, 'categoria', FILTER_SANITIZE_SPECIAL_CHARS); $situacao = filter_input(INPUT_POST, 'situacao', FILTER_SANITIZE_SPECIAL_CHARS); $email = filter_input(INPUT_POST, 'email', FILTER_VALIDATE_EMAIL); $problema = filter_input(INPUT_POST, 'problema', FILTER_SANITIZE_SPECIAL_CHARS); $solucao = filter_input(INPUT_POST, 'solucao', FILTER_SANITIZE_SPECIAL_CHARS); $now = new DateTime(); $data_hora = $now->format('Y-m-d'); $querySelect = $link->query("select email from tb_chamados"); $array_emails = []; while($emails = $querySelect->fetch_assoc()): $emails_existentes = $emails['email']; array_push($array_emails,$emails_existentes); endwhile; if(in_array($email,$array_emails)): $_SESSION['msg'] = "<p class='center red-text'>".'Já existe um cliente cadastrado com esse email'."</p>"; header("Location:../"); else: $queryInsert = $link->query("insert into tb_chamados values(default,'$contato','$email','$problema','$solucao','$data_hora','$setor','$loja','$categoria','$situacao')"); $affected_rows = mysqli_affected_rows($link); if($affected_rows > 0): $_SESSION['msg'] = "<p class='center green-text'>".'Cadastro Efetuado com sucesso!';"<br>"; header("Location:../"); endif; endif;

Boa tarde gente, Estou fazendo um site e na hora que eu vou compartilhar ele no whatsapp ele tá pegando o link corretamente mas ao invés de aparecer o titulo aparece somente o description e não pega a miniatura da imagem alguém tem algum exemplo de como deveria ser ? A imagem é carregada assim <amp-img height="320" width="470" id="img" src="890x610.jpg" layout="responsive" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-layout" i-amphtml-layout="responsive"><i-amphtml-sizer style="padding-top: 68.0851%;"></i-amphtml-sizer><img decoding="async" amp-img-id="img" src="890x610.jpg" class="i-amphtml-fill-content i-amphtml-replaced-content"></amp-img>

c´pod

Estou precisando da ajuda de vocês para resolver essa questão, desde já, obrigado! O programador Renato Pordeus Furtado, para testar suas habilidades adquiridas resolveu fazer um teste. Ele criou o seguinte HTML que está apresentado no Fragmento 1 abaixo. O código no fragmento 1 exibe um campo para digitar uma frase e um botão ao lado. Sua intenção é copiar a frase digitada para a tag <span> , que vem logo após o botão. Além disso, assim que a cópia for feita, será necessário apagar o conteúdo do <input> com a classe frase. Ele sabe que todo elemento de entrada, isto é, que recebe entrada do usuário possui a propriedade value enquanto elementos que exibem informações apenas possuem a propriedade textContent como é o caso da nossa tag <span> . No fragamento 2 você vai encontrar o código INCOMPLETO feito por Renato Pordeus Furtado. Deste modo escreva abaixo uma reescreva de forma CORRETA a função botaoHandler para lidar com o clique do botão copiando o valor do <input> para a tag <span> e, assim que copiar, apagar o valor da tag <input>

Bom dia, peço humildemente a ajuda de vocês, Enfim, estou fazendo um exemplo de site, só para teste mesmo, onde terá uma janela principal perguntando em qual site a pessoa quer ir(1 só empresa, porém dois negócios) ai se a pessoa clicar em alguma das melecas, quero que ela abra mostrando o site, ou só uma imagem mesmo

Minha view: <div> <form method="post" action="http://localhost/integradorcode/index.php/welcome/validar"> EMAIL: <input type="text" name="email" /> <br><br> SENHA: <input type="password" name="senha"/> <br><br><br><br> <input class="myButton" type="submit" value="Entrar"/> <br><br> </form> <a href="Cadastro.php" class="myButton">Cadastrar</a><br><br> <a href="#" class="myButton">Esqueceu sua senha?</a> </div> Controller: public function validar(){ //var_dump($_POST); $this->load->model("Cadastro_model"); $result = $this->Cadastro_model->validar($_POST["email"],md5($_POST["senha"])); var_dump($result); } Model: function validar($email, $senha){ return $this->db->query("SELECT * FROM `cadastro_clientes` WHERE email_cliente = '{$email}' AND senha_cliente = '{$senha}' AND status = 1 LIMIT 1")->result_array(); } Não da nenhuma mensagem de erro mas coloco senha e login certos do meu bd e o return não retorna nada array 0

Pessoal, sou nova aqui no Fórum e estou começando a estudar PHP. Estou com dúvidas quanto a pesquisa com vários campos, consegui fazer para um campo só, porém quando tento para vários campos não funciona. Fiz algumas pesquisas e só consegui achar buscas com 'selects e options' e eu queria que ele pegasse o que foi digitado no input e fizesse a busca, mas o usuário não precisaria informar todos os campos (se não quisesse). Quando clico em 'Pesquisar' aparece todos os dados do banco. E uma outra dúvida, como faz para que os dados pesquisados sejam exibidos na mesma tela (abaixo do formulário de pesquisa) <form method="POST" id="form-pesquisa" action="busca.php"> Livro: <input type="text" name="nome" id="nome" placeholder="Fulano de Tal"> Autor: <input type="text" name="autor" id="autor" placeholder="Fulano de Tal"> Edicao: <input type="text" name="edicao" id="edicao" placeholder="Fulano de Tal"> <input type="submit" name="enviar" value="Pesquisar"> </form> <ul class="resultado"></ul> $nome = $_POST['nome']; $autor = $_POST['autor']; $edicao = $_POST['edicao']; //Pesquisar no banco de dados nome do livro referente a palavra digitada pelo usuário $livros = "SELECT * FROM livro WHERE nome OR autor OR edicao ORDER BY nome ASC"; $resultado_livros = mysqli_query($conn, $livros); if (mysqli_num_rows($resultado_livros) <= 0) { echo "Nenhum livro encontrado..."; } else { while ($rows = mysqli_fetch_assoc($resultado_livros)) { echo "<li>" . $rows['codigo'] . "</li>"; echo "<li>" . $rows['nome'] . "</li>"; echo "<li>" . $rows['autor'] . "</li>"; echo "<li>" . $rows['edicao'] . "</li>"; } } . Como se ele fizesse a busca internamente e mostrasse ao usuário o que ele pesquisou sem ele sair da tela em que está o form

Criar um sistema de votação para uma premiação musical. Esse sistema deverá ser desenvolvido utilizando HTML + Javascript ES6. a) Existem 4 candidatos concorrendo ao prêmio: i) Rita Lee (número 100) ii) Cartola (número 101) iii) Ney Matogrosso (número 102) iv) Anitta (número 103) b) Para realizar a votação, o usuário terá que digitar seu CPF e o número do candidato. i) O usuário não pode votar duas vezes. ii) Se o usuário votar em um número inválido, o sistema contabilizará esse voto como nulo. c) Devido a um conflito da confraternização, a candidata Anitta foi desclassificada mas não deu tempo de retirá-la do painel de votação. Você terá que realizar uma validação avisado que o voto nela não é válido (dando a possibilidade desse mesmo usuário votar em outro candidato). d) O sistema deve mostrar automaticamente a quantidade e porcentagem de voto de cada candidato (parecido com o protótipo). i) O cálculo da porcentagem dos candidatos deverá desconsiderar os votos nulos LINK DO PROTOTIPO: https://www.figma.com/proto/S8tKx3hDbJJNaWJ9WFjzINVY/Prova?node-id=0%3A1&viewport=766%2C1015%2C0.5&scaling=scale-down&redirected=1

Oi, gente! Não estou conseguindo resolver um problema que, aparentemente, é simples. Ajusto o html no dreamweaver e quando levo para ferramenta de email marketing, fica com espaçamento entre as imagens. Queria saber como resolver isso.

Eu estou começando a aprender html mas estou com um problema q n me deixa avançar http://prntscr.com/o3fb0g eu n sei oq esta dando de errado, sendo q todas as divs estão fechadas e estão é numeros pares. Na video aula que eu estava vendo, o cara não teve esse problema então fiquei confuso, sendo q os codigos q eu digitei estão exatamente iguais ao do cara. Quem quiser saber q video é esta aqui: https://www.youtube.com/watch?v=qPYCnebQQ6U parei na parte 25:01

Oi pessoal, blz? Bom, passei quase a tarde toda pra fazer o seguinte: Imagina que o body tem scroll Y. agora imagina que no meio do body tem um elemento que tem scroll no sentido X ( <--------> ). Minha dúvida é a seguinte: Como eu faço pra que, quando eu colocar o mouse em cima desse elemento que sofre scroll no sentido X, o scroll passe a acontecer nele, e não mais no body. ( Eu sei que se segurar o SHIFT e girar a rodinha do mouse, o scroll acontece somente nele. Mas eu queria tentar isso, pra dar um trabalho a menos pro usuário ) Fiz um layout básico pra simular o layout em que quero fazer isso. Segue: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> JS | Scroll </title> <style> body { min-height: 200vh ; display: flex ; flex-direction: column ; justify-content: center ; } .container-scroll-x { background-color: rgb(219, 237, 240) ; padding: 50px ; } .content { background-color: rgb(127, 189, 207) ; overflow-x: auto ; white-space: nowrap ; padding: 30px ; } </style> </head> <body> <div class="container-scroll-x"> <div class="content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam laborum, labore quam voluptate neque quod possimus ab nemo odio hic porro ut, officiis qui fuga cumque explicabo, placeat in temporibus. </div> </div> </body> </html> Desde já agradeço a ajuda.

Olá pessoal eu tenho essa imagem de um login que vou mostrar aqui, consegui o css dela , porem não consegui colocar no meu login, eu vou deixar o login em html, em css eu estou dificuldade. Desde já agradeço a todos então eu o css dela é esse aqui *{margin:0; padding:0;} html{ height:100%; background: linear-gradient(rgba(38, 128, 101, 0.9), rgba(52, 177, 140, 0.9)); } .erros, .ok { width:390px; padding:5px; background:rgba(238, 249, 113, 0.9); margin: 20px auto 0 auto; border: 1px solid rgba(222,239,10,0.9); border-radius: 4px; color: #333; } .ok{background: rgba(155,222,143,0.9);border-color: rgba(68, 171, 50, 0.9);color:white;} body{ font-family: "Trebuchet MS", tahoma, arial; } #formulario{ width:500px; margin:40px auto; text-align:center; position:relative; } #formulario fieldset{ background:white; border:0 none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 15px 1px rgba(0,0,0, 0.4); padding:20px 30px; box-sizing: border-box; width:80%; margin:0 10%; position:absolute; } #formulario input, #formulario textarea{ padding:10px; border:1px solid rgba(38, 128, 101, 0.9); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; outline:none; box-sizing: border-box; width:100%; font:14px "Trebuchet MS", tahoma, arial; color:#090; margin-bottom:10px; } #formulario .acao{ width:100px; background:rgba(38, 128, 101, 0.9); color:white; text-transform:uppercase; font-weight:bold; padding:12px 0; float:left; margin-right:5%; } #formulario .acao:hover{background:rgba(52, 177, 140, 0.9); cursor:pointer;} Aqui abaixo é o html que eu não consegui deixar no css do jeito que está na imagem. <!doctype html> <html> <?php require_once"config.php"; ?> <head> <title>APRENDIZ DE JS</title> <link href="style.css" rel="stylesheet" type="text/css"> <script src="jquery-3.2.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#but_submit").click(function(){ var username = $("#meu_nome").val().trim(); var password = $("#minha_senha").val().trim(); if( username != "" && password != "" ){ $.ajax({ url:'pesquisar.php', type:'post', data:{username:username,password:password}, success:function(response){ var msg = ""; if(response == 1){ window.location = "home.php"; }else{ msg = "Invalid username and password!"; } $("#message").html(msg); } }); } }); }); </script> </head> <body> <div class="container"> <div id="div_login"> <h1>Login</h1> <div id="message"></div> <div> <input type="text" class="textbox" id="meu_nome" name="meu_nome" placeholder="Username" /> </div> <div> <input type="password" class="textbox" id="minha_senha" name="minha_senha" placeholder="Password"/> </div> <div> <input type="button" value="logar" name="but_submit" id="but_submit" /> </div> </div> </div> </body> </html>

Estou fazendo um trabalho de escola que consiste em implementar um web app (site responsivo mobile first) para armazenar na API Local Storage gastos realizados pelo usuário. Recursos mínimos: Adicionar um gasto: descrição, valor, data, categoria (alimentação, vestuário,transporte, lazer, etc.); Editar um gasto; Remover um gasto; Exibir os gastos cadastrados; Gráfico de pizza dos gastos por categoria; Gráfico de barras dos gastos por dia do mês. Eu consegui fazer os 5 primeiros recursos, mas no ultimo estou com dificuldade de somar os gastos por dia, pois em vez de somar ele só esta pegando o ultimo gasto cadastrado de uma data. Se alguém puder me ajudar agradeço. Segue os códigos no JSFiddle: https://jsfiddle.net/n2Lwg0jt/

Quero que meus links tenham marcadores e que os marcadores fiquem selecionados juntos com o link. Pra isso, coloquei o LI dentro do A. <a><li>meu link</li></a> Só que o link ficou muito grande. Mesmo com o mouse longe do texto, ele já ativa o link. Vejam na imagem. Vejam o código: CSS #links_uteis { width:482px; height:230px; float:right; margin-top:20px; margin-right:20px; font-size:20px; list-style-type:disc; list-style-position:inside; } #links_uteis table { width:420px; margin-left:10px; } #links_uteis td { width:210px; padding:5px 10px 5px 10px; } #links_uteis a:hover { text-decoration:underline; color:#D90000; } HTML <div id="links_uteis"> Links úteis <div class="barra_titulo"></div> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="#" target="_blank"><li>Inmetro</li></a> </td> <td> <a href="#" target="_blank"><li>Seplag</li></a> </td> </tr> <tr> <td> <a href="#" target="_blank"><li>Ipsemg</li></a> </td> <td> <a href="#" target="_blank"><li>IOF-MG</li></a> </td> </tr> <tr> <td> <a href="#" target="_blank"><li>ALMG</li></a> </td> <td> <a href="#" target="_blank"><li>MGS</li></a> </td> </tr> <tr> <td> <a href="#" target="_blank"><li>Portal de serviços</li></a></td> <td> <a href="#" target="_blank"><li>Portal do servidor</li></a></td> </tr> </table> </div> <!--Fecha a div links_uteis-->

Bom dia pessoal. Com vão? Preciso de uma ajudinha aqui. Estou a trabalhar num sistema. Preciso de ter uma combobox que permita ao usuario selcecionar varios idiomas que fala, com seus respectivos niveis. Nao consigo encontrar uma forma que me permita fazer isso. Imaginemos que ele fale 5 linguas,: A, B, C, D E e F. Como le vai selecionar essas varias linguas com seus respectivos niveis? Agradeço desde ja

Boa tarde, tenho 18 anos e decidi criar meu primeiro blog, só por teste mesmo, acabei baixando dois template e acabei gostandos de ambos, tentei fazer uma "fusão" deles, mas meio que não consegui. Eu queria colocar o 'estilo de postagem' desse template: http://prntscr.com/o105rw Nesse daqui: http://prntscr.com/o108ad Download Template 1: https://drive.google.com/file/d/1mhOCYgbwPIcO14wPwOumemBrCZR5l3fT/view Download Template 2: https://drive.google.com/file/d/1QmohfY7MUZI4PTIQYkjbNRwxxWkfIflD/view

Olá, no meu projeto tenho uma animação ao scroll, quando me aproximo do elemento ele "surge" de algum lado, porém por alguma razão somente alguns elementos do site estão funcionando 100%, outros, no inspecionar mostra que a classe ANIMATE já é adicionada no elemento assim que a página é carregada, e a mesma não é removida mesmo quando eu me aproximo e afasto do elemento. Fazendo alguns testes vi que quando o elemento animado está fora do pai SECTION funciona normalmente, quando está dentro não (com exceção do primeiro elemento animado do site). Fiz o upload do código para o JSFiddle, https://jsfiddle.net/kuxf7mep/ ,como pode ver o elemento ARTICLE na linha 101 está animado normalmente, porém os elementos HEADER da linha 147 e o MAIN da linha 152 estão com a animação mas não funcionam. OBS: Podem fazer o teste colocando um elemento animado dentro e fora da section.

Tenho uma tabela chamada bilhete, preciso que o usuário, ao clicar no botão que abre um modal, realize uma consulta dentro dessa tabela, essa consulta precisa pegar um id aleatório e exibir o bilhete entro do modal, algo que simule uma caixinha de bilhetes motivacionais, que pode ser retirado um bilhete por vez... Mas eu não consigo exibir os dados da consulta dentro do modal... por favor me ajudem, sou iniciante nisso Esse é meu index.php <?php include_once "db.php"; $result_bilhete = "SELECT * FROM bilhete WHERE idbilhete = 4"; $resultado_bilhete = mysqli_query($conexao, $result_bilhete); $row_bilhete = mysqli_fetch_assoc($resultado_bilhete); ?> <button type="button" class="btn btn-primary view_data" id="<?php echo $row_bilhete['idbilhete']; ?>"data-toggle="modal" data-target="#visulUsuarioModal">Bilhetes</button> <!-- Modal --> <div class="modal fade" id="visulUsuarioModal" tabindex="-1" role="dialog" arial-labelledby="Rotulo do modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="titulo-modal">Bilhete Motivacional</h4> </div> <div class="modal-body"> <span id="p-bilhete"></span> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary">Salvar Bilhete</button> </div> </div> </div> </div> <script> $(document).ready(function(){ $(document).on('click','.view_data', function(){ var idbilhete = $(this).attr("idbilhete"); //alert(idbilhete); //Verificar se há valor na variável "idbilhete". if(idbilhete !== ''){ var dados = { idbilhete: idbilhete }; $.post('vizualizarBilhete.php', dados, function(retorna){ //Carregar o conteúdo para o bilhete $("#p-bilhete").html(retorna); $('#visulUsuarioModal').modal('show'); }); } }); }); </script> Esse é meu vizualizarBilhete.php <?php if(isset($_POST["idbilhete"])){ include_once "db.php"; $resultado = ''; $idBilhetes = rand(4, 10); $result_bilhete = "SELECT * FROM bilhete WHERE idbilhete = 4"; $resultado_bilhete = mysqli_query($conexao, $result_bilhete); $row_bilhete = mysqli_fetch_assoc($resultado_bilhete); while($row_bilhete = mysqli_fetch_assoc($resultado_bilhete)){ $resultado .= '<dl class="row">'; $resultado .= '<dt class="col-sm-3">Bilhete</dt>'; $resultado .= '<dd class="col-sm-9">'.$row_bilhete['bilhete'].'</dd>'; $resultado .= '</dl>'; echo $resultado; } }

Gostaria de saber como realizar a seguinte ação: Quero que, ao selecionar um campo de uma lista de categorias, outra lista seja gerada com as subcategorias. Segue exemplo do site Mercado Livre, durante o processo de anúncio de um produto: Como eu poderia criar o código javascript e html? Esses são os códigos html que uso no documento view: <div class="form-group"> <label class="col-sm-3 control-label" for="input-category"><span data-toggle="tooltip" title="<?php echo $help_category; ?>"><?php echo "Categorias"; ?></span></label> <!-- $entry_category --> <div class="col-sm-9"> <select name="product_category" id="product-category" size="10" class="form-control"> <?php foreach($product_categories as $product_category){ ?> <?php if($product_category['parent_id'] == 300 && $product_category['level'] == 0){ ?> <option value="<?php echo $product_category['category_id']; ?>"><?php echo $product_category['name']; ?></option> <?php } ?> <?php } ?> </select> <select name="product_category" id="product-subcategory" size="10" class="form-control"> <?php foreach($product_categories as $product_category){ ?> <?php if($product_category['parent_id'] == 59 && $product_category['level'] == 1){ ?> <option value="<?php echo $product_category['category_id']; ?>"><?php echo $product_category['name']; ?></option> <?php } ?> <?php } ?> </select> </div> </div> Output: Obs 1: o código html é um teste para a categoria Acessórios (category_id = 59) gerando as subcategorias dessa categoria (subcategorias com parent_id = 59), mas gostaria de saber como gerar uma lista para cada categoria selecionada. Obs 2: no output é gerada a tabela das subcategorias mesmo sem clicar no campo Acessórios, diferentemente do Mercado Livre. Alguém poderia me ajudar com isto? Preciso resolver o quanto antes. Agradeço desde já a atenção e a ajuda!

Bom dia pessoal Estou estruturando um slideshow puro em css3 + html mas percebi que vou precisar de jquery para algumas funções, eu vinculei radios com lables para a navegação do menu e consegui montar em jquery o efeito "active" para quando é clicado em um botão, tudo funcionando perfeitamente e responsivamente nos browsers. Só que agora eu preciso que os slides passem automaticamente e vinculados a navegação, trocando ambos da direta pra esquerda, mantendo o efeito "active" na navegação com harmonia com as imagens, todos os exemplos que saí atrás na internet não vinculam radios com lables para navegação, então isso está me causando uma dificuldade além do que esperava, desde já agradeço a ajuda de vocês Segue abaixo os códigos Index.html <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="slidershow middle"> <div class="slides"> <input type="radio" name="r" id="r1" checked> <input type="radio" name="r" id="r2"> <input type="radio" name="r" id="r3"> <input type="radio" name="r" id="r4"> <input type="radio" name="r" id="r5"> <div class="slide s1"> <a href="#"> <img src="1.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="2.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="3.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="4.jpg" alt=""></a> </div> <div class="slide"> <a href="#"><img src="5.jpg" alt=""></a> </div> </div> <div class="navigation"> <label for="r1" class="bar active"></label> <label for="r2" class="bar"></label> <label for="r3" class="bar"></label> <label for="r4" class="bar"></label> <label for="r5" class="bar"></label> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script type="text/javascript"> $(document).on('click', 'label', function() { $(this).addClass('active').siblings().removeClass('active') }) </script> </body> </html> style.css *{ margin: 0px; padding: 0px;} .slidershow{ width: 100%; height: 100%; overflow: hidden; position: absolute; max-height: 70%; } .middle{ position: absolute; } .navigation{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; } .bar{ width: 60px; height: 5px; background-color: #c1c0c0; margin: 6px; cursor: pointer; transition: 0.4s; } .bar:hover{ background: #ddcf19; } .bar.active{ background: #ddcf19; } input[name="r"]{ position: absolute; visibility: hidden; } .slides{ width: 500%; height: 100%; display: flex; } .slide{ width: 20%; transition: 0.6s; } .slide a{ display: block; width: 100%; height: 100%; cursor: pointer;} .slide img{ width: 100%; height: 100%; object-fit: cover; } #r1:checked ~ .s1{ margin-left: 0; } #r2:checked ~ .s1{ margin-left: -20%; } #r3:checked ~ .s1{ margin-left: -40%; } #r4:checked ~ .s1{ margin-left: -60%; } #r5:checked ~ .s1{ margin-left: -80%; } Basicamente quero como o link abaixo mas vinculando meus controles de navegação Exemplo