Pesquisar na Comunidade
Mostrando resultados para as tags ''Html''.
Encontrado 558 registros
-
[Resolvido] COMO centralizar um Pop-up de forma responsiva?
kaionr postou um tópico no fórum Desenvolvimento frontend
Olá, estou com uma dificuldade para posicionar um elemento. Se trata de um pop-up que aparece na tela ao clicar. Acontece que esse pop-up não fica centralizado em todas as telas dependendo da resolução. No momento estou usando o position absolute, a div é essa abaixo: .form-structor { background-color: #222; border-radius: 15px; height: 550px; width: 450px; position: absolute; top: -100px; left: 170px; overflow: hidden; } Também já tentei: {position: relative; top: 50%; left: 50%;} Alguém pode me ajudar? Qual propriedade eu utilizo para ficar centralizado tanto horizontal e quanto vertical em qualquer resolução? -
Bom Dia amigos, duvidas nesse script... id em <a class="page-scroll" e resposta para <input type="text" mas o valor de resposta esta em outra <div class="container" É aqui que me gera a duvida get no caso o document.getElementById("acao") que vai esta apontando la na <a class="page-scroll" vai me retorna com valor $( "resposta").val( text ); segue abaixo todo o script em que ponto errei $( "a" ).click(function() { var text = $( this ).text(); document.getElementById("acao").id = "01"; $( "resposta").val( text ); tenho uma duvida em fazer para ele me retorna esse valor na <input type="text" que no caso recebo do script e me da o valor $( "resposta").val( text ); help ai ✌
-
materialize Carousel Slider Materialize
djwagnersp postou um tópico no fórum Desenvolvimento frontend
Boa noite amigos, tudo bem? Estou montando um site com materialize, inseri um carousel-slider porem ele nao da autoplay, alguem sabe me dizer qual o problema? segue meu codigo para detalhar <!DOCTYPE html> <html lang="pt-BR"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" /> <title>Lab Ingressos - Sua Melhor Experiência em Entretenimento</title> <!-- CSS --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" /> <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" /> <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script> </head> <body class="grey lighten-4"> <?php include_once 'inc/menu_nav.php';?> <div class="tabs-content carousel carousel-slider"> <a class="carousel-item" href="#one!"><img src="img/img1.jpg"></a> <a class="carousel-item" href="#two!"><img src="img/logo_LAB_full.png"></a> <a class="carousel-item" href="#three!"><img src="img/img2.jpg"></a> </div> (function ($) { $(function () { $(".sidenav").sidenav(); $('.carousel.carousel-slider').carousel({ fullWidth: true, duration: 200, }); $(".collapsible").collapsible(); $("#textarea1").val(""); M.textareaAutoResize($("#textarea1")); $(document).ready(function () { $("select").formSelect(); }); }); // end of document ready\ })(jQuery); // end of jQuery name space -
asp Como salvar dados do formulário HTML no banco do access
thiago009 postou um tópico no fórum MySQL
Fiz um site simples, contém um formulário de contato com o objetivo de salvar os dados preenchidos num banco do access, como estou aprendendo falaram que era melhor começar criando um banco no access, mas não consegui fazer com que o formulário salve lá. Criei um código ASP para salvar os dados do formulário mas preciso de ajuda para conseguir Coloquei o print dos códigos. Alguém pode me ajudar a resolver esse problema? <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta charset="iso-8859-1" /> <link rel="stylesheet" type="text/css" href="css/estiloscontato.css"> <title>História da Informática</title> </head> <div class="menu"> <div class="collapse navbar-collapse navbar-right" id="myNavbar"> <ul class="nav navbar-nav"> <a href="index.html" target="principal">Home</a> <a href="historia.html" target="principal">História</a> <a href="evolucao.html" target="principal">Evolução</a> <a href="desvantagens.html" target="principal">Desvantagens</a> <a href="educacao.html" target="principal">Na educação</a> <a href="contato.html" target="principal">Contato</a> </ul> </div> </div> <div class="texto"> <body class="bg-color"> <!-- Estilos específicos de Seção --> <div id="conteudo" class="grupo" align=center> <p id="negrito"> <h1>Contato</h1> </p> <br> <p id="negrito">Entre em contato preenchendo o formulário abaixo:</p> <p name="contato"> <form name="f1" action="Contato" method="post"> <br> <fieldset> <br> <div class="campo"> <label for="nome">Nome</label> <input type="text" name="nome" id="nome"> </div> <br> <div class="campo"> <label for="email">E-mail</label> <input type="text" name="email" id="email"> <div> <br> <br><br> <!-- A PARTIR DESSA LINHA SÃO OS ""RADIO BUTTON"" --> <label>Departamento:</label> <label class="radio"> <input type="radio" name="departamento" value="suporte"> Suporte </label> <label class="radio"> <input type="radio" name="departamento" value="comercial"> Comercial </label> <label class="radio"> <input type="radio" name="departamento" value="conteudo"> Conteúdo </label> <div class="campo"> <p id="negrito"> </p> </div> <br> <!-- A PARTIR DESSA LINHA É O ""COMBO BOX"" --> <div class="assunto"> <p id="negrito"> <label for="assunto">Assunto<abbr title=!preenchimento obrigatório">*</abbr></label> <br> <select name="assunto"> <option>-- Selecione -- </option> <option value="duvidas">Dúvidas</option> <option value="solicitacoes">Solicitações</option> <option value="informacoes">Informações</option> <option value="outros">Outros</option> </select> </p> </div> <br><br> <!-- A PARTIR DESSA LINHA É O ""TEXTAREA"" --> <!-- <p id="negrito"> --> <div class="mensagem"> <p id="negrito"> <label id= "texto">Mensagem<abbr title=!preenchimento obrigatório">*</abbr></label> </p> <textarea name= "mensagem" rows="15" cols="80"></textarea> </div> <br> <br> <div class="botao"> <INPUT TYPE=SUBMIT VALUE="Enviar" align="center"> <INPUT TYPE=RESET VALUE="Apagar" align="center"> </div> </div> </p> </form> </body> <div class="bg-color"> </div> <br> </fieldset> </form> <footer class="rodape"> <small>Copyright © 2020</small> </footer> </body> </html> ESSE É O CÓDIGO ASP <% Dim objConn, strCaminho, nome, email, departamento, assunto, mensagem nome = Request.Form("nome") email = Request.Form("email") departamento = Request.Form("departamento") assunto = Request.Form("assunto") mensagem = Request.Form("mensagem") strCaminho = Server.MapPath("banco.mdb") Set objConn = Server.CreateObject("ADODB.Connection") objConn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & strCaminho & ";" objConn.execute("Insert Into contato (nome, email, departamento, assunto, mensagem) Values ('"&nome, email, departamento, assunto, mensagem&"')") response.Write("Cadastrado com sucesso") objConn.Close %> -
Preciso de ajuda com infowindow para pupup´s com polígonos múltiplos no google maps
scsrat postou um tópico no fórum Java
Preciso de ajuda com infowindow para polygonos multiplos está abrindo popup em todos com nome do ultimo lançamento somente, não estou dando conta em java, alguém se habilita? <?php include 'export_xml.php'; ?> <html> <head> <meta charset='utf-8' /> <title>Google Maps: Storing Polygons in database</title> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDao9cuBBnlx14GWyG8ZnfZ1WjHj9oa6DA&callback=initMap"></script> <script> function initialize() { var mapOptions = { zoom: 14, center: new google.maps.LatLng(-22.247791, -53.348142), mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); var arr = new Array(); var polygons = []; var bounds = new google.maps.LatLngBounds(); var xml = xmlParse(xmlString); var subdivision = xml.getElementsByTagName("subdivision"); for (var i = 0; i < subdivision.length; i++) { arr = []; html = []; var name = xml.documentElement.getElementsByTagName("subdivision").getAttribute("name"); var address = xml.documentElement.getElementsByTagName("subdivision").getAttribute("address"); var html = "<b>" + name + "</b> <br/>" + address + "<br><a href=# target=_blank>Clique aqui"; //Tentando pegar dados dos polygons individuais var coordinates = xml.documentElement.getElementsByTagName("subdivision").getElementsByTagName("coord"); for (var j = 0; j < coordinates.length; j++) { arr.push(new google.maps.LatLng( parseFloat(coordinates[j].getAttribute("lat")), parseFloat(coordinates[j].getAttribute("lng")) )); bounds.extend(arr[arr.length - 1]) } polygons.push(new google.maps.Polygon({ paths: arr, title: html, strokeColor: '#FF0000', strokeOpacity: 0.8, strokeWeight: 2, fillColor: '#FF0000', fillOpacity: 0.35 })); polygons[polygons.length - 1].setMap(map); var infowindow = new google.maps.InfoWindow({ content: html // Tentando pegar dados dos polygons individuais }); google.maps.event.addListener(polygons[polygons.length - 1], 'click', function(event) { infowindow.open(map); infowindow.setPosition(event.latLng); }); } // }); map.fitBounds(bounds); } var xmlString = '<?php echo $textolinha; ?>'; /** * Parses the given XML string and returns the parsed document in a * DOM data structure. This function will return an empty DOM node if * XML parsing is not supported in this browser. * @param {string} str XML string. * @return {Element|Document} DOM. */ function xmlParse(str) { if (typeof ActiveXObject != 'undefined' && typeof GetObject != 'undefined') { var doc = new ActiveXObject('Microsoft.XMLDOM'); doc.loadXML(str); return doc; } if (typeof DOMParser != 'undefined') { return (new DOMParser()).parseFromString(str, 'text/xml'); } return createElement('div', null); } google.maps.event.addDomListener(window, 'load', initialize); </script> <style> #map-canvas, body, html { height: 100%; width: 100%; } </style> </head> <body> <div id="map-canvas"></div> </body> </html> O include export_xml.php: Saida do xml <subdivisions> <subdivision name="teste1" address="0" > <coord lat="-22.246906181604235" lng="-53.343656079469014" /> <coord lat="-22.246160343589366" lng="-53.34298025442864" /> <coord lat="-22.246612168987966" lng="-53.34231238438393" /> <coord lat="-22.24577306351632" lng="-53.34163110329415" /> <coord lat="-22.246309297178513" lng="-53.34088544918801" /> <coord lat="-22.24709286679633" lng="-53.34152917935158" /> <coord lat="-22.247917069182467" lng="-53.342210460441365" /> <coord lat="-22.24876923872473" lng="-53.34288149840766" /> <coord lat="-22.248292595053044" lng="-53.343581554960544" /> <coord lat="-22.247442990211773" lng="-53.34287048089961" /> </subdivision> <subdivision name="teste2" address="0" > <coord lat="-22.24744605203327" lng="-53.3428707695716" /> <coord lat="-22.24664667240292" lng="-53.34224581487113" /> <coord lat="-22.24714566457059" lng="-53.341564533781344" /> <coord lat="-22.247922698585814" lng="-53.342200217317874" /> </subdivision> </subdivisions> -
Boa noite, alguém sabe qual comando que posso ter na minha página para que ele feche ... eu preciso que ele feche um navegador no celular? normalmente o comando abaixo fecha a página : <script> window.close(); </script> mas em navegadores firefox,chrome no android não fecha... alguém sabe ql comando posso usar ... pode ser fechando a aba dele ou "todo o navegador".. pq estou usando um sistema de qr code que direciona para um link...mas após uns 20 carregamentos de link.. ele trava,presumo que seja pq tem muitas abas abertas do navegador... meu sistema é tipo uma máquina de estacionamento,em q a pessoa coloca o qr code e ele registra a entrada,mas depois ele trava,então se eu tivesse um comando de fechar a pagina do navegador do android após inserir o registro no banco de dados,resolveria meu problema...
-
Como formar select option através de um json com multiplos niveis
fsantos postou um tópico no fórum Javascript
tenho o seguinte codigo e queria uma ajuda para fazer a iteração correta no arquivo json <!DOCTYPE html> <html> <head> <title>Mapa</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body{margin:0 auto; width:480px; font-family: arial;} input.text, textarea, select { border: 1px solid #C0C0BA; -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17); -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17); } input, textarea, select { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } @media only screen and (max-width: 600px) { body { width:90%; } } </style> <script type="text/javascript" src="https://fcosantos.com.br/js/jquery-3.3.1.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $.getJSON('https://fcosantos.com.br/projetos/covidForm/portugal.json', function (data) { var items = []; var options = '<option value="">Escolha o distrito</option>'; $.each(data, function (key, val) { options += '<option value="' + val.nome + '">' + val.nome + '</option>'; }); $("#estados").html(options); $("#estados").change(function () { var options_cidades = ''; var str = ""; $("#estados option:selected").each(function () { str += $(this).text(); }); $.each(data, function (key, val) { if(val.nome == str) { options_cidades += '<option value="">Escolha o conselho</option>'; $.each(val.cidades, function (key_city, val_city) { options_cidades += '<option value="' + val_city.nome + '">' + val_city.nome + '</option>'; }); } }); $("#cidades").html(options_cidades); //Busca das freguesias $("#cidades").change(function () { var options_freguesias = ''; var str2 = ""; $("#cidades option:selected").each(function () { str2 += $(this).text(); }); $.each(data, function (key2, val2) { if(val2.cidades.nome == str2) { options_freguesias += '<option value="">Escolha a freguesia</option>'; $.each(val2.cidades.freguesias, function (key_freg, val_freg) { options_freguesias += '<option value="' + val_freg.nome + '">' + val_freg.nome + '</option>'; }); } }); $("#freguesias").html(options_freguesias); }).change(); }).change(); }); }); </script> </head> <body> <form method="get" action=""> <select name="uf" id="estados" style="width:47%; padding:5px; margin-bottom:8px; float:left;"> <option value=""></option> </select> <select name="cid" id="cidades" style="width:47%; padding:5px; margin-bottom:8px; float:right;"> </select> <select name="freg" id="freguesias" style="width:100%; padding:5px; margin-bottom:8px;"> </select> <input type="submit" value="Buscar" style="width:100%; padding:5px; margin-bottom:20px; "> </form> </body> </html> O que ocorre é que ao selecionar o primeiro select o segundo é preenchido altomaticamente, mais nao entendi porque o segundo não. -
Boa Tarde, estou com um problema ao por o menu ao lado direito, ele não fica alinhado com o campo de notícias, eu não faço ideia de como fazer eles ficarem lado a lado, alguém poderia me dar uma luz? eu estou seguindo um livro da casa do código mas os resultados não saíram iguais depois que eu fui além do livro. :/ Deveria ficar assim: https://uploaddeimagens.com.br/images/002/561/267/original/menu.png?1585683825 Ficou assim:
-
Eu sei o que eu vou pedir é meio loucura mas espero que ao menos seja possível. É o seguinte: eu quero fixar um valor X e sempre depois das 18 horas esse valor atualizasse aumentando ou diminuindo de acordo com a bolsa de valores. Exemplo: Orçamento 100bi, hoje a bolsa fechou em queda de 2,73% então ela atualizaria para 97,27bi. Eu sei que é loucura mas se for possível realizar agradeceria imensamente, não precisam ter pressa também
-
Tem como recuperar os dados do banco que foram incluídos através do create, e retornar para a mesmo formulário? Quando eu inserir o numero da chave e clicar em pesquisar ele traz o resultado do banco referente aquela chave se ela estiver com a situação 1 que é emprestado ai habilitaria os botões editar e deletar, onde o deletar apenas alterava o situação de 1 para 2 . Não consigo fazer essa parte de busca no banco e retornar no mesmo formulário, se é que é possível! cadastro.php <?php session_start(); include_once 'includes/header.inc.php'; include_once 'includes/menu.inc.php'; ?> <!-- Formulário de Cadastro Cliente --> <div class="row container"> <form action="banco_de_dados/create.php" method="post" class="col s12"> <fieldset class="formulario" style="padding: 1px;"> <legend><!--<img src="imagens/CadCli.png" alt="[imagem]" style="width:40x; height:40px">--></legend> <br> <?php if (isset($_SESSION['msg'])): echo $_SESSION['msg']; session_unset(); endif; ?> <!-- Campo Chave --> <div class="input-field col s12"> <i class="material-icons prefix">vpn_key</i> <input type="text" name="chave" id="chave" maxlength="4" required> <label for="chave">Chave</label> </div> <!-- Campo Nome --> <div class="input-field col s12"> <i class="material-icons prefix">account_circle</i> <input type="text" name="nome" id="nome" maxlength="40" required autofocus> <label for="nome">Nome</label> </div> <!-- Campo Instituição --> <div class="input-field col s12"> <i class="material-icons prefix">account_balance</i> <input type="text" name="inst" id="inst" maxlength="40" required autofocus> <label for="inst">Instituição</label> </div> <!-- Campo Telefone --> <div class="input-field col s12"> <i class="material-icons prefix">phone</i> <input type="text" name="telefone" id="telefone" maxlength="13" required> <label for="telefone">Telefone</label> </div> <!-- Botões --> <div class="input-field col s12"> <input type="submit"style="width:108px; height:35px" value="cadastrar" class="btn green"> <input type="submit"style="width:108px; height:35px" value="Pesquisar" class="btn blue"> <input type="submit"style="width:108px; height:35px" value="Editar" class="btn orange"> <input type="submit"style="width:108px; height:35px" value="Devolver" class="btn red"> </div> </fieldset> </form> </div> <?php include_once 'includes/footer.inc.php'; ?> <?php include_once 'includes/script.inc.php'; ?> create.php <?php session_start(); include_once 'conexao.php'; $id = $_POST ['id']; $nome = $_POST ['nome']; $inst = $_POST ['inst']; $data = date('y-m-d'); $telefone = $_POST ['telefone']; $chave = $_POST ['chave']; $situacao = $_POST ['situacao']; $queryInsert = $link->query("insert into tb_cadastro VALUES ('" . $id . "', '" . $nome . "','" . $inst . "','" . $data . "','" . $telefone . "','" . $chave . "','1')"); $affected_rows = mysqli_affected_rows($link); if ($affected_rows > 0): $_SESSION['msg'] = "<p class='center green-text'>" . 'Cadastrado com Sucesso!' . "<br>"; header("Location: ../cadastro.php"); endif;
-
css Tirar o zoom/ ampliação da tela com css
SaraAlcaras postou um tópico no fórum Desenvolvimento frontend
Olá galera! Estou criando um jogo da velha para coloca no meu portfólio, porem estou com um pequeno problema que não consigo resolver.. Quando o jogo finaliza a tela da uma ampliada/expandida no tamanho é quase imperceptível porem é algo que eu gostaria de mudar. Qual propriedade posso usar no css pra evitar que isso aconteça? Código CSS: :root{ --O-color: rgb(10, 177, 243); --X-color: rgb(253, 148, 148); --E-color: rgb(0, 0, 0); } * { margin: 0; padding:0; box-sizing: border-box; } body { display: grid; align-items: center; justify-content: center; font-family: grenze; height: 100vh; background-color: rgb(153, 153, 153); } .nextPlayer{ color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); } .players { color: rgb(60, 62, 63); border: 1px solid rgb(211, 223, 104); box-shadow: 3px 5px 12px rgb(0, 0, 0); height: 55px; display: flex; flex-direction: column; justify-content: space-evenly; } .player{ display: flex; } .topo { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; margin-bottom: 20px; } .topo .players, .topo .nextPlayer { font-family: grenze; font-weight: bold; border-radius: 4px; } .title { font-size: 3rem; color: rgb(60, 62, 63); margin-bottom: 0; } .title2 { display: none; } .board { display: grid; grid-template-columns: repeat(3, 178px); grid-template-rows: repeat(3, 130px); gap: 1rem; cursor: pointer; } .board.game-over{ opacity: 0.10; } .cell { display: grid; align-items: center; justify-content: center; background-color: white; border-radius: 4px; font-size: 2rem; font-weight: bold; color: #00000066; } .cell:not(.O):not(.X):hover { box-sizing: 0 20px 25px -5px rgba(0, 0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0, 0.4); } .cell.O, .cell.X, .game-over .cell { cursor: not-allowed; } .cell.O { background-color: var(--O-color); } .cell.X { background-color: var(--X-color); } footer{ text-align: center; font-size: 30px; } .winner-message{ margin: 1rem; } .winner-message span.O{ color: var(--O-color); } .winner-message span.X{ color: var(--X-color); } .winner-message span.E{ color: var(--E-color); } button { padding: 0.9rem 1.5rem; border: none; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0, 0.6); background-color: rgb(68, 255, 146); color: white; font-size: 1.2rem; cursor: pointer; } @media only screen and (max-width: 767px) and (orientation:portrait) { body { width: 100%; text-align: justify; } .board{ grid-template-columns: repeat(3, 88px); grid-template-rows: repeat(3, 80px); -webkit-tap-highlight-color: transparent; } button { font-size: 10px; } .cell { border-radius: 3px; font-size: 1rem; } footer { font-size: 13px; } .title { font-size: 1.5rem; display: none; padding: 0.6em; /* transform: translateY(80%); */ } .title2 { display: flex; font-size: 1.5rem; padding: 0.6em; color: rgb(60, 62, 63); } .topo{ flex-direction: column; } .players { height: 65px; width: 95px; align-items: center; } .nextPlayer{ text-align: center; height: 22px; width: 118px; /* transform: translateY(-150%); */ } } @media only screen and (max-width: 767px) and (orientation:landscape) { body { width: 100%; text-align: justify; } .board { grid-template-columns: repeat(3, 60px); grid-template-rows: repeat(3, 60px); -webkit-tap-highlight-color: transparent; } footer { font-size: 0.5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; } button { font-size: 0.5rem; } .title { font-size: 0.8rem; } .players{ height: 30px; width: 50px; align-items: center; font-size: 0.5rem; } .nextPlayer{ text-align: center; height: 14px; width: 60px; font-size: 0.5rem; } .cell { border-radius: 3px; font-size: 0.8rem; } } @media only screen and (min-width: 991px) and (max-width: 1200px) { body { width: 100%; text-align: justify; } } -
Ajuda para linhar um botão e um título numa tela de login em asp.net com bootstrap
frlopes postou um tópico no fórum Desenvolvimento frontend
Boa tarde, pessoal... Tenho o código abaixo e gostaria de saber como faço para alinhar o botão e o título "Login do Sistema" da mesma forma que estão alinhados os inputs... Tentei colocar style="align-items:center" em tudo, rsrsrs e não alinhou. Se alguém puder me ajudar, agradeço. <div class="container"> <div class="form-login"> <div class="panel panel-default"> <div class="panel-heading"> <div class="panel-title">Login do Sistema</div> </div> <div style="padding-top:30px" class="panel-body"> <div style="display:none" id="result" class="alert alert-danger col-sm-12"></div> <div style="margin-bottom: 25px" class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-user"></i> </span> @Html.EditorFor(model => model.EMAIL, new { htmlAttributes = new { @class = "form-control input-lg", placeholder = "E-mail", autofocus = true } }) @Html.ValidationMessageFor(model => model.EMAIL, "", new { @class = "text-danger" }) </div> <div style="margin-bottom: 25px" class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-lock"></i> </span> @Html.EditorFor(model => model.SENHA, new { htmlAttributes = new { @class = "form-control input-lg", placeholder = "Senha" } }) @Html.ValidationMessageFor(model => model.SENHA, "", new { @class = "text-danger" }) </div> <div style="margin-top:10px; align-items:center" class="form-group"> <div class="col-sm-12 controls" style="align-items:center"> <input type="submit" value="Acessar" style="align-items:center" class="btn primary btn-lg" /> </div> </div> </div> </div> </div> </div> Resultado abaixo: -
Ajuda para linhar um botão e um título numa tela de login em asp.net com bootstrap
frlopes postou um tópico no fórum Desenvolvimento frontend
Boa tarde, pessoal... Tenho o código abaixo e gostaria de saber como faço para alinhar o botão e o título "Login do Sistema" da mesma forma que estão alinhados os inputs... Tentei colocar style="align-items:center" em tudo, rsrsrs e não alinhou. Se alguém puder me ajudar, agradeço. <div class="container"> <div class="form-login"> <div class="panel panel-default"> <div class="panel-heading"> <div class="panel-title">Login do Sistema</div> </div> <div style="padding-top:30px" class="panel-body"> <div style="display:none" id="result" class="alert alert-danger col-sm-12"></div> <div style="margin-bottom: 25px" class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-user"></i> </span> @Html.EditorFor(model => model.EMAIL, new { htmlAttributes = new { @class = "form-control input-lg", placeholder = "E-mail", autofocus = true } }) @Html.ValidationMessageFor(model => model.EMAIL, "", new { @class = "text-danger" }) </div> <div style="margin-bottom: 25px" class="input-group"> <span class="input-group-addon"> <i class="glyphicon glyphicon-lock"></i> </span> @Html.EditorFor(model => model.SENHA, new { htmlAttributes = new { @class = "form-control input-lg", placeholder = "Senha" } }) @Html.ValidationMessageFor(model => model.SENHA, "", new { @class = "text-danger" }) </div> <div style="margin-top:10px; align-items:center" class="form-group"> <div class="col-sm-12 controls" style="align-items:center"> <input type="submit" value="Acessar" style="align-items:center" class="btn primary btn-lg" /> </div> </div> </div> </div> </div> </div> Resultado abaixo: -
Caros amigos, Sou novo na área e estou cursando técnico Para treinar resolvi atualizar um site de um jogo antigo. ( 2007 ). Primeiramente modifiquei banner's mudei algumas partes do layout's. E comecei configurar algumas coisas novas no site. A Ideia era adicionar um modal de cadastro porém quando adiciono o bootstrap a pagina fica inteira desconfigurada. Sem bootstrap inserido: https://imgur.com/d6Q65iA Com bootstrap inserido: https://imgur.com/HSUc628 Alguém tem ideia do que poderia ser ? Grato, desde já !
-
Estou criando um cadastro de usuários, que até o momento esta funcionando quase que perfeito, se não fosse um "window.alert" aparecer quando desnecessário... É o seguinte, eu inseri o código abaixo para evitar o cadastro de E-mail repetido no Sistema, já que estarei usando o E-mail cadastrado como Login. // Verifica se o E-mail já existe no sistema $sql_verificaMail = 'SELECT email FROM cadastro WHERE email = :email'; $query_verificaMail = $db->prepare($sql_verificaMail); $query_verificaMail->bindValue(':email',$email, PDO::PARAM_STR); $query_verificaMail->execute(); $count_verificaMail = $query_verificaMail->rowCount(PDO::FETCH_ASSOC); if($count_verificaMail >= '1'){ // Redireciona para a pagina de inicio, caso o E-mail já existir no Sistema. echo "<meta http-equiv='refresh' content='0; URL= index.php'> <script language='javascript'> window.alert('Ups... Esse E-mail já é cadastrado em nosso Sistema!!!'); </script>"; }else{ // Se for um novo E-mail no sistema é realizado o cadastro Mas quando me deparo com um E-mail já cadastrado, ele bloqueia o cadastro e via "window.alert" envia a mensagem de que o E-mail já existe no Sistema, até ai perfeito... Mas quando clico em "OK" para voltar à pagina inicial, ele me manda outro "window.alert", que se refere ao E-mail enviado para a conta cadastrada... Estou postando abaixo todo código, para que os amigos possam me dar uma luz, e eu possa fazer que ele volte para a pagina inicial, logo apos o "window.alert", de E-mail já cadastrado. <?php require 'init.php'; include 'config.php'; // Cadastro if(isset($_POST['cadastrar'])){ $name = addslashes($_POST['name']); $ur = addslashes($_POST['ur']); $celular = addslashes($_POST['celular']); $email = addslashes($_POST['email']); $password = addslashes($_POST['password']); $foto = addslashes($_POST['foto']); $end_foto = addslashes($_POST['end_foto']); $t_cartola = addslashes($_POST['t_cartola']); $end_t_cartola = addslashes($_POST['end_t_cartola']); // Verifica se o E-mail já existe no sistema no Sistema $sql_verificaMail = 'SELECT email FROM cadastro WHERE email = :email'; $query_verificaMail = $db->prepare($sql_verificaMail); $query_verificaMail->bindValue(':email',$email, PDO::PARAM_STR); $query_verificaMail->execute(); $count_verificaMail = $query_verificaMail->rowCount(PDO::FETCH_ASSOC); if($count_verificaMail >= '1'){ // Redireciona para a pagina de inicio, caso o E-mail já existir no Sistema. echo "<meta http-equiv='refresh' content='0; URL= index.php'> <script language='javascript'> window.alert('Ups... Esse E-mail já é cadastrado em nosso Sistema!!!'); </script>"; }else{ // Se for um novo E-mail no sistema é realizado o cadastro $sql = 'INSERT INTO cadastro (name, ur, celular, email, password, foto, end_foto, t_cartola, end_t_cartola)'; $sql .= 'VALUES (:name, :ur, :celular, :email, :password, :foto, :end_foto, :t_cartola, :end_t_cartola)'; try { $create = $db->prepare($sql); $create->bindValue(':name', $name, PDO::PARAM_STR); $create->bindValue(':ur', $ur, PDO::PARAM_STR); $create->bindValue(':celular', $celular, PDO::PARAM_STR); $create->bindValue(':email', $email, PDO::PARAM_STR); $create->bindValue(':password', $password, PDO::PARAM_STR); $create->bindValue(':foto', $foto, PDO::PARAM_STR); $create->bindValue(':end_foto', $end_foto, PDO::PARAM_STR); $create->bindValue(':t_cartola', $t_cartola, PDO::PARAM_STR); $create->bindValue(':end_t_cartola', $end_t_cartola, PDO::PARAM_STR); if($create->execute()){ echo "<meta http-equiv='refresh' content='0; URL= ../index.php'> <script language='javascript'> window.alert('Cadastro realizado com sucesso!'); </script>"; } }catch (PDOException $e){ echo "<meta http-equiv='refresh' content='0; URL= ../index.php'> <script language='javascript'> window.alert('Ups... Erro ao realizar o Cadastro'); </script>"; }}} $urlSite = $_POST['urlSite']; $name = $_POST['name']; $email = $_POST['email']; require('PHPMailer/class.phpmailer.php'); $smtp = 'mail.resenhao.com.br'; $emailUser = 'adm@resenhao.com.br'; $senha = 'resenhao100164'; $mail = new PHPMailer(); $mail->IsSMTP(); $mail->SMTPAuth = true; $mail->Port = 587; $mail->Host = "$smtp"; $mail->Username = "$emailUser"; $mail->Password = "$senha"; $mail->SetFrom("$emailUser", "$urlSite"); $mail->AddAddress("$email", "$name"); $mail->Subject = 'Confirmar cadastro'; $body = "Olá $name<br/><br/> Para confirmar seu cadastro, por favor, clique no link abaixo:<br/> <a href='$urlSite/cadastroConfirmado.php?email=$email'>Clique aqui para confirmar seu cadastro</a><br/><br/> Se não tiver sido você ou não desejar confirmar o cadastro, apenas desconsidere esta mensagem<br/><br/> Obribado!"; $mail->MsgHTML($body); if($mail->Send()){ echo "<meta http-equiv='refresh' content='0; URL= index.php'> <script language='javascript'> window.alert('Foi enviado uma mensagem para o E-mail cadastrado,' + '\\n' + 'que possivelmente estara em sua caixa SPAM,' + '\\n' + 'que deve ser confirmado para validar o seu cadastro.'); </script>"; } else { echo "<meta http-equiv='refresh' content='0; URL= index.php'> <script language='javascript'> window.alert('Ups.. Erro ao realizar o cadastro!'); </script>"; } ?> Desde já agradeço pela a atenção de todos...
-
Quero um programa que leia vários numeros e informa quantos pares foram digitados. Quando o número 0 (zero) for digitado ele para a execucao. O programa entra num loop e nao funciona como gostaria <?php $cont= 0; do { echo "<form method='GET' action='exemplo.php'><br/>"; echo "<h1>Quantidade de numeros pares</h1><br/>"; echo "<label for='num'>Numero: </label><br/>"; echo "<input type='number' name='num'/><br/><br/>"; echo "<input type='submit' value='Verificar'>"; echo "</form>"; echo "Contador: $cont"; $num_verificar = isset($_GET["num"]) ? $_GET["num"] : ' '; if($num_verificar%2 == 0) $cont ++; } while ($num_verificar != 0); echo "Quantidade de numeros pares eh $cont! <br/>"; ?>
-
Formulário de pesquisa que traz resultados com opções
tatiana schyneider postou um tópico no fórum PHP
Ola pessoal, Estou desenvolvendo um form de pesquisa simples(com um campo somente). No caso, esta pesquisa retornaria o nome da cidade , mas com opcoes da pessoa escolher alguns dados do seu perfil(nao precisa gravar nada no banco) é só demonstrativo Voces tem alguma ideia disso? Obrigada -
Então galera, estou desenvolvendo um crud, e nele tenho uma pagina onde busco certo produto e ele me lista de acordo com o que eu busquei, só que na parte de categoria, ele está mostrando pelo id do sql, e o que estou tentando fazer é colocar o nome da categoria. estarei deixando o código do arquivo produtos.php, a foto do navegador e da tabelo no mysql. link das fotos explicando: https://drive.google.com/open?id=1c6rRKTqIubHf98W0-wcJVKhsn_li1HNv código: <?php include_once('../includes/conexao.php'); $busca = ''; if(isset($_GET['busca'])) { $busca = $_GET['busca']; } if($busca != ''){ $sql_produtos = "SELECT * FROM produtos WHERE nome LIKE '%$busca%' ORDER BY id DESC"; }else{ $sql_produtos = "SELECT * FROM produtos ORDER BY id DESC"; } $query_produtos = mysqli_query($conexao, $sql_produtos); $produtos = mysqli_fetch_all($query_produtos); ?> <?php include('../layout/header.php'); include('../layout/menu.php'); ?> <div class="row"> <div class="col-6 "> <form class="form-inline"> <div class="form-group"> <input type="text" name="busca" id="busca" class="form-control" required placeholder="Digite o termo da busca" value="<?php echo $busca; ?>"> <button type="submit" class="btn btn-primary" title="Pesquisar"> <i class="fas fa-search"></i> </button> <a href="produtos.php" class="btn btn-warning" title="Limpar pesquisa"> <i class="fas fa-times"></i> </a> </div> </form> </div> <div class="col-3 offset-md-3" > <a href="<?php echo $path ?>produtos/form_produto.php" class="btn btn-success" title="Novo produto"> <i class="fas fa-plus" ></i> Novo produto </a> </div> </div> <h2> Listagem de produtos <small><span class="badge badge-secondary"><?php echo count($produtos); ?> produto(s)</span></small> </h2> <table class="table table-hover table-striped table-bordered"> <tr class="text-center"> <th>Descrição do Produto</th> <th>Valor do Produto</th> <th>Categoria</th> <th>Ações</th> </tr> <?php for ($i=0; $i < count($produtos); $i++) { ?> <tr> <td><?php echo $produtos[$i]["1"]; ?></td> <td>R$ <?php echo number_format($produtos[$i]["2"],2,',','.') ?></td> <td><?php echo $produtos[$i]["3"] ?></td> <td> <a href="form_produto.php?id=<?php echo $produtos[$i]["0"]; ?>" class="btn btn-warning" title="Editar"> <i class="fas fa-pencil"></i> </a> <a href="delete_produto.php?id=<?php echo $produtos[$i]["0"]; ?>" class="btn btn-danger" onclick="return confirm('Deseja realmente deletar?')" title="Deletar"> <i class="fas fa-trash"></i> </a> </td> </tr> <?php } ?> </table> <?php if(empty($produtos)) { ?> <div class="alert alert-info text-center">Não foram encontrados produtos cadastrados.</div> <?php } ?> <?php include('../layout/footer.php'); ?>
-
Declaração de span:action / pseudo classes
julianaparra postou um tópico no fórum Desenvolvimento frontend
Eu não estou conseguindo declarar um span com a pseudo-classe action. Estou declarando o span errado, pois ele não reconhece o comando action e hover : ( Ja tentei deixar só span, mas como esta dentro de um <p> ele também não reconhece, tiro o <p> ele faz a ação ) Ja tentei declarar por: span:action span.destaque_glossario:action p.destaque_glossario span.destaque_glossario p:action e nada T.T Mas se eu declarar .destaque:action ao clicar no texto ele aceita, mas eu gostaria que fosse apenas na palavra. div.glossario { background-color: #fdeae4; padding: 1em; border-radius: 10px; margin-left: auto; margin-right: auto; border-top: 3px solid #7e3e3b; max-width: 600px; margin-left: auto; margin-right: auto; position: absolute; top: 20%; left: 70%; display: none; } div.glossario p { text-indent: 0; margin-top: 0; margin-bottom: 0; } span.destaque_glossario { font-weight: bold; color: #3d8177; } span.destaque_glossario:active + div.glossario { display: block; } <body> <div class="destaque"> <p> Completa a coleção um caderno de gramática que atende a todos os anos do Fundamental II – do 6o ao 9o. Esse manual básico contém as principais normas referentes ao padrão linguístico, todas acompanhadas de exemplos correspondentes.trabalha interdisciplinaridade. <span class="destaque_glossario">Ética:</span> trabalha interdisciplinaridade. Seu conteúdo compreende cinco eixos temáticos: fonética, morfologia, sintaxe, semântica, estilística. </p> </div> <div class="glossario"> <p> <span class="destaque_glossario">Ética:</span> valores e modos de agir considerados como corretos </p> </div> </body> -
Problema com Requisição Ajax e Atualização de dados (Update).
Sergio Murilo Cabral postou um tópico no fórum PHP
Olá, meu problema é o seguinte... criei um perfil de usuários onde permito que o dono da conta possa fazer as alterações que desejar, e fiz todo código com o UPDATE dos dados funcionando, abrindo a o arquivo update_usuario.php em uma nova pagina. Porém quando criei uma Requisição AJAX, para fazer com que ele abra dentro da DIV class conteudo, ele não funciona, ou seja não efetua o UPDATE dos dados alterados. Se alguém puder dar uma força, me mostrando o porque, ficarei muito agradecido!!! Segue abaixo os códigos dos aquivos usados: Aquivo perfil_usuario.php - Onde o Usuário visualiza seu dados e solicita a edição dos mesmos ou o exclui. <?php include "../init.php"; include "../config.php"; include "../check.php"; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Liga RE$ENHÃO 2020</title> </head> <body> <div> <h1>Editando Usuários</h1> <table> <tr> <td align="center" width="350">Nome</td> <td align="center" width="350">Email</td> <td align="center" width="150">Senha</td> <td align="center" width="250">Nº do WhatsApp</td> <td align="center" width="250">Sua Foto</td> <td align="center" width="250">Time no Cartola</td> <td align="center" width="350">Ações</td> </tr> <?php $id = $_GET['id']; $sql = $db->query("SELECT * FROM cadastro WHERE id = '$id'"); foreach ($sql as $res) { echo "<tr>"; echo "<td align='center'>".$res['name']."</td>"; echo "<td align='center'>".$res['email']."</td>"; echo "<td align='center'>".$res['password']."</td>"; echo "<td align='center'>".$res['celular']."</td>"; echo "<td align='center'><img style='height:50%; width:auto; max-width:150px;' src='upload/".$res['foto']."'/></td>"; echo "<td align='center'><img style='height:; width:auto; max-width:150px;' src='upload/".$res['t_cartola']."'/></td>"; echo '<td align="center"> <a id="nav" href="update_usuario.php?id='.$res['id'].'"> <img src="img/edite.png" title=" Editar Usuário "></a> <span><img width="30px" src="img/mito_vazio.png"></span> <a id="nav" href="excluir.php?id='.$res['id'].'"> <img src="img/delete.png" title=" Excluir Usuário "></a> </td>'; echo "</tr>"; } ?> </table> </div> </body> </html> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script src="js/ajax.js"></script> Aquivo ajax.js - Requisição AJAX. $(function(){ $("#carregando").hide(); $("a#nav").click(function(){ pagina = "arquivos/"+$(this).attr("href") $("#carregando").ajaxStart(function(){ $(this).show(); }) $("#carregando").ajaxStop(function(){ $(this).hide(); }) $(".conteudo").load(pagina) return false; }) }) Aquivo update_usuario.php - Onde o Usuário poderá alterar os seus dados UPDATE. <?php require "../init.php"; include "../config.php"; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Liga RE$ENHÃO 2020</title> </head> <body> <div> <?php $id = $_GET['id']; $sql = $db->query("SELECT * FROM cadastro WHERE id = '$id'"); $sql->execute(); foreach($sql->fetchAll() as $res); if(isset($_POST['atualizar'])){ $name=addslashes(trim($_POST['name'])); $ur=addslashes(trim($_POST['ur'])); $email=addslashes(trim($_POST['email'])); $password=addslashes(trim($_POST['password'])); $celular=addslashes(trim($_POST['celular'])); $update = $db->prepare("UPDATE cadastro SET name=:name, ur=:ur, email=:email, password=:password, celular=:celular WHERE id = '$id'"); $update->bindValue(':name', $name); $update->bindValue(':ur', $ur); $update->bindValue(':email', $email); $update->bindValue(':password', $password); $update->bindValue(':celular', $celular); $update->execute(); if($update == ''){ echo "<script language='javascript'> window.alert('Erro ao alterar dados!'); </script>"; }else{ echo "<meta http-equiv='refresh' content='0; URL= ../index.php'> <script language='javascript'> window.alert('Dados atualizados com sucesso!'); </script>"; }} ?> <!-- ////// Formlário dados pessoais do Usuário \\\\\\ --> <div style="background-color:#fff;height:auto;width:33%;color:#000;float:left;"> <form action="" method="post" enctype="multipart/form-data"> <label for="name"><span>Nome: </span></label> <input type="text" name="name" value="<?php echo $res['name']; ?>"> <br /> <label for="ur"><span>Estado: </span></label> <input type="text" name="ur" value="<?php echo $res['ur']; ?>"> <br /> <label for="celular"> <span>E-mail: </span> <?php echo $res['email']; ?> </label> <input hidden="" type="text" name="email" value="<?php echo $res['email']; ?>"> <input hidden="" type="text" name="password" value="<?php echo $res['password']; ?>"> <br /> <label for="celular"><span>Celular: </span></label> <input type="text" name="celular" value="<?php echo $res['celular']; ?>"> <br /> <input type="submit" name="atualizar" value="Atualizar"> </form> </div> <?php # UPDATE da Foto if(isset($_POST['enviar'])){ $id = $_GET['id']; $foto = $_FILES['foto']; $sqlUpdate = "UPDATE cadastro SET foto = ? WHERE id = ?"; $dados = array($foto, $id); $pasta = '../upload/'; if (isset($_POST['enviar'])){ $check = @$_POST['apagar']; foreach($check as $foto){ $delcheck = $sqlUpdate = ("UPDATE cadastro SET foto = ? WHERE id = ?"); unlink($pasta.'/'.$foto); if ($delcheck >= '1'){ echo 'Imagem deletada com sucesso!'; }else{ echo 'Erro ao deletar imagem, tente novamente!'; }}}} ?> <?php include "Upload.class.php"; if ((isset($_POST["enviar"])) && (! empty($_FILES['foto']))){ $upload = new Upload($_FILES['foto'], 1000, 800, "../upload/"); echo $upload->salvar(); } ?> <div> <form action="" method="POST" enctype="multipart/form-data"> <?php $id = $_GET['id']; $sql = $db->prepare("SELECT * FROM cadastro WHERE id='$id'"); $sql->execute(); foreach($sql->fetchAll() as $res){ ?> <input size="1" type="hidden" name="id" value="<?php echo $res['id'];?>" readonly> <input type="hidden" type="checkbox" name="apagar[]" value="<?php echo $res['foto'];?>" checked readonly> <?php } ?> <img src="../upload/<?php echo $res['foto'];?>"/><br /> <label>Selecione uma nova imagem:</label><br /> <input type="file" name="foto" accept="image/*" ><br /> <input type="submit" name="enviar" value="Atualizar"> </form> </div> </div> </body> </html> E por fim o Arquivo Upload.class.php - Faz o Upload da imagem. <?php class Upload{ private $arquivo; private $altura; private $largura; private $pasta; function __construct($arquivo, $altura, $largura, $pasta){ $this->arquivo = $arquivo; $this->altura = $altura; $this->largura = $largura; $this->pasta = $pasta; } private function getExtensao(){ //retorna a extensao da imagem return $extensao = strtolower(end(explode('.', $this->arquivo['name']))); } private function ehImagem($extensao){ $extensoes = array('gif', 'jpeg', 'jpg', 'png'); // extensoes permitidas if (in_array($extensao, $extensoes)) return true; } //largura, altura, tipo, localizacao da imagem original private function redimensionar($imgLarg, $imgAlt, $tipo, $img_localizacao){ //descobrir novo tamanho sem perder a proporcao if ( $imgLarg > $imgAlt ){ $novaLarg = $this->largura; $novaAlt = round( ($novaLarg / $imgLarg) * $imgAlt ); } elseif ( $imgAlt > $imgLarg ){ $novaAlt = $this->altura; $novaLarg = round( ($novaAlt / $imgAlt) * $imgLarg ); } else // altura == largura $novaAltura = $novaLargura = max($this->largura, $this->altura); //redimencionar a imagem //cria uma nova imagem com o novo tamanho $novaimagem = imagecreatetruecolor($novaLarg, $novaAlt); switch ($tipo){ case 1: // gif $origem = imagecreatefromgif($img_localizacao); imagecopyresampled($novaimagem, $origem, 0, 0, 0, 0, $novaLarg, $novaAlt, $imgLarg, $imgAlt); imagegif($novaimagem, $img_localizacao); break; case 2: // jpg $origem = imagecreatefromjpeg($img_localizacao); imagecopyresampled($novaimagem, $origem, 0, 0, 0, 0, $novaLarg, $novaAlt, $imgLarg, $imgAlt); imagejpeg($novaimagem, $img_localizacao); break; case 3: // png $origem = imagecreatefrompng($img_localizacao); imagecopyresampled($novaimagem, $origem, 0, 0, 0, 0, $novaLarg, $novaAlt, $imgLarg, $imgAlt); imagepng($novaimagem, $img_localizacao); break; } //destroi as imagens criadas imagedestroy($novaimagem); imagedestroy($origem); } public function salvar(){ $extensao = $this->getExtensao(); //gera um nome unico para a imagem em funcao do tempo $novo_nome = time() . '.' . $extensao; //localizacao do arquivo $destino = $this->pasta . $novo_nome; //move o arquivo if (! move_uploaded_file($this->arquivo['tmp_name'], $destino)){ if ($this->arquivo['error'] == 1) return "Tamanho excede o permitido"; else return "Erro " . $this->arquivo['error']; } if ($this->ehImagem($extensao)){ //pega a largura, altura, tipo e atributo da imagem list($largura, $altura, $tipo, $atributo) = getimagesize($destino); // testa se é preciso redimensionar a imagem if(($largura > $this->largura) || ($altura > $this->altura)) $this->redimensionar($largura, $altura, $tipo, $destino); } include '../config.php'; $id = $_GET['id']; $foto = $_FILES['foto']; $update = $db->prepare("UPDATE cadastro SET foto = '$novo_nome' WHERE id = '$id'"); //Preparo a string de conexão $update->bindParam('id', $id, PDO::PARAM_STR); $update->bindParam('foto', $novo_nome, PDO::PARAM_STR); // Faço o bind dos parametros if(!$update->execute()){ //Executo a query echo "<script language='javascript'> window.alert('Erro ao atualizar Imagem!!!'); </script>"; }else{ echo "<meta http-equiv='refresh' content='0; URL= ../index.php'> <script language='javascript'> window.alert('Imagem atualizada com sucesso!'); </script>"; } }} ?> -
Podem me ajudar? Preciso colocar um menu "DropDown" na "Nav Bar"... mas tô me quebrando hahahaha o que estou fazendo de errado? <!DOCTYPE html> <html lang="pt-br"> <head> <!-- Última versão CSS compilada e minificada --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- Tema opcional --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- Última versão JavaScript compilada e minificada --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <title>::: TESTE :::</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; } .dropdown:hover .dropdown-content { display: block; } </style> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <!--<img width="80px" height="30" src="#" title="seu texto" vspace="10px"/>--> </div> <ul class="nav navbar-nav"> <li class="nav-item"><a class="nav-link" href="#" target="a_blank">HOME</a></li> <li class="nav-link"><a href="#" target="a_blank">LINK A</a></li> <li class="nav-link"><a href="#" target="a_blank">LINK B</a></li> <li class="nav-link"><a href="#">LINK C</a></li> <li><a href="#">LINK D</a></li> <li><a href="#">LINK E</a></li> <li><a href="#">LINK F</a></li> <li><a href="#" target="a_blank">LINK G</a></li> <div class="dropdown"> <div class="dropdown-content" id="myDropdown"> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </div> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> User</a></li> <li><a href="#"><span class="glyphicon glyphicon-off" aria-hidden="true" <img title="Deslogar"/> </span>Sair</a></li> </ul> </div> </nav> </body> </html>
-
Olá pessoal, desenvolvi um pequeno código em PHP com a função de verificar e validar usuário e senha de um formulário, juntamente com o meu banco de dados MySql. Gostaria de saber como aprimorar o meu código para torna-lo mais seguro e mais próximo de algo "profissional". Lembrando que minha senha no banco está criptografada (PASSWORD_BCRYPT). <?php #----------------- INCLUDING FILE --> "conf.php" include('conf.php'); if (isset($_POST['submit'])) { #--------------------------------INPUTS ---------------------------------------------# $email = mysqli_real_escape_string($conexao, $_POST['email']); $password = mysqli_real_escape_string($conexao, $_POST['password']); #-----------------------#----------------------#-----------------_#-------------------# $query_select_email = "SELECT email FROM usuarios WHERE email = '$email'"; $select_email = mysqli_query($conexao,$query_select_email); $query_select_password = "SELECT password FROM usuarios"; $select_password = mysqli_query($conexao,$query_select_password); while($array = mysqli_fetch_array($select_password)) { $logarray = $array['password']; if (password_verify($password, $logarray)) { if (mysqli_num_rows($select_email) == 1) { $_SESSION['email'] = $email; header('location: XXX.html'); exit(); } } else { echo "Loguin ou senha incorretos"; } $logarray = '0'; } } ?>
-
Uso o Wampserver, meus sistemas funcionam corretamente e este exemplo não mostra os menus: Inicial | Manutenção | Sobre | Área restrita <!doctype html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../../../../favicon.ico"> <title>Navbar Bootstrap</title> <!-- Principal CSS do Bootstrap --> <link href="https://getbootstrap.com.br/docs/4.1/dist/css/bootstrap.min.css" rel="stylesheet"> <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome-all.js"></script> <!-- Estilos customizados para este template --> <link href="https://getbootstrap.com.br/docs/4.1/examples/album/album.css" rel="stylesheet"> </head> <body> <header> <div class="collapse bg-dark" id="navbarHeader"> <div class="container"> <div class="row"> <div class="col-sm-8 col-md-7 py-4"> <h4 class="text-white">Sobre</h4> <p class="text-muted">Adicione algumas informações aqui abaixo.</p> </div> <div class="col-sm-4 offset-md-1 py-4"> <h4 class="text-white">Contato</h4> <ul class="list-unstyled"> <li><a href="#" class="text-white">Me siga no Twitter</a></li> <li><a href="#" class="text-white">Curta no Facebook</a></li> <li><a href="#" class="text-white">Me envie um e-mail</a></li> </ul> </div> </div> </div> </div> <div class="navbar navbar-dark bg-dark shadow-sm"> <div class="container d-flex justify-content-between"> <a href="#" class="navbar-brand d-flex align-items-center"> <strong> Navbar</strong> </a> <!-- div navbar-collapse --> <div class="collapse navbar-collapse" id="navbarsExampleDefault"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="#"><i class="fas fa-home"></i> Inicial |</a> </li> <li class="nav-item"> <a class="nav-link" href="#"><i class="fas fa-database"></i> Manutenção |</a> </li> <li class="nav-item"> <a class="nav-link" href="#"><i class="fas fa-list"></i> Sobre |</a> </li> <li class="nav-item"> <a class="nav-link" href="#"><i class="fas fa-lock"></i> Área restrita</a> </li> </ul> </div><!-- fecha div navbar-collapse --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> </div> </div> </header> <main role="main"> <section class="jumbotron text-center"> <div class="container"> <h1 class="jumbotron-heading">Exemplo Navbar Menus Bootstrap</h1> <p class="lead text-muted">Algo curto e direto, sobre a coleção abaixo (conteúdo, criador e etc). Faça com que seja curto e legal, mas não tão curto ao ponto de as pessoas pularem ele.</p> <p> <a href="#" class="btn btn-primary my-2">Call-to-action principal</a> <a href="#" class="btn btn-secondary my-2">Call-to-action secundário</a> </p> </div> </section> <div class="album py-5 bg-light"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Card image cap"> <div class="card-body"> <p class="card-text">Este é um card maior e que suporta texto abaixo, como uma introdução mais natural ao conteúdo adicional. No entanto, esse conteúdo é um pouco maior.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary">Ver</button> <button type="button" class="btn btn-sm btn-outline-secondary">Editar</button> </div> <small class="text-muted">9 mins</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Card image cap"> <div class="card-body"> <p class="card-text">Este é um card maior e que suporta texto abaixo, como uma introdução mais natural ao conteúdo adicional. No entanto, esse conteúdo é um pouco maior.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary">Ver</button> <button type="button" class="btn btn-sm btn-outline-secondary">Editar</button> </div> <small class="text-muted">9 mins</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 shadow-sm"> <img class="card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Card image cap"> <div class="card-body"> <p class="card-text">Este é um card maior e que suporta texto abaixo, como uma introdução mais natural ao conteúdo adicional. No entanto, esse conteúdo é um pouco maior.</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary">Ver</button> <button type="button" class="btn btn-sm btn-outline-secondary">Editar</button> </div> <small class="text-muted">9 mins</small> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="text-muted"> <div class="container"> <p class="float-right"> <a href="#">Voltar ao topo</a> </p> <p>Este exemplo de álbum é © Bootstrap, mas, por favor, baixe e customize por conta própria.</p> <p>Novo no Bootstrap? <a href="../../">Visite a página principal</a> ou leia nosso guia <a href="../../getting-started/">getting started</a>.</p> </div> </footer> <!-- Principal JavaScript do Bootstrap ================================================== --> <!-- Foi colocado no final para a página carregar mais rápido --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script> <script src="https://getbootstrap.com.br/docs/4.1/assets/js/vendor/popper.min.js"></script> <script src="https://getbootstrap.com.br/docs/4.1/dist/js/bootstrap.min.js"></script> <script src="https://getbootstrap.com.br/docs/4.1/assets/js/vendor/holder.min.js"></script> </body> </html>
-
Imprimir na tela um relatório de cadastro entre datas em php
adriano.eurich postou um tópico no fórum PHP
cadastro.php <?php session_start(); include_once 'includes/header.inc.php'; include_once 'includes/menu.inc.php'; ?> <!-- Formulário de Cadastro Cliente --> <div class="row container"> <form action="banco_de_dados/create.php" method="post" class="col s12"> <fieldset class="formulario" style="padding: 1px;"> <legend><!--<img src="imagens/CadCli.png" alt="[imagem]" style="width:40x; height:40px">--></legend> <br> <?php if(isset($_SESSION['msg'])): echo $_SESSION['msg']; session_unset(); endif; ?> <!-- Campo Nome --> <div class="input-field col s12"> <i class="material-icons prefix">account_circle</i> <input type="text" name="nome" id="nome" maxlength="40" required autofocus> <label for="nome">Nome</label> </div> <!-- Campo Instituição --> <div class="input-field col s12"> <i class="material-icons prefix">account_balance</i> <input type="text" name="inst" id="inst" maxlength="40" required autofocus> <label for="inst">Instituição</label> </div> <!-- Campo Telefone --> <div class="input-field col s12"> <i class="material-icons prefix">phone</i> <input type="text" name="telefone" id="telefone" maxlength="13" required> <label for="telefone">Telefone</label> </div> <!-- Campo Chave --> <div class="input-field col s12"> <i class="material-icons prefix">vpn_key</i> <input type="text" name="chave" id="chave" maxlength="4" required> <label for="chave">Chave</label> </div> <!-- Botões --> <div class="input-field col s12"> <input type="submit"style="width:120px; height:37px" value="cadastrar" class="btn blue"> <input type="reset" style="width:120px; height:37px" value="limpar" class="btn red"> </div> </fieldset> </form> </div> <?php include_once 'includes/script.inc.php';?> ------------------------- create.php <?php session_start(); include_once 'conexao.php'; $id = $_POST [ 'id' ]; $nome = $_POST [ 'nome' ]; $inst = $_POST [ 'inst' ]; $data = date('y-m-d'); $telefone = $_POST [ 'telefone' ]; $chave = $_POST [ 'chave' ]; $queryInsert = $link->query("insert into tb_cadastro VALUES ('".$id."', '".$nome."','".$inst."','".$data."','".$telefone."','".$chave."')"); $affected_rows = mysqli_affected_rows($link); if($affected_rows > 0): $_SESSION['msg'] = "<p class='center green-text'>".'Cadastrado com Sucesso!'."<br>"; header("Location: ../cadastro.php"); endif; --------------- relatorio.php <?php session_start(); include_once 'includes/header.inc.php'; include_once 'includes/menu.inc.php'; ?> <!-- Formulário de Cadastro Cliente --> <div class="row container"> <p> </p> <form action="banco_de_dados/consulta_rel.php" method="post" class="col s12"> <fieldset class="formulario" style="padding: 3px"> <legend><img src="imagens/relatorio.png" alt="[imagem]" style="width:55px; height:45px"></legend> <br> <?php if(isset($_SESSION['msg'])): echo $_SESSION['msg']; session_unset(); endif; ?> <!-- Campo Data --> <div class="input-field col s12"> <i class="material-icons prefix">event_available</i> <input type="date" name="datainicial" id="data" maxlength="10" required> <label for="data">Data Inicial</label> </div> <div class="input-field col s12"> <i class="material-icons prefix">event_busy</i> <input type="date" name="datafinal" id="data" maxlength="10" required> <label for="data">Data Final</label> </div> <!-- Botões --> <div class="input-field col s12"> <input type="submit"style="width:120px; height:37px" value="Gerar" class="btn blue"> <input type="reset" style="width:120px; height:37px" value="limpar" class="btn red"> </div> </fieldset> </form> </div> <?php include_once 'includes/footer.inc.php';?> <?php include_once 'includes/script.inc.php'; ----------------- arquivo_rel.php ?> <!-- Formulário de Cadastro Cliente --> <div class="row container"> <p> </p> <fieldset class="formulario" style="padding: 5px"> <legend><img src="imagens/relatorio.png" alt="[imagem]" style="width:55px; height:45px"></legend> <br> <?php if(isset($_SESSION['msg'])): echo $_SESSION['msg']; session_unset(); endif; ?> <table class="highlight" > <thead> <tr> <th>Nome</th> <th>Instituição</th> <th>Data</th> </tr> </thead> </table> </fieldset> </div> <?php include_once 'includes/footer.inc.php';?> <?php include_once 'includes/script.inc.php'; --------------- consulta_rel.php <?php session_start(); include_once 'conexao.php'; $datainicial = $_POST [ 'datainicial' ]; $datafinal = $_POST [ 'datafinal' ]; $sql= "select * from tb_cadastro where data between '$datainicial' and '$datainicial'"; $consulta_rel = mysqli_query($link, $sql); echo "sql"; if($consulta_rel) { ////// $_SESSION['msg'] = "<p class='center green-text'>".'Devolução efetuada com Sucesso!'."<br>"; header("Location: ../arquivo_rel.php"); exit(); } Alguma dica de como eu posso, mostrar os dados do cadastro, quando abro a pagina relatório e coloco as datas para consulta -
programação para códigos HTML para site adulto
paulo.xmx postou um tópico no fórum Desenvolvimento frontend
alguem pode me ajudar, sou novo e estou con site adulto e preciso programação para códigos HTML uma vez que trata-se de um site de conteúdo restrito. preciso visualizar as etapas para incluir um código HTML e criar a barra de consentimento para maiores de 18 anos
