Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''html''.

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

  1. Yuri Cordeiro_113515

    CSS personalizado por tipo de links

    Amigos, Possuo um site em WordPress e tenho um template instalado que adquiri recentemente. Gostaria personalizar a forma como os links no corpo do texto aparece, de duas maneiras diferentes. Para os que apontam para dentro do meu site, sublinhado na cor X. Para os que apontam para fora do site, sublinhado na cor Y. É possível? Obrigado desde já.
  2. <?php if(isset($_POST['botaoenviar'])){ $nome = $_POST['nome']; $idade = intval($_POST['idade']); $salario = floatval($_POST['salario']); if(is_string($nome)) { if (is_int($idade)) { if (is_float($salario)) { } } } else{ echo "Informe tipos válidos"; } $funcionario = array('nome'=>"",'idade'=>"",'salario'=>""); } ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> </title> </head> <body> <form action="" method="POST"> <p>Seu nome: <input type="text" name="nome" /></p> <p>Idade: <input type="text" name="idade[idade]" /></p> <p>Salário: <input type="text" name="salario" /></p> <p><input type="submit" name="botaoenviar" value="enviar"/></p> </form> </body> </html>
  3. LsMs

    De desktop para Mobile

    Boa noite, eu estou criando um site pessoal e na versão desktop está okay, mas quando passa pra mobile, ele desconfigura. Qual o modo de arrumar? Pelo que dei uma pesquisada, tem um modo mobile "simples", que apenas pega como é a desktop e faz para mobile. Sabem como posso fazer isso ou como inserir no CSS os códigos para arrumar no mobile? Desde já, obrigado!!
  4. LsMs

    Background aumentar automaticamente

    Olá, estou criando uma página pessoal, no caso arrumando o responsivo. Tem como aumentar o background automaticamente. No caso o background seguir as fotos e textos.
  5. Nicolas Sousa

    Configuração de estilo em tabela

    Boa tarde. Eu tenho vindo a encontrar uma dificuldade em colocar na tabela um fundo transparente mas que dê para ver o conteúdo da tabela ( as colunas e linhas) . Ou seja , assim que coloco o código na tabela ele define tudo como igual , já criei class , tentei colocar mas é como se não formatasse então integrei diretamente no html e o que acontece? A tabela desaparece.. Aqui está o código : o meu objetivo era só tirar o fundo
  6. juliosertori

    Jquery Repeater - Input vazio

    Olá boa tarde, estou trabalhando com o Jquery Repeater, e tenho o seguinte problema. Utilizando o repeater, os input vão em branco para o recebimento do POST no PHP. A parte do HTML, está assim, está tudo correto, sem erros, o formulário funciona perfeitamente, gera os campos quando clica para adicionar etc. echo "<div class='col-md-12'> <div class='mt-repeater'> <div data-repeater-list='group-".$i."'> <div data-repeater-item class='row' style='margin-bottom:10px;'> <div class='col-md-7'> <label class='control-label'>".$c['nome']."</label>"; echo " <select id='id_atributos' name='id_atributos[]' class='form-control'> <option id='id_atributos' value='0'>Selecione</option> "; //Selecionando Valores dos Atributos $sql2 = "SELECT * FROM atributos_valores WHERE id_atributo = '".$c['id']."'"; $query2 = mysqli_query($conn, $sql2); while($a = mysqli_fetch_array($query2)){ echo "<option value='".$a['id']."'>".$a['nome']."</option>"; } echo "</optgroup> </select> </div> <div class='col-md-3'> <label class='control-label'>Qtd</label> <input type='number' name='qtd[]' placeholder='0' class='form-control' /> </div> <div class='col-md-1' style='margin-top:23px;'> <label class='control-label'>&nbsp;</label> <a href='javascript:;' data-repeater-delete class='btn btn-danger'> <i class='fa fa-close'></i> </a> </div> </div> </div> <hr> <a href='javascript:;' data-repeater-create class='btn btn-info mt-repeater-add'> <i class='fa fa-plus'></i> Adicionar Variação</a> <br> <br> </div> </div>"; E estou requisitando normalmente no POST. if ($_POST['form-type'] == "add_new_produto") { if(Permissions('add_produtos')==true){ $id_atributos = (isset($_POST['id_atributos'])) ? $_POST['id_atributos'] : ''; $idcategoria = (isset($_POST['idcategoria'])) ? $_POST['idcategoria'] : ''; $quantidade = (isset($_POST['qtd'])) ? $_POST['qtd'] : ''; echo "<script>alert('".$id_atributos."')</script>"; Porém chega em branco. Se eu tiro a Class "mt-repeater", ele recebe os valores, mas utilizando a classe, qualquer campo que vá dentro dessa DIV, não manda os valores.
  7. Sabrina Bruno

    Desenvolvimento Bootstrap

    Olá amigos do imasters, sou novo por aqui então se eu postei em uma área errada desculpem. Sou Front-end mas tem pouco tempo que comecei a mexer com Bootstrap, queria uma avaliação para ver o que vocês acham Link: http://brunohenrique.esy.es/movie/ esse é um dos meus primeiros projetos, criticas construtivas serão bem-vindas PS: não está 100% responsivo.
  8. 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>
  9. Cesar Masserati Procopio

    Paginação com AJAX

    Pessoal, boa Tarde!Pode me Ajudar com um probleminha que estou tendo hehehe...Fiz essa paginação via AJAX completa está tudo funcionando blz, porém quando tiver muitos registros está desconfigurando. Gostaria de fazer, conforme pode ver nas imagens abaixo, a Imagem Original ficar igual a Imagem Modificada! Alguma Dica ou sugestão? function filtroProc(){ $('.pagination').html(''); var filtro = $('input[name=filtro]:checked').val(); filtros.setFiltro(filtro); var offset = getPaginacao.getOffsetAtual(); var maximo = getPaginacao.getMaximo(); var links = getPaginacao.getLink(); $.ajax({ url:'nav/conf/con_lis_pro_ajax.php', type:'POST', dataType:'json', data:{offset:offset, maximo:maximo, filtro:filtro}, success:function(json){ filtros.setTotalFiltro(json.totalFil); getPaginacao.setTotal(json.totalItem); var totalFiltros = filtros.getTotalFiltro(); var totalItens = getPaginacao.getTotal(); $('.tabela tbody').empty(); $(".contagem").html(totalFiltros); $(".total").html(totalItens); var verif = 0; if(verif === json){ var html = '<tr>'; html += '<td colspan=5><div class="msg_no">Não existe cadastro de Processos de Emissão!</div></td>'; html += '</tr>'; $('.tabela tbody').append(html); }else{ for(var i in json.lista){ var html = '<tr>'; html += '<td align="center">'+json.lista[i].id+'</td>'; if(json.lista[i].status === 'a'){ html += '<td align="center"><img src="../image/semaforo/verde.png" data-id="'+json.lista[i].id+'" data-name="i" onclick="atualizaStatus(this)"/></td>'; }else{ html += '<td align="center"><img src="../image/semaforo/vermelho.png" data-id="'+json.lista[i].id+'" data-name="a" onclick="atualizaStatus(this)" /></td>'; } html += '<td align="center">'+json.lista[i].identificador+'</td>'; html += '<td>'+json.lista[i].descricao+'</td>'; html += '<td><a class="lista_bt2" href="#" data-id="'+json.lista[i].id+'" onclick="editarPro(this)"></a></td>'; html += '</tr>'; $('.tabela tbody').append(html); } } // ---- PAGINAÇÃO ------ // var maximo = getPaginacao.getMaximo(); var totalPaginas = Math.ceil((totalFiltros / maximo)); htmlPag = '<a href=\"#" data-id="1" onclick="dispara(this);">Primeira Página</a>&nbsp;&nbsp;&nbsp;'; for (var i = 1; i <= totalPaginas; i++){ htmlPag += '<a href="#" data-id="'+i+'" onclick="dispara(this)" class="">'+i+'</a>&nbsp;&nbsp;&nbsp;'; } htmlPag += '<a href=\"#" data-id="'+totalPaginas+'" onclick="dispara(this);">Ultima Página</a>&nbsp;&nbsp;&nbsp;'; $('.pagination').append(htmlPag); $('.pagination').find('.active_pag').removeClass('active_pag'); $('.pagination').find('a[data-id='+getPaginacao.getPagAtual()+']').addClass('active_pag'); } }); }
  10. Rzorr

    Paginação

    Boa noite, Escrevi um código de paginação aqui, e na index funciona de boa(pego todos os resultados e faço a páginação), mas na página onde preciso pegar somente o resultado pesquisado não funciona. será que alguém pode me dar uma força e me dizer o que fiz de errado. <?php date_default_timezone_set('America/Sao_Paulo'); require_once("conexao.php"); @$cidade = $_POST['cidade']; if(empty($_GET['pg'])){}else{$pg = $_GET['pg'];} if(isset($pg)){ $pg = $_GET['pg'];}else{ $pg = 1;} @$cidade = $_POST['cidade']; $quantidade = 1; $inicio = ($pg*$quantidade) - $quantidade; $pdo = conectar(); $busca_menu=$pdo->prepare(" SELECT * FROM empregos WHERE cidade = '$cidade' ORDER BY data DESC LIMIT $inicio, $quantidade"); $busca_menu->execute(); $contar = $busca_menu->rowCount(); ?> <!doctype html> <html class="no-js" lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="manifest" href="site.webmanifest"> <link rel="apple-touch-icon" href="icon.png"> <!-- Place favicon.ico in the root directory --> <!-- css --> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="css/iconsfonts/css/fontawesome-all.css"> <style type="text/css"> .footer{background-color: #000;} .logo>img{margin-top:10px; width: 150px; height: 100px; } .time{ padding: 2px; border-radius: 3px; color:#000; } .cidade{color:#ccc;} .card{padding:10px;} .roda{list-style: none; padding: 5px; text-decoration: none;} a.fac{font-size:30px; color:#ccc; text-decoration: none; } a:hover.fac{color:blue;} } @media (max-width: 600px) { .cidade { -webkit-transform:translate(0,-50%); transform:translate(0,-50%); top:50%; } } </style> <!-- icons fonts --> <script> function contaC(campo_passado){ var limite = 500; var campo = campo_passado.value.length; var maxlength = document.getElementById("descricao").setAttribute("maxlength", limite); var msgdescricao = document.getElementById("msgdescricao"); var restante = limite- campo; msgdescricao.innerHTML = restante; } </script> </head> <body> <!--[if lte IE 9]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <!-- inicio do site --> <div class="corpo"> <!--header--> <?php include('header.html'); ?> <!-- fim header --> <div class="separa"> <hr> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <form class="form-group col-md-12" action="buscavaga.php" method="POST"> Digite Cidade: <div class="input-group mb-3"> <input type="text" class="form-control" placeholder="Digite a cidade..." aria-label="Recipient's username" aria-describedby="basic-addon2"> <div class="input-group-append"> <button class="btn btn-outline-primary" type="button">Pesquisar Vaga!</button> </div> </div> </form> </div> </div> </div> <div class="container"> <div class="row col-md-12"> <div class="col-md-8"><!--vagas--> <?php while($linhas = $busca_menu->fetch(PDO::FETCH_ASSOC)){ $newtempo = $linhas['data']; $sem_retorno = $linhas['id']; //Data vinda do seu BD $banco = $newtempo; //Pego o atual momento $agora = new DateTime('now'); //Coloco a data no padrao do dateTime $tempo = new DateTime(date('Y-m-d H:i:s', strtotime($banco))); //verifico a diferença entre as datas $intervalo = $agora->diff($tempo); //printo a data e seu tempo de diferença $dias = $intervalo->format('%D dias'); $horas = $intervalo->format('%H horas'); //$hora = $intervalo->format('%H hora'); $minutos = $intervalo->format('%I Min'); if($dias >=1){ $nd = $dias; }elseif ($dias < 1 ) { $nd = $horas; }elseif($dias <1 and $horas <1){ $nd = $minutos = $intervalo->format('%I Min'); } ?> <div class="card"><!-- incio card --> <div class="col-md-12"> <div class="row"> <div class="col-md-4 text-center"> <span class="alert-info"><?php ?></span> <span class="cidade"><a href="vaga.php?id=<?php echo $linhas['id'];?>"><i class="fas fa-briefcase"> </i> <?php echo $linhas['vaga']; ?></a></span><br> <span class="cidade"><i class="fas fa-home"> </i> <?php echo $linhas['cidade']."/". $linhas['estado']; ?></span> </div> <div class="col-md-4"> </div> <div class="col-md-4 text-center"> <span class="time"><i class="fas fa-clock"></i> <?php echo 'há '.$nd;?></span><br> <span class="time"><i class="fas fa-eye"></i> <?php echo 'Visualizado '.$linhas['views'];?></span> </div> </div> </div> </div> <br> <?php }?> <div class="card"><!-- incio card --> <div class="col-md-12"> <div class="row"> <div class="col-md-4 text-center"> Anuncie </div> </div> </div> </div> <br><!-- fim card --> <!--======================================================================================================= ========================================================================================================= --!> <!-- bto paginação --> <?php echo $cidade; $sql = "SELECT * FROM empregos WHERE cidade = '$cidade' "; try{ $result = $pdo->prepare($sql); $result->execute(); $total = $result->rowCount(); var_dump($cidade); }catch(PDOExeption $e){ echo $e; } if($total <=$quantidade){$paginas = 0;} else{ $paginas = ceil($total/$quantidade); if($pg > $paginas){ echo '<script language="javaScript">location.href="index.php";</script>';} $links = 5; if(isset($i)){}else{$i = '1';} ?> <div class="pagination"> <nav aria-label="Page navigation example"> <ul class="pagination"> <li class="page-item"> <a class="page-link" href="buscavaga.php?pg=<?php echo $i; ?>" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> <span class="sr-only">Previous</span> </a> </li> <!--<li class="page-item"><a href="" class="page-link">teste</a></li>--> <?php if(isset($_GET['pg'])){ $num_pg = $_GET['pg']; } for($i = $pg-$links; $i <= $pg-1; $i++){ if($i<=10){} else{ ?> <li class="page-item"><a href="buscavaga.php?pg=<?php echo $i; ?>" class="page-link"> <?php echo $i; ?></a></li> <?php }} ?> <li class="page-item"><a href="#" class="page-link"><?php echo $pg; ?></a></li> <?php for($i = $pg+1; $i <= $pg+$links; $i++){ if($i>$paginas){} else{ ?> <li class="page-item"> <a href="buscavaga.php?pg=<?php echo $i;?>" class="page-link"><?php echo $i;?></a></li> <?php } } } ?> <li class="page-item"><a class="page-link" href="buscavaga.php?pg=<?php echo $paginas;?>" aria-label="Next"><span aria-hidden="true">&raquo;</span> <span class="sr-only">Next</span></a></li> </ul> </nav> </div> <!--=================================================================================================================================== ====================================================================== FIm Paginação =================================================--> </div> <div class="col-md-4"><!-- menu lateral --> <div class="card"> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> </div> <div class="card"> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> Doar<br/> </div> <div class="card"> Doar </div> </div> </div> </div><!--fim site--> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-4"> Redes Sociais: <ul class="list-group roda"> <li><a href="#" class="list-group fac"><i class="fab fa-facebook"></i></a></li> </ul> </div> <div class="col-md-4"> </div> <div class="col-md-4"> Comercial: <ul class="list-group roda"> <li><i class="fas fa-phone"></i> (00) 0000-0000</li> <li><i class="fas fa-envelope"></i> contato@teste.com.br</li> </ul> </div> </div> <div class="row"> <div class="col-md-12"> <p align="center"> todos os Direitos Reservados</p> </div> </div> </div> </div> <!-- inicio modal --> <!--Modal cadastrar vaga --> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Cadastrar Vaga</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body">--> <form class="form-group" action="cadvaga.php" method="POST" enctype="multipart/form-data"> Nome da empresa:<span>*</span> <input class="form-control" type="text" name="empresa" placeholder="Nome da Empresa ..." required="true"> Cidade:<span>*</span> <input class="form-control" type="text" name="cidade" placeholder="Cidade da vaga ..." required="true"> Estado:<span>*</span> <select name="estado" class="form-control"> <option value="estado">Selecione o Estado</option> <option value="AC">Acre</option> <option value="AL">Alagoas</option> <option value="AM">Amazonas</option> <option value="AP">Amapá</option> <option value="BA">Bahia</option> <option value="CE">Ceará</option> <option value="DF">Distrito Federal</option> <option value="ES">Espírito Santo</option> <option value="GO">Goiás</option> <option value="MA">Maranhão</option> <option value="MT">Mato Grosso</option> <option value="MS">Mato Grosso do Sul</option> <option value="MG">Minas Gerais</option> <option value="PA">Pará</option> <option value="PB">Paraíba</option> <option value="PR">Paraná</option> <option value="PE">Pernambuco</option> <option value="PI">Piauí</option> <option value="RJ">Rio de Janeiro</option> <option value="RN">Rio Grande do Norte</option> <option value="RO">Rondônia</option> <option value="RS">Rio Grande do Sul</option> <option value="RR">Roraima</option> <option value="SC">Santa Catarina</option> <option value="SE">Sergipe</option> <option value="SP">São Paulo</option> <option value="TO">Tocantins</option> </select> Vaga:<span>*</span> <input class="form-control" type="text" name="vaga" placeholder="Vaga ..." required="true"> email:<span>*</span> <input class="form-control" type="text" name="email" placeholder="Seu Melhor email" required="true"> Descrição:<span>*</span> <textarea id="descricao" class="form-control" type="text" name="descricao" placeholder="Descricao..." required="true" onkeydown="contaC(this)" onkeyup="contaC(this)"></textarea> <div id="msgdescricao"></div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> <button type="submit" class="btn btn-primary">Cadastrar Vaga!</button> </div> </form> </div> </div> </div> </div> <!-- fim modal --> <!-- Modal Contato --> <div class="modal fade" id="contato" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Contato</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <form class="form col-md-8" action="enviar.php" method="POST" enctype="multipart/form-data" name="formulario" > <div class="form-group"> <p align="left" class="lead">Nome:<span>*</span></p> <input class="form-control col-lg-12" placeholder="Digite seu nome" type="text" name="nome" required/> </div> <div class="form-group "> <p align="left" class="lead">Email:<span>*</span></p> <input class="form-control col-lg-12" placeholder="Digite seu melhor email" type="email" name="mail" required/> </div> <div class="form-group"> <p align="left" class="lead">Telefone:<span>*</span></p> <input class="form-control col-lg-12" id="celular" placeholder="Digite seu telefone" type="text" name="phone" required/> </div> <div class="form-group"> <p align="left" class="lead">Mensagem:</p> <textarea class="form-control col-lg-12" placeholder="Deixe sua mensagem" name="texto" ></textarea> </div> <br><br> <div class="g-recaptcha" data-sitekey="6Lc5mF0UAAAAAP9EjSpkzeuLlY1VYKmRVA3dRKdp"></div> <br><br> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> <button type="button" class="btn btn-primary">Enviar Mensagem</button> </div> </form> </div> </div> </div> </div> <!-- fim modal contato--> <script src="js/vendor/modernizr-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script> <script src="js/plugins.js"></script> <script src="js/main.js"></script> <script src="js/popper.js/dist/umd/popper.min.js"></script> <script src="css/bootstrap/js/bootstrap.min.js"></script> <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. --> <script> window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date; ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview') </script> <script src="https://www.google-analytics.com/analytics.js" async defer></script> </body> </html>
  11. Preciso criar um album de fotos que ao clicar na imagem apareça uma descrição, e ao clicar novamente na imagem a descrição desapareça. Consigo fazer aparecer o texto mas não consigo oculta-lo depois de clicar novamente. Outra duvida, coloquei a div texto mas a formatação css que coloco nao aparece. HTML: <body> <h1>ÁLBUM DE FOTOS</h1> <div class="album"> <img src="foto1.jpg" onclick="mostrarTexto('Descriçao1!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto2.jpg" onclick="mostrarTexto('terbrbrb!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto3.jpg" onclick="mostrarTexto('aaaaaaa!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto4.jpg"onclick="mostrarTexto('bbbbbbbb')" max width="300" max height="300"> </div> <div class="album"> <img src="foto5.jpg" onclick="mostrarTexto('cccccccc')" max width="300" max height="300"> </div> <div class="album"> <img src="foto6.jpg" onclick="mostrarTexto('dddddddd')" max width="300" max height="300"> </div> <div id= "texto"></div> <div class="album"> <img src="foto7.jpg" onclick="mostrarTexto('eeeeeee')" max width="300" max height="300"> </div> <div class="album"> <img src="foto8.jpg" onclick="mostrarTexto('fffffff')" max width="300" max height="300"> </div> <div class="album"> <img src="foto9.jpg" onclick="mostrarTexto('ggggggg')" max width="300" max height="300"> </div> </body> CSS: html { font-family: Arial, Helvetica, sans-serif } h1{ font-family: Arial, Helvetica, sans-serif; color: rgb(117, 170, 231); font-size:2rem; text-align: left; } .album{ float: left; width: 500px; } .texto{ font-family: Arial, Helvetica, sans-serif; font-size:2rem; color: rgb(92, 192, 92); } JS: function mostrarTexto(msg) { texto.innerHTML= msg; }
  12. Vinicius Piovesan

    Problema CSS a:

    Olá, estou com o problema em colocar a:hover, a:link ou qualquer coisa depois do a: Simplesmente não reconhece. Alguém sabe o que pode ser? Inicio: body{ font-family: sans-serif; } a:link, a:visited{ color:#ff6600 text-decoration:none; } a:hover{ text-decoration: underline; }
  13. paulaodaregulage

    Atualizar página web junto com as variáveis

    Srs ...boa noite podem me ajudar por favor... eu estou atualizando a página automaticamente,mas ao atualizar a página as variáveis n continuam....gostaria que elas continuassem... pagina1.php <form name="form" id="form" action="pagina2.php" method="post"> variável 1<input type="text" name="variavel1" ><br> variável 2<input type="text" name="variavel2" ><br> variável 3<input type="text" name="variavel3" ><br> <input type="submit" name="botao" value="Enviar script" > </form> pagina2.php <?php header('Refresh:10'); ?> <!-- qdo eu faço esse refresh as variáveis abaixo n continuam nos "value=''" --> <?php $variavel1=$_POST['variavel1']; $variavel2=$_POST['variavel2']; $variavel3=$_POST['variavel3']; ?> Variável 1<input type="text" name="variavel1" value="<?php echo $variavel1; ?>" ><br> Variável 2<input type="text" name="variavel2" value="<?php echo $variavel2; ?>" ><br> Variável 3<input type="text" name="variavel3" value="<?php echo $variavel3; ?>" >
  14. MeninaMouse

    Tabela de Status no Web

    Alguém pode me ajudar na elaboração de tabela de status no asp.net e mantendo os dados atualizados em tempo real?
  15. JulioCesar12

    Posicionamento de elementos

    Estou desenvolvendo um site teste, mais pra treinar mesmo, e estou tendo dificuldades em acabar com a distância da imagens (duvida.png), se executarem vão ver que uma delas está muito distantes do rodapé e a outra está muito longe do cabeçalho, queria saber como posso melhorar o espaçamento, desde já obrigado. <html> <head> <title> </title> <link href="Estilo.css " rel="stylesheet"> </head> <body> <div class="cabeçalho"> <div class="limite"> <img src="icone.png" class="logo"/> <nav id="menu"> <ul> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> <li><a href="#"> <img src="icone.png" class="icon-menu"> </a></li> </ul> </nav> </div> </div> <div class="limite"> <div class="direita"> <h1>JAVASCRIPT</h1> <h4> é uma linguagem de programação interpretada. Foi originalmente implementada como<br/> <p> parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem<br/> com o usuário sem a necessidade deste script passar pelo servidor, controlando o navegador, realizando comunicação</br> assíncrona e alterando o conteúdo do documento exibido.</h4> </p> <img src="duvida.png" class="duvida"> <h1>CSS</h1> <h4> Cascading Style Sheets é um simples mecanismo para adicionar estilo a um documento web. Em vez de colocar a formatação dentro do documento, o CSS cria um link para uma página que contém os estilos.</h4> </p> <img src="duvida.png" class="duvida"> </div> </div> <div class="esquerda"> <img src="duvida.png" class="duvida"> <h1>HTML</h1> <h4> é o formato padrão para criação de páginas online e aplicações de web.<br/> <p> Em conjunto com o CSS e Javascript,eles formam as pedras principais para a World Wide Web.</p> </h4> </div> </div> <div class="rodape"> <div class="limite"> Final </div></div> </body> </html> <!--**Some Address 987,</br></br> +34 9054 5455, </br></br> Madrid, Spain. <a href="#" id="link"> Dribble </a></br></br> <a href="#" id="link"> Twitter </a></br></br> <a href="#" id="link"> Facebook</a> </td> This cute theme was created to showcase your</br></br> work in a simple way. Use it wisely. </td> !--> <!--<h1><p>Hi, I am Stanley! </p></br> </h1> <h5><p>Hello everybody. I'm Stanley, a free handsome bootstrap theme coded by BlackTie.co. A really simple </br> theme for those wanting to showcase their work with a cute & clean style.</p></br> Please, consider to register to <a href="#" id="link">our newsletter</a> to be update with our latest themes and freebies. Like </br> always, you can use this theme in any project freely. Share it with your friends. </h5>!--> css: *{ margin: 0; padding:0; } body{ background-image: url("fundo.jpg"); font-family: Arial; background-size: 100%; background-repeat: no-repeat; background-attachment: fixed; } .limite{ margin: 0 auto; position: relative; width: 85%; } .cabeçalho{ background-color: #000000; height: 70px; width: 100%; position: fixed; z-index: 3; top:0; } #menu ul{ list-style: none; float: right; } #menu ul li{ display: inline-block; margin-left: 60px; } #menu ul li a { color: white; text-decoration: none; font-weight: bold; font-size: 22px; text-transform: uppercase; } .logo{ width: 70px; float: left; } .icon-menu{ width: 70px; } .esquerda{ margin-top: 150px; margin-bottom: 100px; width: 500px; margin-left: 100vh; } .direita{ margin-top: 150px; width: 500px; margin-right: 100vh; } .duvida{ width: 100%; height: 35%; } .rodape{ position: relative; width: 100%; height: 150px; background-color: #000000; z-index: 2; color: white; font-size: 50px; }
  16. b0t.exe

    Select não vai pro banco de dados

    Olá Galera, tenho um formulário com um Select, para o usuário escolher uma opção, porem... quando salvo o formulário não salva os selects no Banco de dados, só os inputs... já pesquisei alguns tópicos relacionados e nenhum me ajudou... meu PHP: $data['product_name'] = $this->input->post('product_name'); $data['price'] = $this->input->post('price'); $data['stock'] = $this->input->post('stock'); $data['images'] = $this->input->post('images'); $data['description'] = $this->input->post('description'); $data['ava'] = $this->input->post('ava'); $data['telefone'] = $this->input->post('telefone'); $data['whatsapp'] = $this->input->post('whatsapp'); $data['email'] = $this->input->post('email'); $data['profissional'] = $this->input->post('profissional'); $this->db->insert('products', $data); HTML: <div class="tgl"> <label for="ava"> 1 - Avaliação Agendamento / Recepção</label> <select class="form-control" name="ava" id="ava"> <option> Escolher</option> <option name="ava"> Ótimo</option> <option name="ava"> Bom</option> <option name="ava"> Regular</option> <option name="ava"> Ruim</option> </select> <textarea class="form-control" name="avaob" placeholder="Observações"></textarea> </div>
  17. Bianca Eguez Carneiro

    Como coloca uma pagina dentro da outra

    ex: fazer uma index e usa iframe para redireciona uma outra pagina, mas sem a pagina da erro. eu fiz uma pagina com redirecionamento para a pagina qe eu quero usa como facebook, com isso coloquei ela dentro da index priscipal com o iframe, porem nao carrega a pagina com o redirecionamento, teria como eu usa uma pagina qe nao tenho dominio dentro da minha ?
  18. 2gents

    Projeto pessoal

    Opa! Acabei de lançar minha marca pessoal e meu site também. Ah, se forem testar o responsivo pelo desktop não irá funcionar. Mobile e afins somente nos dispositivos correspondentes. Bom, seguem links: Valeu!
  19. houseofzuera

    Rotas Google Maps

    Bom dia a todos. Eu preciso gerar uma rota pela Google Maps. Eu peguei o exemplo do Google Developer e entendi bem o mecanismo, porém preciso fazer algumas alterações; 1 - Preciso fazer com que o "gatilho", da geração da rota seja gerado imediatamente quando o html é aberto na tela. Então eu preciso configurar isso em um evento "onShow" ou em algum equivalente, mas não sei como fazer em Javascript. 2 - Eu vou integrar com o Delphi, então as variáveis virão de lá. Mas pra efeito de testes, eu vou passar umas constantes mesmo. Então, evidentemente não terá o select e o "document.getElementById", terá que funcionar de uma forma fixa. Como fazer isso? Abaixo estou postado o fonte do Google Developer. Alguém pode me dar sugestões de como adaptá-lo para a minha necessidade? <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Directions service</title> <style> /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { height: 100%; } /* Optional: Makes the sample page fill the window. */ html, body { height: 100%; margin: 0; padding: 0; } #floating-panel { position: absolute; top: 10px; left: 25%; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; text-align: center; font-family: 'Roboto','sans-serif'; line-height: 30px; padding-left: 10px; } </style> </head> <body> <div id="floating-panel"> <b>Start: </b> <select id="start"> <option value="sorocaba, sp">Sorocaba</option> <option value="itu, sp">Itu</option> <option value="barueri, sp">Barueri</option> <option value="são paulo, sp">São Paulo</option> </select> <b>End: </b> <select id="end"> <option value="sorocaba, sp">Sorocaba</option> <option value="itu, sp">Itu</option> <option value="barueri, sp">Barueri</option> <option value="são paulo, sp">São Paulo</option> </select> </div> <div id="map"></div> <script> function initMap() { var directionsService = new google.maps.DirectionsService; var directionsDisplay = new google.maps.DirectionsRenderer; var map = new google.maps.Map(document.getElementById('map'), { zoom: 7, center: {lat: 41.85, lng: -87.65} }); directionsDisplay.setMap(map); var onChangeHandler = function() { calculateAndDisplayRoute(directionsService, directionsDisplay); }; document.getElementById('start').addEventListener('change', onChangeHandler); document.getElementById('end').addEventListener('change', onChangeHandler); } function calculateAndDisplayRoute(directionsService, directionsDisplay) { directionsService.route({ origin: document.getElementById('start').value, waypoints: [{location: 'Rodoviária, Campinas'}, {location: 'Moisés Lucarelli, Campinas'}], destination: document.getElementById('end').value, travelMode: 'DRIVING' }, function(response, status) { if (status === 'OK') { directionsDisplay.setDirections(response); } else { window.alert('Directions request failed due to ' + status); } }); } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB1tbIAqN0XqcgTR1-FxYoVTVq6Is6lD98&callback=initMap"> </script> </body> </html>
  20. Wellington09

    Menu infinito

    Alguém poderia me dar um dica de como montar um menu para mobile no estilo da imagem abaixo ?
  21. alecram28

    Validar formulário Javascript

    Bom dia. Sou iniciante e fiz esse formulário usando uma função Javascript para validar os campos preenchidos. Porém ele nao esta verificando, já pula para a pagina de Cadastrado com Sucesso. Se alguem puder me ajudar a achar o erro, obrigado! HTML1 <!DOCTYPE html> <html lang="en"> <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>Cadastro</title> <link href="pratica12exercicio06.css" type="text/css" rel="stylesheet"/> <script src="pratica12exercicio06.js" type="text/javascript"></script> </head> <body> <main> <form action="pratica12exercicio06Resp.html" method="get"> <fieldset> <br> <tr> <td> <label for="login">Login:</label> </td> <td> <input type="text" id="login" name="campoLogin" /> </td> </tr> <br> <tr> <td> <label for="email">E-mail:</label> </td> <td> <input type="text" id="email" name="campoEmail" /> </td> </tr> <br> <tr> <td> <label for="datanasc">Data de nascimento:</label> </td> <td> <input type="text" id="datanasc" name="campoDataNascimento" /> </td> </tr> <br> <tr> <td> <label for="senha">Senha:</label> </td> <td> <input type="text" id="senha" name="campoSenha" /> </td> </tr> <br> <tr> <td> <label for="csenha">Confirmar senha:</label> </td> <td> <input type="text" id="csenha" name="campoCSenha" /> </td> </tr> <br> <tr> <td> <label for="sexo">Sexo:</label> </td> <td> <select id="sexo" name="campoSexo"> <option value=""></option> <option value="1">Feminino</option> <option value="2">Masculino</option> </select> </td> </tr> <br> <tr> <td> <label for="cidade">Cidade:</label> </td> <td> <input type="text" id="cidade" name="campoCidade" /> </td> </tr> <br> <tr> <td> <label for="home">Home-Page:</label> </td> <td> <input type="text" id="home" name="campoHome" /> </td> </tr> <br> <tr> <td> <label for="interesse">Interesses:</label>:</label> </td> <td> <label> <input name="campoInt" id="musica" type="checkbox"/> Música</label> <label> <input name="campoInt" id="esporte" type="checkbox"/> Esporte</label> <label> <input name="campoInt" id="moda" type="checkbox" /> Moda</label> </td> </tr> <br><input id="res" class="botao" type="reset" value="Limpar" onclick="limpar();"/> <input type="submit" value="Cadastrar" name="botaoCadastrar"onclick="return validar();"/> </fieldset> </form> </main> </body> </html> HTML2 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Validação de Formulário</title> <link href="pratica12exercicio06.css" type="text/css" rel="stylesheet"> <script src="pratica12exercicio06.js" type="text/javascript"></script> </head> <body> <main> <div class="quadro"> <h1>Cadastro</h1> <div class="resp">Dados cadastrados com sucesso!</div> <a href="pratica12exercicio06.html"> <div class="botao"> Voltar</div> </a> </div> </main> </body> </html> JS: function validar() { var mensagemErro = ""; if (document.getElementById ("login").value == "") { mensagemErro = "Informe o login."; } if (document.getElementById ("email").value == "") { mensagemErro += "\nInforme o email."; } if (document.getElementById ("datanasc").value == "") { mensagemErro += "\nInforme a data de nascimento."; } if (document.getElementById ("senha").value == "") { mensagemErro += "\nInforme a senha."; } if (document.getElementById ("vsenha").value == "") { mensagemErro += "\nInforme a confirmação de senha."; } if (document.getElementById ("senha").value != document.getElementById ("vsenha").value) { mensagemErro += "\nAs senhas estão diferentes.";} if (document.getElementById ("cidade").value == "") { mensagemErro += "\nInforme a cidade."; } if (document.getElementById ("home").value == "") { mensagemErro += "\nInforme a Home-page."; } if (document.getElementById ("interesse").value == "") { mensagemErro += "\nInforme os interesses."; } var opcoesSexo = document.getElementsByName ("campoSexo"); var sexoPreenchido = false; for (var i = 0; i < opcoesSexo.length; i++) { if (opcoesSexo[i].checked) { sexoPreenchido = true; } } if (!sexoPreenchido) { mensagemErro += "\nInforme o sexo."; } if (mensagemErro == "") { return true; } else { alert (mensagemErro); return false; } } CSS: fieldset, .quadro { border: 5px solid black; background-color: rgb(231, 231, 231); width: 350px; height: 300px; line-height:1.5; /*espaçamento linhas*/ } .botao{ height: 20px; width: 70px; }
  22. Boa tarde, Sou iniciante e já tenho um projeto, porém sem idéias de como iniciar. Gostaria de criar um teclado de 16 teclas numa página principal e enviar um valor numérico correspondente a cada botão para um banco de dados (MySQL). Sempre que abrir a página, ela deverá ser atualizada pelos valores da tabela do BD, destacando o botão com outra cor (vermelho por exemplo), a página deverá ser atualizada a cada 5 segundos. Se o botão que estiver "acionado" em vermelho for apertado, um valor de ZERO deverá ser enviado para a posição do botão no BD. Todos os botões que estiverem em ZERO deverão permanecer na cor cinza. Todos os valores dos 16 botões deverão ser somados e convertidos em hexadecimal e colocados na posição id=17. Esse é o projeto, peço a orientação de vocês, por onde devo começar para executar o projeto? Grato Julio
  23. Val Santos

    Clica na imagem e aparecer em cima

    Bem nãos ei se consigo explicar, mas gostaria saber como fazer uma tabela simples, vamos la, a tabela tem uma imagem principal e embaixo dela tem algumas imagens menores e ao clicar na menores a imagem principal muda, e quase um slide mas so funciona se clicar na imagem, ( meio estilo a seleção de personagem de um jogo ) bem acho q não devem conseguir entender mas nao custa tentar enfim desculpe qualquer coisa
  24. Mateus_Jp

    Problema com Upload de Arquivos

    Boa Tarde Senhores, Estou iniciando meus estudos em PHP e já consegui fazer várias coisas hehe... Meu sistema de Upload de Arquivos está funcionando tudo OK, copiando a imagem do PC para a pasta img dentro do www. Porém essa mensagem de erro está me incomodando e não sei como solucionar, já vi algumas sugestões na internet mas nada resolveu ainda. Não queria meu sistema funcionando mas com uma mensagem de erro. Warning: copy(): Filename cannot be empty in C:\AppServ\www\login\pags\cadastro.php on line 48 Meu código (cadastro.php): <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <script> $(document).ready(function(){ $('#showPassword').on('click', function(){ var passwordField = $('#password'); var passwordFieldType = passwordField.attr('type'); if(passwordFieldType == 'password') { passwordField.attr('type', 'text'); $(this).val('Ocultar'); } else { passwordField.attr('type', 'password'); $(this).val('Mostrar'); } }); }); </script> </head> <body> <h4>Cadastre-se</h4> <hr> <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'> <div class="container"> <form action="" id="loginForm" method="POST" enctype="multipart/form-data"> <p><label for="nome">Nome *</label><br><input type="text" name="nome" placeholder="Nome Completo" class="form-control"/></p><br> <p><label for="usuario">Usuário *</label><br><input type="text" name="usuario" placeholder="Nome do Usuário" class="form-control"/></p><br> <p><label for="password">Senha *</label><br><input type="password" name="senha" id="password" placeholder="Senha" /> <img id="showPassword" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABDUlEQVQ4jd2SvW3DMBBGbwQVKlyo4BGC4FKFS4+TATKCNxAggkeoSpHSRQbwAB7AA7hQoUKFLH6E2qQQHfgHdpo0yQHX8T3exyPR/ytlQ8kOhgV7FvSx9+xglA3lM3DBgh0LPn/onbJhcQ0bv2SHlgVgQa/suFHVkCg7bm5gzB2OyvjlDFdDcoa19etZMN8Qp7oUDPEM2KFV1ZAQO2zPMBERO7Ra4JQNpRa4K4FDS0R0IdneCbQLb4/zh/c7QdH4NL40tPXrovFpjHQr6PJ6yr5hQV80PiUiIm1OKxZ0LICS8TWvpyyOf2DBQQtcXk8Zi3+JcKfNafVsjZ0WfGgJlZZQxZjdwzX+ykf6u/UF0Fwo5Apfcq8AAAAASUVORK5CYII=" /><br><br> <p><label for="email">E-Mail *</label><br><input type="email" name="email" placeholder="Endereço de E-Mail" class="form-control"/></p><br> <p><label for="avatar">Avatar</label><br><input type="file" name="avatar" id="avatar"><br><br><input type="reset" value="Apagar"><br><br><br><br> <input type="submit" value="Cadastrar" class="btn btn-primary btn-lg btn-block"> <input type="hidden" name="cadastrar" value="register"> </form> </div> </body> </html> <?php $nome_temporario=$_FILES["avatar"]["tmp_name"]; $nome_real=$_FILES["avatar"]["name"]; copy($nome_temporario,"img/$nome_real"); cadastro($con); ?> Esse cadastro($con) é uma function que efetua o cadastro e está em outro php, mas creio que ele não será necessário. O erro está informando que é esta linha: copy($nome_temporario,"img/$nome_real"); Alguém teria alguma luz pra me ajudar??? Grato, Mateus.
  25. Olá, tenho uma página (pag2.html) que ao ser carregada exibe um texto na tela através do evento onload. Porém quando tento abrir esta pagina em uma div (div1) de outra página (pag1.html) a mensagem não é exibida. Desde já agradeço a ajuda. Seguem abaixo os códigos: Arquivo pag1.html <!DOCTYPE HTML> <HTML lang="pt-br"> <HEAD> </HEAD> <meta charset="utf-8"> <script src="javas.js" charset="utf-8"></script> <body> <input type="button" value="Carregar..." onclick="carregar()" > <div id="div1"></div> </body> </HTML> Arquivo pag2.html <!DOCTYPE HTML> <HTML lang="pt-br"> <HEAD> </HEAD> <meta charset="utf-8"> <script src="javas.js" charset="utf-8"></script> <body onload="mensagem()"> <div id="div2"></div> </body> </HTML> Arquivo javas.js function mensagem() { var text = "Mensagem."; document.getElementById("div2").innerHTML = text; } function carregar() { xmlreq = CriaRequest(); if(xmlreq) { xmlreq.onreadystatechange = function() { resultado("div1", "pag2.html"); }; xmlreq.open("POST", pagina, true); xmlreq.send(''); } } function resultado(elemento, pagina) { if(xmlreq.readyState == 4) { var res = xmlreq.responseText; document.getElementById(elemento).innerHTML = res; xmlreq.abort(); } else if(xmlreq.readyState == 1) { var mensagem = '<b>Carregando...</b>'; document.getElementById(elemento).innerHTML = mensagem; } }
×

Informação importante

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