Jump to content

Search the Community

Showing results for tags 'html'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 1860 results

  1. michael450

    Listagem em tempo real

    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
  2. Guss

    Problema com código html

    c´pod
  3. 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.
  4. CyberBTW

    Estou com um problema de html

    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
  5. _FelipeOlvr

    Scroll

    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.
  6. <div align="center" id="subtitulo"> Canais Abertos </div> <div class="ui cards"> <div class="card"> <div class="content"> <a href="globo.html" style="display: block; color: black"> <div align="center"> <div> <img class="ui tiny image" id="imagem_card_casa" src="assets/images/Rede_Globo_2014.png"> <div align="center" id = "nome_time_fora"> <b>Globo RJ</b> </div> </div> Onde "globo.html" seria substituído pelo link que esta em uma tabela do banco de dados. Já fiz a conexão. E tenho a base de dados pronta. Motivo pelo qual estou buscando ajuda: Faço manualmente a mudança de cada link (são mais de 300) diariamente para evitar copias de terceiros. Sendo assim poderia usar um CRUD para facilitar a troca dos links direto no banco de dados.
  7. tatysouzac

    Codeigniter voltando dados login

    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
  8. ricardonews

    colocando css em um login

    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>
  9. 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-->
  10. 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
  11. ShibuiFansub

    Como fundir dois template?

    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
  12. 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.
  13. 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; } }
  14. 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!
  15. 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
  16. É o seguinte no cabeçalho do meu projeto tem uma parte um link que leva a parte principal do site, nessa parte a imagem que está lá dentro redireciona o visitante pra página de destino até aí beleza, mas como eu tenho de definir um tamanho pra imagem eu faço via style na tag do link mesmo no <a style=" "></a>, mas quando tento colocar essa parte do código em uma linha dentro do arquivo CSS que contém todas as estilizações padrão, ele simplesmente não acontece. Vou postar a parte do código e como acho que deveria ser, mas pelo jeito não é essa a forma correta. <body> <div id="site"> <div id="cabecalho"> <div id="link_home"> <a href="index.php"> <img src="imagens/logo.png" alt="logo" style="height: 50px;"/><!--Esse style="height: 50px;" é que eu quero no CSS pra estilização padrão--> </a> </div><!--Final botão logo--> body { background-color: #131521; width: 1000px; margin: auto; font-family: Arial, Helvetica, sans-serif; } #site { background-color: #ffffff; width: 1000px; float: left; } #cabecalho{ background-color: #ffffff; float: left; width: 1000px; height: 70px; } #link_home{ float: left; height: 50px; margin-top: 5px; margin-left: 5px; } #link_home a img { height: 50px; } /* Quando eu coloco aqui no CSS e tiro do HTML ele não funciona */ A grande moral é que eu não sei como indicar pro CSS que é pra alterar somente aquela img daquele a que está dentro daquela DIV
  17. Bom dia galera venho aqui falar que to com uma duvida imensa mesmo eu criei 4 botões como na foto e eu quero mover pro lado que ta em vermelho mas de jeito nenhun eu consigo alguem pode me ajudar? codigo: < <div class="menubarra"> <img src="imagens/logo.png" alt="Logo" title="" width="200"> <a href="" class="btn btn-purple">Login</a> <a href="" class="btn btn-purple">Carrinnho</a> <a href="" class="btn btn-purple">Amei</a> <a href="" class="btn btn-purple">Notificacao</a> </div> > CSS: < .menubarra{ background: #1E90FF; top: 100%; margin-block-end: 0%; left: 100px; } >
  18. jujubeas

    Quiz

    Ola pessoal, alguém tem algum código javascript ou pode me dar algum link como referencia que tenha um questionario/quiz que use arrays e estruturas de repetição?
  19. Boa noite a todos ! Estou com um problema um pouco complicado.. Estou criando um LoadScreen em um game, e estou utilizando um video.mp4 No Index.html e no Style.css a PRINCIPIO esta tudo correto. Quando vejo o video no navegador, ele reproduz normal, com audio e tudo, porém fica uma faixa branca em cima e quando o mouse fica passa por cima, ele pausa a musica. O index.jv ta com um comando de Hover play() e pause () Se alguem puder me ajudar, o intuito é somente utilizar ele para dar o play no video e pronto ! até terminar o load do game. Segue linha de comando : var figure = $(".video").hover( hoverVideo, hideVideo ); function hoverVideo(e) { $('video', this).get(0).play(); } function hideVideo(e) { $('video', this).get(0).pause(); }
  20. Olá! Estou com uma dúvida em JavaScript que não consigo resolver. Contexto: Em uma página HTML, tenho 10 imagens organizadas, de classe: <img class='imagens-q'> e id's de 0 à 9, respectivamente: <img class='imagens-q' id='0'> <img class='imagens-q' id='1'> ... <img class='imagens-q' id='9'> Objetivo: Essas imagens ficam disponíveis para que o usuário escolha (clique) uma ou mais. Minha intenção é justamente obter o id do elemento que o usuário clicar. Resumindo: Como faço para saber o id da imagem na qual o usuário clicou? OBS: não coloquei nenhum código em JS porque justamente ainda não tenho nenhum código.
  21. LuizH.M

    Filtrar por data

    Tó com dificuldade para fazer um filtro que aconteça a medida que eu vou colocando as datas no input Agradeço desde já vlw <?php include_once('conexao.php'); $sql = sprintf("SELECT * FROM caixa ORDER BY 'data' "); $dados = mysqli_query($con,$sql) or die(mysqli_error()); $resul = mysqli_query($con, "SELECT sum(dinheiro) FROM caixa"); function between(){ if(!empty($data0) and empty($data1)){ $data0 = $_GET['data0']; $data1 = $_GET['data1']; $sql = mysqli_query("SELECT metodo,dinheiro,data FROM caixa WHERE data BETWEEN '$data0' and '$data1'"); $dados0 = mysqli_query($con,$sql) or die(mysqli_error()); while($linha = mysqli_fetch_array($dados0)) { ?> <tr> <td><?php echo $linha['metodo']?></td> <td><?php echo "R$ ". $linha['dinheiro']?></td> <td width="120"><?php echo date('d/m/Y', strtotime($linha['data']))?></td> </tr> <?php } ?> <?php } } ?> <!DOCTYPE html> <html lang="PT-BR"> <head> <title></title> <!-- META--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> *{ margin:0px; padding:0px; } table,th,td{ border:none } table{ width:100%; display:table; } table th{ text-align:center!important; } table td{ text-align:left!important; } table.bordered>thead>tr,table.bordered>tbody>tr{ border-bottom:1px solid #d0d0d0; } table.striped>tbody>tr:nth-child(odd){ background-color:#f2f2f2; } table.striped>tbody>tr>td{ border-radius:0; }table.highlight>tbody>tr{ transition:background-color .25s ease; } table.highlight>tbody>tr:hover{ background-color:#f2f2f2; } table.centered thead tr th,table.centered tbody tr td{ text-align:center; } .title{ text-align:center!important; padding:15px 5px; font-family:'times new roman'; font-size:20px; } thead{ border-bottom:1px solid #d0d0d0; } td,th{ padding:15px 5px; display:table-cell; } .delete { -moz-box-shadow: 0px 1px 0px 0px #fff6af; -webkit-box-shadow: 0px 1px 0px 0px #fff6af; box-shadow: 0px 1px 0px 0px #fff6af; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23)); background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%); background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%); background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%); background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%); background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0); background-color:#ffec64; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #ffaa22; display:inline-block; cursor:pointer; color:#333333; font-family:Arial; font-size:12px; font-weight:bold; padding:6px 15px; text-decoration:none; text-shadow:0px 1px 0px #ffee66; } .delete:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64)); background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%); background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%); background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%); background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%); background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0); background-color:#ffab23; } .delete:active { position:relative; top:1px; } @media screen and (max-width: 750px){ footer{ position:absolute; top:1200px; } } </style> </head> <body> <table class="bordered striped highlight"> <p class="title">Caixa da Igreja</p> <p>Pesquise por Data : &nbsp&nbsp <input type="date" name="data0" required>&nbsp Até &nbsp&nbsp<input type="date" name="data1" required> <?php while($linha = mysqli_fetch_array($dados)) { ?> <tr> <td><?php echo $linha['metodo']?></td> <td><?php echo "R$ ". $linha['dinheiro']?></td> <td width="120"><?php echo date('d/m/Y', strtotime($linha['data']))?></td> </tr> <?php } ?> </br> </table></p> <div id="total"> <?php while($result = mysqli_fetch_array($resul)){ echo "Total R$: ".$result['sum(dinheiro)'].'<br/>'; }?> </div> </br> </body> </html>
  22. UrnaEtec

    Urna Eletrônica para escola

    Estamos fazendo uma urna para a escola e não temos noção sobre algumas coisas que listarei abaixo: -Temos dois espaços de texto, como faço pra não precisar trocar o lugar e basicamente "Linkar" as caixas, assim continuando a escrita na outra -Como fazer para a foto do candidato aparecer automaticamente quando for digitado o segundo numero -Como nós teremos um teclado numérico do lado para a Urna precisamos fazer com que a tecla (,) seja o corrige e a tecla (Enter) seja o entra e avance a pagina -Como fazer um banco de dados que contenha imagem do candidato? -Como fazer um sistema de countdown depois que a pessoa votar para a pagina recarregar depois de 10 seg que a pessoa executar o voto
  23. penelopevitoria_

    Problema no layout de páginas AMP

    Pessoal, estou com muitos problemas de layout em minhas páginas AMP. O que rola é que vários elementos estão saindo compridos ou esticados. Enfim, o AMP estraga coisas como formulário também. Vocês sabem se existe uma maneira massiva de corrigir esses problemas pelo plugin? Tenho muitas páginas com o layout comprometido e não achei nada na internet que me ajudasse a corrigir. Aguardo retorno :D
  24. Ola, estou tendo problemas em colocar códigos HTML nas minhas postagens do Wordpress. Os códigos em questão são esses <iframe src="https://castbox.fm/app/castbox/player/id1984278/id121435345?v=4.1.190524&autoplay=0" frameborder="0" width="100%" height="500"></iframe> <iframe width="500" height="280" frameborder="0" allowfullscreen="" src="https://embed.wattpad.com/story/171900305" ></iframe> Ambos estão funcionando em leitores de HTML online, mas nenhum funciona nos leitores do Wordpress. Não conheço nada desses codigos, então procuro alguem mais experiente para dizer qual o problema. Quando coloco eles nos leitores de HTML do editor eles não aparecem na pré-visualização nem ao menos em Windgets. O maximo que acontece é o codigo ficar visivel na visualização de texto. Mas quando passado para o site não é registrado.
  25. LoryF

    Imagem sobrepõe o Header

    Preciso de Ajuda Eu estou fazendo um Curso de Desenvolvimento de Sistemas, que inclui a Pogramação WEB, sendo assim, tenho um trabalho para entregar amanhã, porém estou com um problemas, porque a imagem que eu coloquei no Section está sobrepondo o meu Header quando eu rolo a página. Qual comando posso utilizar para deixar ela em "segundo plano"? Obs: eu separei o section em duas div's ---> uma para a escrita (conteúdo) e outra para as imagens ---> a posição delas está correta, pois quero que fiquem lado a lado (conteudo à esquerda e imagens à direita) assim está o meu CSS header { position: fixed; bottom: 80%; background-color:black; color:white; text-align:center; width:90%; padding-top:2%; padding-right:5%; padding-bottom:2%; padding-left:5%; } section{ position: relative; left: 17%; top: 20%; bottom: 50%; width:73%; float:left; height:auto;%; padding-top:2%; padding-right:5%; padding-bottom:25%; padding-left:5%; /*1160*/ /*1160+170=1330*/ } #centro{ position: absolute; width: 40%; height: auto%; margin: 0%; clear: both; float: left; } #image{ position: relative; top: 30%; left: 50%; float: left; width: 40%; height: auto%; clear: both; } img{ float: left; }
×

Important Information

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