Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''html5''.

  • 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 112 registros

  1. DinhoPHP

    Header ultrapassando Body

    Estou com o seguinte problema. Desenvolvi um site em flex box com width de 100% na Section. O problema é que o header com 100% fixed ultrapassa a section ficando mais larga que tudo na página no modo mobile mesmo utilizando break points. @media screen and (max-width: 984px){ header{ background-color: #1a1a1a; width: 100%; position: fixed; top: 0px; z-index: 999; display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space--around; line-height: 6; font-size: 0.8em; } }
  2. Prezados, Estou desenvolvendo uma aplicação web para gerenciamento de acesso ao almoxarifado do pequeno negócio de uma pessoa sem muitos recursos da comunidade aqui. Com conhecimentos de html5, css3 e um pouco de php, consegui fazer toda a parte de registros e a interface web de controle, no entanto, não entendo nadinha de javascript e "travei" no código para finalizar o projeto. Tenho esse script encontrado de fonte aberta na internet, mas não consigo adaptá-lo: <html lang="pt-br"> <head> <script type='text/javascript'> var led_controle = function(status) { var xmlhttp = new XMLHttpRequest(); var set_status = "http://192.168.1.35/?function=" + status; xmlhttp.open("GET", set_status); xmlhttp.send(); } // Acessa os botões e passa as nossas diretivas de ligar ou desligar o relé var led = function() { var on = document.querySelector(".on"); on.onclick = function() { led_controle("led13_on"); } var off = document.querySelector(".off"); off.onclick = function() { led_controle("led13_off"); } } window.onload = function() { // Chama a função led led(); } </script> </head> <body> <p><a class="btn on">ON</a></p> <p><a class="btn off">OFF</a></p> </body> </html> O código acima funciona perfeitamente. Ele aciona um sketch armazenado em um esp8266 e, através deste, aciona via relé de comando a porta do almoxarifado. O problema consiste que AO INVÉS do conteúdo do "body" acima, eu preciso capturar a ação do "button" dos forms contidos no "body" abaixo: <body> <form method="post" action="pagina.php"> <fieldset> <p class="center"> <input type="hidden" name="funcionario" value="entrada-almoxarifado"></input> <button class="btn" style="width: 250px;" type="submit" value="submit">entrar</button> </p> </fieldset> </form> <form method="post" action="pagina.php"> <fieldset> <p class="center"> <input type="hidden" name="funcionario" value="saida-almoxarifado"></input> <button class="btn" style="width: 250px;" type="submit" value="submit">sair</button> </p> </fieldset> </form> </body> </html> Já tentei várias e várias sugestões encontradas na internet, mas como não sei adaptar os códigos encontrados, não tem dado certo. Alguém poderia me explicar detalhadamente como modificar o script contido no head da minha página, parte por parte, para que o mesmo continue executando sua função só que capturando a ação do "button" do formulário? Agradeço de coração quem puder se dispor a ajudar. Sds, Mary
  3. Olá, Estou programando um newsletter e ele deveria se conectar com o banco de dados e enviar as informações para o mesmo, porém apenas se conecta. Ele não da nenhum erro, mas também não envia os dados para o banco de dados. Segue os códigos: HTML <section class="newsletter"> <h3> Newsletter </h3> <p> Receba todas as novidades </p> <form method="post" id="newsletter" name="cadastroNews" action="NewsCad.php"> <input type="text" name="nome" placeholder="Digite seu nome" required> <input type="email" name="email" placeholder="Digite seu email" required> <input type="submit" name="Enviar" value="Cadastrar"> </form> </section> Conexão com o banco de dados - Conexao.php <?php $host = '127.0.0.1:3306'; $user = 'root'; $password = 'bruxaria'; $database = 'quebrandotabus'; //Conectando ao banco de dados $conn = mysqli_connect($host, $user, $password, $database) or die(mysql_error()); ?> ENVIO DOS DADOS - NewsCad.php <?php include_once("Conexao.php"); $nome = filter_input(INPUT_POST, 'nome', FILTER_SANITIZE_STRING); $email = filter_input(INPUT_POST, 'email', FILTER_SANITIZE_EMAIL); $result_usuario = "INSERT INTO newsletter (nome, email) VALUES ('$nome' , '$email')" or die(mysql_error()); $resultado_usuario = mysqli_query($conn , $result_usuario); ?> Vocês conseguem me ajudar? Por favor, preciso muito!
  4. COMO POSSO VISUALIZAR UM ARQUIVO PDF NUM SITE HTML5 OU PHP NUM DISPOSITIVO MÓVEL SEM USAR IMAGEM E SIM O PRÓPRIO PDF, POIS O MESMO SÓ ABRE SE BAIXAR.
  5. Olá, pessoas. To com um problema nesse exercício. Esse programa deve receber os itens de uma receita digitados por usuário e salvá-los dentro de um vetor, sempre verificando se o item digitado já não consta. Caso conste, deve exibir um alert( ) informando ao usuário que dado item já foi computado anteriormente, senão, deve gravar o item no vetor e repetir esse ciclo até a condição do primeiro for ser saciada. O problema é que quando o usuário digitar um valor que já existe no vetor ingredientes [ ] e o alert( ) do segundo for é exibido, após fechá-lo, o programa não dá continuidade, ou seja, no meu entender, deveria atribuir o valor false para variável verifica, com isso sair do segundo for, em seguida, ler a terceira condição: //Condicional decrementa a variável contador1, caso o item digitado seja repetido e após a primeira iteração. if (contador1 != 1 && verifica == false) { contador1--; verifica = true; } Abaixo deixo o código completo. <script> //Vetor que guarda os itens. var ingredientes = []; //Variável que guarda quantos itens serão adicionados no vetor ingredientes. var quantidade = parseInt(prompt("Quantos ingredientes você vai adicionar?")); //Variável de verificação. var verifica = true; //Laço para guardar os itens s no vetor. for (var contador1 = 1; contador1 <= quantidade; contador1++){ var item = prompt("Informe o "+contador1+"º item: "); /*Laço que verifica se o item digitado já existe ou não no vetor ingredientes. Caso exista, exibe alerta e muda o valor da variável de verificação para false.*/ for (var contador2 = 0; contador2 < ingredientes.length || verifica != true; contador2++){ if (item == ingredientes[contador2]) { alert("Item já adicionado!"); verifica = false; } } //Condicional que quarda o item digitado na primeira iteração. if (contador1 == 1 && verifica == true){ ingredientes.push(item); } //Condicional que guarda o item após a primeira iteração e caso ele não seja repetido. if (contador1 != 1 && verifica == true){ ingredientes.push(item); } //Condicional decrementa a variável contador1, caso o item digitado seja repetido e após a primeira iteração. if (contador1 != 1 && verifica == false) { contador1--; verifica = true; } } console.log(ingredientes); </script>
  6. zlDeath

    Ajuda - Mostrar somente o valor

    Ola boa tarde. Queria fazer uma parada que pegasse as informações da DB e mostrasse no site somente o valor, minha DB: Pegar o "nome_site" e mostrar o que tem no "valor" Porem não sei como fazer isso
  7. É possível eu utilizar uma expressão regular para que o usuário coloque o nome completo no input e não apenas o Primeiro nome através do pattern ? Como ficaria essa expressão regular ? <input pattern="" > vsf admin
  8. Eae pessoal tudo bem ? Seguinte estou aprendendo CSS, e fiz um menu um pouco animado. Ao passar a mouse sobre um Li ela mostra seus componentes com uma animação e delays diferentes. Meu problema é o seguinte, quando eu tiro o Mouse, os delays ainda acontecem deixando assim uma animação bem "Feia". Eu queria que ao tirar o mouse os itens voltassem ao mesmo tempo sem delay alguém pode me ajudar ? ( mais uma pergunta, estou aprendendo CSS3 e logo logo começo estudar JavaScript sabem me dizer se conseguria fazer animações como essa utilizando JavaScript mais facilmente ? ) Obrigado pela atenção o código esta abaixo <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu deslizante</title> <style> .container{ height: 500px; width: 200px; padding: 0px; overflow: hidden; } .menu{ width: 200px; font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif"; color:whitesmoke; font-size: 13pt; } .menu ul{ list-style: none; position: relative; padding: 0px; } .menu ul ul { padding: 0; position:absolute; transform: translateX(200px); } .menu ul li:hover ul{ position: relative; transition:2s; } .menu ul li:nth-child(1){ transition:0.25s; } .menu ul li:hover ul li:nth-child(1){ transform: translateX(-190px); } .menu ul li:nth-child(2){ transition:0.25s; transition-delay: 0.25s; } .menu ul li:hover ul li:nth-child(2){ transform: translateX(-190px); } .menu ul li:nth-child(3){ transition:0.25s; transition-delay: 0.5s; } .menu ul li:hover ul li:nth-child(3){ transform: translateX(-190px); } .menu li{ padding: 15px; cursor: pointer; background-color: rgba(188,27,30,1.00); border-bottom: rgba(229,79,82,1.00) solid 1px; } </style> </head> <body> <div class="container"> <nav class="menu"> <ul> <li>Home</li> <li>Galeria</li> <li>Shop <ul> <li>Cell Cases</li> <li>Notebook Acessories</li> <li>To your House</li> </ul> </li> <li>Contacts</li> <li>About us</li> </ul> </nav> </div> </body> </html>
  9. zeljunior

    Select PHP

    Pessoal boa noite. Não consigo trazer os usuários cadastrados no banco através desse select abaixo, alguém pode me ajudar? tr> <td align="left" bgcolor="#999999"> <font face="verdana" size="1"><b> AGENTE</b></font> </td> <td class="bar-search" align="left" bgcolor="#999999"> <? //PDO - Biblioteca de conexão a um banco de dados $dsn = "mysql:dbname=blog;host=localhost"; $dbuser = "root"; $dbpass = "081232"; try { $pdo = new PDO($dsn, $dbuser, $dbpass); $sql = "SELECT * FROM usuarios WHERE nivel='usuarios' ORDER BY nome ASC"; $sql = $pdo->query($sql); } catch (PDOException $e){ echo "Falhou: ".$e->getMessage(); } ?> <select > <option>Selecione...</option> <?php while ($row = mysql_fetch_assoc($sql)) {?> <option value="<?php echo $row['nome']; ?>"></option> <?php } ?> </select> </td> </tr>
  10. marlone

    Estou tendo problemas sérios de Acentuação

    Estou tendo sérios problemas com acentuação no php. No ex: verdadeâ€... Alguém com esse problema? Poderiam me ajudar?
  11. evertongouveia

    Formulário de pesquisa em ajax

    Boa noite galera, estou tentando fazer com que uma página só mostre o resultado quando eu clicar em "Buscar" já tentei de várias formas e não consigo. Queria que mostrasse o resultado a partir do preenchimento do formulário. Segue abaixo o meu código: <!DOCTYPE html> <head> <title>Conveniados</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/colors/main.css" id="colors"> <script> $(document).ready(function(e) { $("form[ajax=true]").submit(function(e) { e.preventDefault(); var form_data = $(this).serialize(); var form_url = $(this).attr("action"); var form_method = $(this).attr("method").toUpperCase(); $("#loadingimg").show(); $.ajax({ url: form_url, type: form_method, data: form_data, cache: false, success: function(returnhtml){ $("#result").html(returnhtml); $("#loadingimg").hide(); } }); }); }); </script> </head> <body> <?php $conveniados = array(); $destaques = array(); $servicos = array(); $locais = array(); $especialidades = array(); $convs = json_decode(file_get_contents('http://url.com.br/Service/BackOffice.svc/retornaConveniado')); foreach($convs as $conv){ $info = array(); $info["nome"] = $conv->nmConveniado; $info["categoria"] = $conv->listaEspecialidade[0]->nmEspecialidade; $especialidades[] = $conv->listaEspecialidade[0]->nmEspecialidade; $info["endereco"] = $conv->listaEndereco[0]->nmLogradouro; $info["bairro"] = $conv->listaEndereco[0]->nmBairro; $info["cidade"] = $conv->listaEndereco[0]->nmCidade; $info["telefone"] = $conv->dsTelefone1; $locais[] = $conv->listaEndereco[0]->nmCidade; $info["estado"] = $conv->listaEndereco[0]->sgEstado; $servicos_str = ''; $k=0; foreach($conv->listaServico as $serv_str){ $k++; $servicos[] = $serv_str->nmServico; if($k==count($conv->listaServico)){ $servicos_str .= $serv_str->nmServico; } else { $servicos_str .= $serv_str->nmServico.', '; } } $info["servicos"] = $servicos_str; $info["imagem"] = $conv->listaImagem[0]->nmArquivo; $conveniados[] = $info; if($conv->flDestaqueSite){ $destaques[] = $info; } } $_especialidades = array_unique($especialidades); $_servicos = array_unique($servicos); $_locais = array_unique($locais); asort($_especialidades); asort($_servicos); asort($_locais); ?> <!-- Wrapper --> <div id="wrapper"> <!-- Header Container ================================================== --> <header id="header-container"> <!-- Header --> <div id="header"> <div class="container"> <!-- Left Side Content --> <div class="left-side"> <!-- Logo --> <div id="logo"> <a href="index.html"><script type="text/javascript"> //<![CDATA[ window.__mirage2 = {petok:"c15ffef9e9bc60c90529128598972fc85e861c0e-1529018942-86400"}; //]]> </script> <script type="text/javascript" src="https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js"></script> <img data-cfsrc="images/logo.png" alt="" style="display:none;visibility:hidden;"><noscript><img src="images/logo.png" alt=""></noscript></a> </div> <!-- Mobile Navigation --> <div class="mmenu-trigger"> <button class="hamburger hamburger--collapse" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> <div class="right-side"> <div class="header-widget"> <a href="#" class="button border with-icon">Seja um conveniado <i class="sl sl-icon-plus"></i></a> </div> </div> </div> </div> </header> <div class="clearfix"></div> <div class="main-search-container" data-background-image="images/main-search-background-01.jpg" style="background-image: url("images/main-search-background-01.jpg");"> <div class="main-search-inner"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="text-center">Conveniados Anjo da Guarda</h2> <h4 class="text-center">Localize o conveniado desejado</h4> <form method="post" ajax="true" action=""> <div class="main-search-input"> <div class="main-search-input-item"> <input type="text" placeholder="Nome do conveniado" id="searchQuery" value=""> </div> <div class="main-search-input-item"> <select data-placeholder="Cidade" class="chosen-select" style="display: none;"> <?php foreach($_locais as $local){ ?> <?php if(trim($local)!=''){ ?> <option value="<?php echo $local; ?>"><?php echo $local; ?></option> <?php } ?> <?php } ?> </select> </div> <div class="main-search-input-item"> <select data-placeholder="Categoria" class="chosen-select" style="display: none;"> <option>Categoria</option> </select> </div> <div class="main-search-input-item"> <select data-placeholder="Especialidade" class="chosen-select" style="display: none;"> <?php foreach($_especialidades as $especialidade){ ?> <?php if(trim($especialidade)!=''){ ?> <option value="<?php echo $especialidade; ?>"><?php echo $especialidade; ?></option> <?php } ?> <?php } ?> </select> </div> <div class="main-search-input-item"> <select data-placeholder="Serviço" class="chosen-select" style="display: none;"> <option value>Serviços</option> <?php foreach($_servicos as $servico){ ?> <?php if(trim(servico)!=''){ ?> <option value="<?php echo $servico; ?>"><?php echo $servico; ?></option> <?php } ?> <?php } ?> </select> </div> <input type="submit" class="button" value="Buscar" /> </div> </form> </div> </div> </div> </div> </div> <div class="container "> <div class="row"> <div class="col-md-12 margin-top-40"> <div class="row"> <!-- Lista --> <?php $d=0; ?> <?php shuffle($destaques); ?> <?php foreach($destaques as $destaque){ ?> <?php $d++; if($d<=2){ ?> <div class="col-lg-12 col-md-12"> <div class="listing-item-container list-layout"> <a href="#" class="listing-item"> <!-- Imagem --> <div class="listing-item-image"> <img data-cfsrc="<?php echo $destaque["imagem"]; ?>" alt="" style="display:none;visibility:hidden;"><noscript><img src="<?php echo $destaque["imagem"]; ?>" alt=""></noscript> <span class="tag"><?php echo $destaque["categoria"]; ?></span> </div> <!-- Conteúdo --> <div class="listing-item-content"> <div class="listing-badge anunciante">Anunciante</div> <div class="listing-item-inner"> <h3><?php echo $destaque["nome"]; ?> <i class="verified-icon"></i></h3> <span><?php echo $destaque["telefone"]; ?></span></br> <span><?php echo $destaque["endereco"]; ?>, <?php echo $destaque["bairro"]; ?>, <?php echo $destaque["cidade"]; ?> - <?php echo $destaque["estado"]; ?></span> </div> </div> </a> </div> </div> <?php } ?> <?php } ?> <!-- Lista / Fim --> <center><a href="#" class="button border with-icon margin-bottom-20">Ver mais</a></center> <!-- Lista --> <?php $d=0; ?> <?php foreach($conveniados as $conveniado){ ?> <?php $d++; if($d<=5){ ?> <div class="col-lg-12 col-md-12" especialidade="<?php echo $conveniado["categoria"]; ?>" local="<?php echo $conveniado["cidade"]; ?>" nome="<?php echo $conveniado["nome"]; ?>" servicos="<?php echo $conveniado["servicos"]; ?>"> <div class="listing-item-container list-layout"> <a href="#" class="listing-item"> <!-- Imagem --> <div class="listing-item-image"> <?php if($conveniado["imagem"] != ''){ ?> <img data-cfsrc="<?php echo $conveniado["imagem"]; ?>" alt="" style="display:none;visibility:hidden;"><noscript><img src="<?php echo $conveniado["imagem"]; ?>" alt=""></noscript> <?php } else { ?> <img data-cfsrc="images/sem-imagem.jpg" alt="" style="display:none;visibility:hidden;"><noscript><img src="images/sem-imagem.jpg" alt=""></noscript> <?php } ?> <span class="tag"><?php echo $conveniado["categoria"]; ?></span> </div> <!-- Conteúdo --> <div class="listing-item-content"> <div class="listing-item-inner"> <h3><?php echo $conveniado["nome"]; ?></h3> <span><?php echo $conveniado["telefone"]; ?></span></br> <span><?php echo $conveniado["endereco"]; ?>, <?php echo $conveniado["bairro"]; ?>, <?php echo $conveniado["cidade"]; ?> - <?php echo $conveniado["estado"]; ?></span> </div> </div> </a> </div> </div> <?php } ?> <?php } ?> </div> <!-- Paginação --> <div class="clearfix"></div> <span id="result"><a href="http://wp.me/p2O9K2-b">jQuery + AJAX form submit script.</a></span> <div class="row"> <div class="col-md-12"> <!-- Paginação --> <div class="pagination-container margin-top-20 margin-bottom-40"> <nav class="pagination"> <ul> <li><a href="#" class="current-page">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#"><i class="sl sl-icon-arrow-right"></i></a></li> </ul> </nav> </div> </div> </div> <!-- Paginação / Fim --> </div> </div> </div> <!-- Footer ================================================== --> <div id="footer" class="margin-top-15"> <!-- Main --> <div class="container"> <!-- Copyright --> <div class="row"> <div class="col-md-12"> <div class="copyrights">© 2017 Afagu. Todos os direitos reservados.</div> </div> </div> </div> </div> <!-- Footer / End --> <!-- Back To Top Button --> <div id="backtotop"><a href="#"></a></div> </div> <!-- Wrapper / End --> <!-- Scripts ================================================== --> <script data-cfasync="false" src="../../cdn-cgi/scripts/f2bf09f8/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="scripts/jquery-2.2.0.min.js"></script> <script type="text/javascript" src="scripts/mmenu.min.js"></script> <script type="text/javascript" src="scripts/chosen.min.js"></script> <script type="text/javascript" src="scripts/slick.min.js"></script> <script type="text/javascript" src="scripts/rangeslider.min.js"></script> <script type="text/javascript" src="scripts/magnific-popup.min.js"></script> <script type="text/javascript" src="scripts/waypoints.min.js"></script> <script type="text/javascript" src="scripts/counterup.min.js"></script> <script type="text/javascript" src="scripts/jquery-ui.min.js"></script> <script type="text/javascript" src="scripts/tooltips.min.js"></script> <script type="text/javascript" src="scripts/custom.js"></script> <!-- Google Autocomplete --> <script> function initAutocomplete() { var input = document.getElementById('autocomplete-input'); var autocomplete = new google.maps.places.Autocomplete(input); autocomplete.addListener('place_changed', function() { var place = autocomplete.getPlace(); if (!place.geometry) { window.alert("No details available for input: '" + place.name + "'"); return; } }); if ($('.main-search-input-item')[0]) { setTimeout(function(){ $(".pac-container").prependTo("#autocomplete-container"); }, 300); } } </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAgeuuDfRlweIs7D6uo4wdIHVvJ0LonQ6g&amp;libraries=places&amp;callback=initAutocomplete"></script> </body> </html>
  12. vazzoler

    Selectpicker

    Bom dia galera, tenho um selectpicker multiple que alimento dinamicamente. Utilizo ele em um filtro de pesquisa. Tudo está ok, porém, o único problema que estou tendo é que quando dou submit no formulário, ele não guarda os itens que selecionei, ficando sem nada selecionado. Alguém sabe me dizer como consigo alimentar este selectpicker com os dados que selecionei antes do submit?
  13. Maykel-ctba

    Vaga Web Developer Curitiba

    Fala galera, repassando: GPAprospera contrata Web Developer Atividades: Criação visual e programação de websites, e-commerces, e-mails marketings. Requisitos: Conhecimentos em Photoshop / HTML5 / PHP / MySQL / CSS / Javascript / Jquery Local de Trabalho: Curitiba Interessados: enviar currículo para eduardo@gpaprospera.com.br Valeu!!!
  14. antoni0neto

    Desabilitar calendário no campo date do mobile

    Olá galera, rafavestou desenvolvendo um site em HTML5 e gostaria de saber se é possível desabilitar o calendário do campo date no mobile, obrigando o usuário a digitar
  15. Olá Pessoal, sou novo no fórum e estou procurando formas de realizar um sistema de criação de paginas de um site com a estrutura html5 já pronta que absorva informações de um formulário e através dessa informação adquirida, gere uma pagina de produto nova, peço a vocês que compartilhem comigo experiencias que vocês tiveram, recomendando para mim quais seriam as linguagens de programação ou ferramentas que de acordo com a vivencia de vocês se adequaria melhor ao meu objetivo! Desde já agradeço a todos!
  16. Aplicação Web que simule o cadastro de produtos em um mercado virtual. A solução deve ter um formulário onde o usuário informará o código do produto, o nome do produto, a quantidade e o valor (use framework AngularJS). A lista de produtos deve ser exibida após a inserção, juntamente com seus respectivos totais. Ao final, escrever o código HTML5 e Javascript. [sou novo na área]
  17. Hykaro Curcioli

    Player de Audio HTML5

    Olá pessoal do iMasters, boa tarde a todos... Estou desenvolvendo uma pagina com vários players mp3 em HTML5 porem quando dou play em um o outro não para, alguém sabe se existe algum javascript para que isso funcione?
  18. GohanV

    HTML

    como faço pra deixar a imagem mudando em html, geralmente é usado no topo de páginas.. como faço isso ? usando array javascript?
  19. DinhoPHP

    Div flutuante

    Olá gente! No site que estou trabalhando, preciso fazer guia de favoritos que fica posicionada sempre à direita e ao ser clicada, exibe os imóveis favoritos, como no site do Zap Imóveis. Estou com dificuldades de como fazê-la ficar visível a todo tempo. Dei uma interrompida no código (por motivo de força maior) e pouco tenho ainda, mas deixarei o código. Caso alguém saiba até o que devo pesquisar, por favor, me avise. O resultado pode ser visto clicando aqui! home.php <?php require_once("include/head.php"); ?> <body> <div style="display:none;" class="tips"><?=__FILE__?></div> <div class="tail-top"> <?php require_once (DIR_BLOCO . "/header_home.php"); //require_once(DIR_BLOCO . "/bloco_busca_topo.php"); ?> <div class="ImageTop"> <?php require_once(DIR_BLOCO . "/bannerhome.php"); ?> <?php require_once(DIR_BLOCO . "/bloco_busca_home.php"); ?> </div> <div class="mainhome"> <?php require_once(DIR_BLOCO . "/autenticacao.php"); /*require_once(DIR_BLOCO . "/box_mapa.php");*/ require_once(DIR_BLOCO . "/bloco_anuncios_destaques.php"); require_once(DIR_BLOCO . "/bloco_banners_meio.php"); require_once(DIR_BLOCO . "/bloco_cidades_destaque.php"); require_once(DIR_BLOCO . "/bloco_noticias_destaques.php"); require_once(DIR_BLOCO . "/bloco_botao_anuncie_rodape.php"); ?> </div> </div> <div id="show_favorite" class="navbar navbar-inverse" data-spy="affix" data-offset-top="197"> <?php require_once(DIR_BLOCO . "/bloco_favorite_div.php"); /*AQUI É O ARQUIVO DA DIV FAVORITOS*/ ?> </div> <?php require_once(DIR_BLOCO . "/rodape.php"); ?> </body> </html> bloco_favorite_div.php <div style="display:none;" class="tips"><?=__FILE__?></div> <div id="box_favorite" style="background-color: #00307d;"> <i class="fa fa-heart-o 1g" aria-hidden="true"></i> <div id="content_btn_favorite" class="col-md-4"> <h2>FAVORITOS</h2> <div id="content_divs_favorite"> <div id="divs_favorite"> </div> </div> </div> </div> css_div_favorite.php /* DIV DOS FAVORITOS */ #show_favorite{ display: flex; overflow: hidden; box-sizing: border-box; border-color: red; height: 500px; width: max-content; } #box_favorite{ } #content_btn_favorite{ } #content_divs_favorite{ } #divs_favorite{ }
  20. Chris Martin

    Monitorar que checkbox foi marcado ou desmarcado

    Tenho uns ckeckbox na página <input type="checkbox" id="ni1" value="não informado" onclick="Validni(1)" /> <label for="ni1">Não informado</label> código javascript function Validni(id){ $("#conv" + id).remove(); $('#ni' + id).prop('name',"conv" + id); } Mas quando o clica no chkbox nada acontece, o que será que está errado?
  21. Lisbi

    Sistema de Apostas de futebol

    Gostaria de encarar o desafio de desenvolver um sistema de apostas de futebol , ou obter um script para faze lo rodar em um site! Alguém por gentileza pode me da o fio da miada, algum tutorial, alguma empresa que venda só o script , ou algum caminho de programação pra eu pesquisar! Grato pelas respostas desde já
  22. Ola, tudo bem. em fim. Eu fiz tudo corretamente no condigo mas quando tento acessá-lo na web ele da este erro Notice: Undefined variable: erro in /storage/ssd2/825/3063825/public_html/zyro/7.php</ on line 83. e esse , o paragrafo em que o erro pedi (de vermelho sublinhado) <?php if(count($erro) > 0) foreach ( $erro as $mgs){ echo " <p>$mgs</p>"; } ?> se puderem me auxiliar agradeço
  23. DinhoPHP

    Auto ajuste (alguém com ideia brilhante?)

    Olá! Estou tendo dificuldades em reajustar o topo de um site do meu cliente (no modo desktop), gostaria de usar uma maneira que evitasse muitas media query, mas estou tendo dificuldades. Estou praticamente alterando um template, faço os testes no modo desenvolvedor do google chrome, e depois digito na minha IDE. Agradeço quem ajudar e der dicas. VEJA O SITE AQUI O cliente também deseja que os inputs mantenham-se proporcionais.
  24. Felipe Massulini

    Como inserir o autofocus no botão?

    Bom dia pessoal. No menu do meu projeto, apenas tem um botão com uma lupa, e quando ele é clicado, abre o campo de texto para ser pesquisado. Porém quando clico nele, preciso clicar novamente no campo de texto para que eu possa digitar. Gostaria de saber como faço para que o clique da lupa, ja abra o campo de texto com o cursor nele pronto para digitar. Obs: Sou iniciante.
  25. Estou tentando criar uma playlist de audio e a unica coisa que está faltando é destacar a música que está sendo tocada no momento, alguém pode me ajudar? <!doctype html> <html> <meta lang="pt-br" /> <script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/53BA83D0-410E-4F48-AE10-5961019FA9FF/main.js" charset="UTF-8"></script> <head> </head> <style type="text/css"> #playlist,audio { background:url("1.jpg"); width:400px; padding:20px; list-style: none; color:#ffffff; font-weight: bold; } li a{ color:#c7c7c7; background:#333; padding:5px; display:block; border-color: #fff; } .main{ background:url("2.jpg"); } </style> <body> <center> <audio controls id="player"> <source src="Black.mp3" type="audio/mp3" /> <source src="LastKiss.mp3" type="audio/mp3" /> <source src="SoldierofLove.mp3" type="audio/mp3" /> <source src="Alive.mp3" type="audio/mp3" /> <source src="EvenFlow.mp3" type="audio/mp3" /> </audio> <ul id="playlist"> <li data-arq="Black.mp3">Pearl Jam - Black</li> <li data-arq="LastKiss.mp3">Pearl Jam - Last Kiss</li> <li data-arq="SoldierofLove.mp3">Pearl Jam - Soldier of Love</li> <li data-arq="Alive.mp3">Pearl Jam - Alive</li> <li data-arq="EvenFlow.mp3">Pearl Jam - Even Flow</li> </ul> <script> var atual=0; function proximo(){ tocar(atual+1); } function anterior(){ tocar(atual-1); } function tocar(x){ console.log("tocar :" + x); var playlist = document.getElementById("playlist"); if(x<0) x=playlist.children.length-1; if(x>playlist.children.length-1) x=0; atual=x; var limusica = playlist.children[x]; var arquivo=limusica.getAttribute("data-arq"); var player=document.getElementById("player"); player.src=arquivo; player.play(); } </script> <button onclick="anterior()" >Anterior</button> <button onclick="proximo()" >Proximo</button> </center> </body> </html>
×

Informação importante

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