Jump to content

Search the Community

Showing results for tags 'html'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Comunidade
    • Sugestões, Críticas ou Dúvidas relativas ao P@P
    • Acerca do P@P
  • Comunidade a Trabalhar
    • Apresentação de Projectos de Programação
    • Downloads
    • Revista PROGRAMAR
  • Desenvolvimento Geral
    • C
    • C++
    • Java
    • Pascal
    • Python
    • Bases de Dados
    • Dispositivos Móveis
    • Outras Linguagens
  • Desenvolvimento Orientado para Web
    • PHP
    • HTML
    • CSS
    • Javascript
    • Outras Linguagens de WebDevelopment
    • Desenvolvimento Web
  • Desenvolvimento .NET
    • C#
    • Visual Basic .NET
    • ASP.NET
    • WPF & SilverLight
  • Software e Sistemas Operativos
    • Software de Produtividade
    • Sistemas Operativos
    • Apresentação de Software
  • Informática
    • Interfaces Visuais
    • Computação Gráfica
    • Algoritmia e Lógica
    • Segurança e Redes
    • Hardware
    • Electrónica e Automação Industrial
    • Matemática
    • Software de Contabilidade e Finanças
    • Dúvidas e Discussão de Programação
  • Outras Áreas
    • Notícias de Tecnologia
    • Dúvidas Gerais
    • Discussão Geral
    • Eventos
    • Anúncios de Emprego
    • Tutoriais
    • Snippets / Armazém de Código
  • Arquivo Morto
    • Projectos Descontinuados
    • System Empires

Blogs

  • Blog dos Moderadores
  • Eventos
  • Notícias de Tecnologia
  • Blog do Staff
  • Revista PROGRAMAR
  • Projectos
  • Wiki

Categories

  • Revista PROGRAMAR
  • Tutoriais
  • Textos Académicos
  • Exercícios Académicos
    • Exercícios c/ Solução
    • Exercícios s/ Solução
  • Bibliotecas e Aplicações
  • Outros

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

  1. Barroso6

    "ERR_FILE_NOT_FOUND"

    Estou a refazer um site de um cliente e as imagens não aparecem O html: <section class="u-align-center u-clearfix u-image u-shading u-section-1" href="img/pedrafundo2.jpg" data-image-width="1280" data-image-height="853"> <div class="u-clearfix u-sheet u-sheet-1"> <h1 class="u-text u-text-default u-text-1"> Mesas por Medida<br>Casa & Hotelaria</h1> <p class="u-large-text u-text u-text-variant u-text-2"> Fabricamos mesas altas, baixas, compridas, largas, 100% Personalizadas ao seu gosto! Preparadas para um uso diário e intensivo!</p> <a target="_blank" href="https://www.youtube.com/channel/UCZbv8-ylGYp4PITuZ-d-kqQ/playlists" class="u-border-none u-btn u-button-style u-hover-palette-5-base u-palette-5-light-1 u-btn-1"> Veja os nossos testes de resistência</a> </div> </section> O css .u-section-1 { background-position: 50% 50%; background-image: url('img/pedrafundo2.jpg'); } as outras mods são só visuais para o texto e essas coisas na ferramenta de inspecionar do google na consola encontrei um aviso a dizer "ERR_FILE_NOT_FOUND"
  2. Tiagoinf

    Ajuda btn

    Boas pessoal, Tenho o seguinte Butão que ao clicar nele ele envia o ficheiro selecionado para o cliente. <a href="sendEmail.php?id=<?php echo $fatura['id']; ?>&doc=faturas&OPTION=F" class="btn btn-sm btn-primary"> <i class="fa fa-at"></i> E-mail</a> O que eu queria fazer era, quando eu clicar para enviar o botão ficar verde e a mostrar a mensagem "enviado" para sempre. Eu ja consegui fazer isso mas quando atualizo a pagina ele volta ao normal. Alguém tem uma ideia de como posso fazer isso de uma forma simples? Obrigado
  3. Estou com uma questão e já não me recordo do método, sei que existia uma forma atomizada de colocar o site responsivo alguém sabe qual é? html <!DOCTYPE html> <html lang="pt"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" media="(min-width: 800px)" href="style\style.css"> <link rel="stylesheet" type="text/css" media="(max-width: 800px)" href="style\mobile.css"> </head> <body> <div class="img1"> <img src="logo.png"width="10%" height="15%"> </div> <header> <ul class="menul"> <li class="menuil"><a href="./contact.html">Contactos</a></li> <li class="menuil"><a href="./portfoliomain.html">Portfólio</a></li> <li class="menuil"><a href="./service.html">Serviços</a></li> <li class="menuil"><a href="./about.html">Sobre Nós</a></li> <li class="menuil"><a href="../index.html">Home</a></li> </ul> </header> <div class="descimg1"> <h6>Badger Tech</h6> </div> <div class="fc"> <div class="fci"> <div class="fcf"> <img src="img/about.jpg" class="imgbout1" alt="about"> </div> <div class="fcb"> <h1>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</h1> <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a></b> aqui.</p> </div> </div> </div> <div class="spcH"></div> <div class="fc2"> <div class="fci2"> <div class="fcf2"> <img src="img/quefazes.jpg" class="imgbout1" alt="quefazemos" > </div> <div class="fcb2"> <h1>bbbbbbbbbbbbbbbbbbbbbb</h1> <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p> </div> </div> </div> <div class="fc3"> <div class="fci3"> <div class="fcf3"> <img src="img/horas.jpg" class="imgbout1" alt="horas"> </div> <div class="fcb3"> <h1>cccccccccccccccccccccccccccc</h1> <p>ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</p> </div> </div> </div> <br> <br> <br> <br> <br> <br> <footer> <h6 class="copyr"> &#169; </h6> </footer> </body> </html> css /* about us*/ /*fc1*/ .fc { background-color: transparent; width: 300px; height: 600px; perspective: 1000px; margin-top:5%; margin-left:10%; } .fci { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .fc:hover .fci { transform: rotateY(-180deg); } .fcf, .fcb { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fcf { color: white; } .fcb { background-image: linear-gradient(#f24236 , rgba(0,0,0,0)); color: white; transform: rotateY(180deg); } /*fc2*/ .fc2 { background-color: transparent; width: 300px; height: 600px; perspective: 1000px; margin-top:-44.222222%; margin-left:40%; } .fci2 { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .fc2:hover .fci2 { transform: rotateY(-180deg); } .fcf2, .fcb2 { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fcf2 { color: white; } .fcb2 { background-image: linear-gradient(#f24236 , rgba(0,0,0,0)); color: white; transform: rotateY(180deg); } /*fc3*/ .fc3 { background-color: transparent; width: 300px; height: 600px; perspective: 1000px; margin-top:-44.233333333%; margin-left:70%; } .fci3 { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .fc3:hover .fci3 { transform: rotateY(-180deg); } .fcf3, .fcb3 { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fcf3 { color: white; } .fcb3 { background-image: linear-gradient(#f24236 , rgba(0,0,0,0)); color: white; transform: rotateY(180deg); } /*a about*/ .aabout{ color: black; } .imgbout1{ width:300px; height:600px; } tem mais codigo mas decidi colocar só esta pagina Alguém me pode ajudar?
  4. Joel Tavares Martins

    Filtrar tabela por intervalo de datas

    O meu objetivo era criar uma tabela com dados e depois filtrar os dados por um intervalo de datas. Código HTML: echo"<form action='table.php' method='post' >"; echo"<div class='card-body pt-0'>"; echo"<div class='card-title'>"; echo"<div class=' search d-flex align-items-center position-absolute my-1'> <span class='svg-icon svg-icon-1 position-absolute ms-6'> <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'> <g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'> <rect x='0' y='0' width='24' height='24'></rect> <path d='M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z' fill='#000000' fill-rule='nonzero' opacity='0.3'></path> <path d='M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z' fill='#000000' fill-rule='nonzero'></path> </g> </svg> </span> <input type='text' name='valueToProcurar' class='form-control form-control-solid w-250px ps-15' placeholder='Search Customers'> <button type='submit' name='procura' value='Filter' class='btn btn-primary' data-kt-menu-dismiss='true' data-kt-customer-table-filter='filter'>Procurar nome</button> </div>"; echo"<div class='d-flex justify-content-end' data-kt-customer-table-toolbar='base'>"; echo"<button type='button' class='btn btn-light-primary me-3' data-kt-menu-trigger='click' data-kt-menu-placement='bottom-end' data-kt-menu-flip='top-end'>"; echo"<span class='svg-icon svg-icon-2'>"; echo"<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'>"; echo"<g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>"; echo"<rect x='0' y='0' width='24' height='24' /> <path d='M5,4 L19,4 C19.2761424,4 19.5,4.22385763 19.5,4.5 C19.5,4.60818511 19.4649111,4.71345191 19.4,4.8 L14,12 L14,20.190983 C14,20.4671254 13.7761424,20.690983 13.5,20.690983 C13.4223775,20.690983 13.3458209,20.6729105 13.2763932,20.6381966 L10,19 L10,12 L4.6,4.8 C4.43431458,4.5790861 4.4790861,4.26568542 4.7,4.1 C4.78654809,4.03508894 4.89181489,4 5,4 Z' fill='#000000' />"; echo"</g>"; echo"</svg>"; echo"</span>"; echo"Filtro</button>"; echo"<div class='menu menu-sub menu-sub-dropdown w-300px w-md-325px' data-kt-menu='true'>"; echo"<div class='px-7 py-5'>"; echo"<div class='fs-4 text-dark fw-bolder'>Filter Options</div>"; echo"</div>"; echo"<div class='separator border-gray-200'></div>"; echo"<div class='px-7 py-5'>"; echo"<div>"; echo"<p> <b>Data</b> </p> <label for='from'>From</label> <input type='date' id='datepicker' name='fromDate' placeholder='Value To Search'> <br><br> <label for='to'>to</label> <input type='date' id='datepicker2' name='toDate' placeholder='Value To Search'> <br><br>"; echo"</div>"; echo"<div class='d-flex justify-content-end'>"; echo"<button type='reset' class='btn btn-white btn-active-light-primary me-2' data-kt-menu-dismiss='true' data-kt-customer-table-filter='reset'>Reset</button> <button type='submit' name='procura' value='Filter' class='btn btn-primary' data-kt-menu-dismiss='true' data-kt-customer-table-filter='filter'>Apply</button>"; echo"</div>"; echo"</div>"; echo"</div>"; echo"</div>"; echo"<div class='d-flex justify-content-end align-items-center d-none' data-kt-customer-table-toolbar='selected'>"; echo"<div class='fw-bolder me-5'>"; echo"<span class='me-2' data-kt-customer-table-select='selected_count'></span>Selected</div>"; echo"<button type='button' class='btn btn-danger' data-kt-customer-table-select='delete_selected'>Delete Selected</button>"; echo"</div>"; echo"</div>"; echo"<div class='table-responsive'>"; echo"<table class='table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer' id='kt_customers_table myTable' role='grid'>"; echo"<thead>"; echo"<tr class='text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0'><th class='w-10px pe-2'><div class='form-check form-check-sm form-check-custom form-check-solid me-3'><input class='form-check-input' type='checkbox' data-kt-check='true' data-kt-check-target='kt_customers_table .form-check-input' value='1' /></div></th><th class='min-w-125px'>id</th><th class='min-w-125px'>Nome</th><th class='min-w-125px'>Website</th><th class='min-w-125px'>Email</th><th class='min-w-125px'>Serviço</th><th class='min-w-125px'>Data</th><th class='min-w-125px'>Montante</th><th class='text-end min-w-70px'>Delete</th></tr>"; echo"</thead>"; while($row = mysqli_fetch_array($search_result)) { echo"<tbody class='fw-bold text-gray-600'> <tr class='container' id='gfg'> <td> <div class='form-check form-check-sm form-check-custom form-check-solid'><input class='form-check-input' type='checkbox' value='1' /></div></td> <td>{$row['id']}</td> <td> {$row['nome']} </td> <td> {$row['website']} </td> <td> {$row['email']} </td> <td> {$row['serv']} </td> <td> {$row['data']} </td> <td class='text-gray-800 text-hover-primary mb-1'> {$row['montante']} </td> <td class='text-end'> <div class='menu-item px-3'> <a href='dist/apps/costumers/delete.php?id=".$row['id']."' class='menu-link px-3' >Delete</a> </div> </td> </tr> </tbody>"; } echo"</table>"; echo"</div>"; echo"</form>"; echo"</div>"; echo"</div>"; echo"<div> <script src='dist/assets/plugins/global/plugins.bundle.js'></script> <script src='dist/assets/js/scripts.bundle.js'></script> <script src='dist/assets/plugins/custom/datatables/datatables.bundle.js'></script> <script src='dist/assets/js/custom/apps/customers/list/export.js'></script> <script src='dist/assets/js/custom/apps/customers/list/list.js'></script> <script src='dist/assets/js/custom/apps/customers/add.js'></script> <script src='dist/assets/js/custom/widgets.js'></script> <script src='dist/assets/js/custom/apps/chat/chat.js'></script> <script src='dist/assets/js/custom/modals/create-app.js'></script> <script src='dist/assets/js/custom/modals/upgrade-plan.js'></script> <script src='dist/assets/js/custom/intro.js'></script> </div>"; echo"</hmtl>"; Código PHP: <?php require'a/connect.php'; $trueuser="usermix"; $truepass="user0000"; $username = $_GET["username"]; $password = $_GET["password"]; if($username == $trueuser and $password == $truepass) { header("location: table.php"); } else { if($username == $trueuser and $password != $truepass) { echo'WRONG PASSWORD !!! Login Failed.'; } else { if($username != $trueuser and $password == $truepass) { echo'WRONG USERNAME !!! Login Failed.'; } else { if($username != $trueuser and $password != $truepass) { echo'WRONG PASSWORD AND USERNAME !!! Login Failed.'; } } } } ?> Eu já tenho o filtro por nome, agora queria inserir um filtro por intervalo de datas mas quando insiro as datas não acontece nada. Agradeço toda a ajuda possível.
  5. Joel Tavares Martins

    Criar um LOGIN form

    Bom dia, Eu quero criar um programa para fazer login mas está a dar um erro estranho: Esta página não está a funcionar mixlifeserver.com não consegue processar este pedido de momento. HTTP ERROR 500 Código HTML: <html lang="pt"> <head> <meta charset="utf-8" /> <title>Login</title> <link rel="canonical" href="Https://preview.keenthemes.com/metronic8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="shortcut icon" href="img/cliente1.png" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" /> <link href="dist/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" /> <link href="dist/assets/css/style.bundle.css" rel="stylesheet" type="text/css" /> </head> <body id="kt_body" class="bg-white"> <div class="d-flex flex-column flex-root"> <div class="d-flex flex-column flex-lg-row flex-column-fluid"> <div class="d-flex flex-column flex-lg-row-fluid py-10"> <div class="d-flex flex-center flex-column flex-column-fluid"> <div class="w-lg-500px p-10 p-lg-15 mx-auto"> <form method="post" class="form w-100" novalidate="novalidate" id="kt_sign_in_form" action="dist/apps/customers/validation.php"> <div class="text-center mb-10"> <h1 class="text-dark mb-3">Login</h1> <div class="fv-row mb-10"> <div class="d-flex flex-stack mb-2"></div> <label class="form-label fw-bolder text-dark fs-6 mb-0">Email</label> </div> <input class="form-control form-control-lg form-control-solid" type="email" name="username" autocomplete="off" value="" /> </div> <div class="fv-row mb-10"> <div class="d-flex flex-stack mb-2"> <label class="form-label fw-bolder text-dark fs-6 mb-0">Password</label> </div> <input class="form-control form-control-lg form-control-solid" type="password" name="password" autocomplete="off" /> </div> <div class="text-center"> <button type="submit" value="Login" id="" class="btn btn-lg btn-primary w-100 mb-5"> <span class="indicator-label">Continue</span> <span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span> </button> </div> </form> </div> </div> </div> </div> </div> <script src="dist/assets/plugins/global/plugins.bundle.js"></script> <script src="dist/assets/js/scripts.bundle.js"></script> <script src="dist/assets/js/custom/authentication/sign-in/general.js"></script> </body> </html> Código PHP: <?php require'a/connect.php'; $trueuser="*****"; $truepass="*****"; $username = 'username'; $password = 'password'; if($username == $trueuser and $password == $truepass) { header("location: welcome.php"); } else { if($username == $trueuser and $password != $truepass) { echo'WRONG PASSWORD !!! Login Failed.'; } else { if($username != $trueuser and $password == $truepass) { echo'WRONG USERNAME !!! Login Failed.'; } else { if($username != $trueuser and $password != $truepass) { echo'WRONG PASSWORD AND USERNAME !!! Login Failed.'; } } } } ?> Agradeço toda a ajuda possível :))
  6. Bom dia a todos. Gostava que me pudessem ajudar pois quero zelar pela segurança de toda a informação que quero armazenar sobre clientes. Eu tenho um formulário com cerca de 20 campos que tenho que preencher com informação critica e queria ter a certeza de que a informação é enviada, armazenada e consultada com segurança, isto e, que ninguém consegue aceder a essa informação de forma ilicita. O formulário esta feito em html e é armazenada num servidor online agradecia que me dessem ideias e como fazer. Sinto-me um bocado desorientado e queria que me ajudassem explicando o que devo e como faze-lo. Já me falaram de usar json e que se instala-se um certificado ssh no servidor não me precisava de me preocupar com nada, mas antes de ter que aprender a usar json e instalar o certificado queria saber as vossas sugestões. Aguardo as vossas sugestões de forma a eu fazer algo em condições e ficar descansado no que diz respeito à segurança dos dados de outras pessoas com que vou ter de trabalhar. Cumprimentos a todos.
  7. Nuno Sousa

    Pré visualização de página HTML

    Boa tarde pessoal. Estou a começar um curso de HTML para iniciantes mas estou com um problema logo no inicio do curso e não consigo perceber o porquê do erro. Basicamente crio a estrutura da página no notepad++ e na hora de pré visualizar a página no browser, a página aparece-me tal e qual está no notepad++, ou seja, em vez de criar uma página apenas com o conteúdo que criei aparece-me uma página com todas as tags criadas. Isto é o que me aparece na pré visualização da página: <!DOCTYPE html> <html lang="pt-pt"> <head> <meta charset="UTF-8"/> <title>Curso de HTML5</title> </head> <body> <h1>Olá, Mundo!<h1/> </body> </html> Tentei abri noutros navegadores e o resultado é o mesmo. Reparei num pormenor que não sei se poderá ser o problema disto que é, na barra onde aparece o domínio do site aparece que o formato do documento está em txt. mas não sei como contornar isso. Gostava de saber se alguém tem algum conselho para me dar. Obrigado
  8. onurb22

    Retirar ID de váriavel

    Boa tarde, estou a aprender e a educar-me a usar mais o JS. Estou a fazer um ficheiro com SORTABLE JS e queria usar um IF no onStart dependendo da informação contida na tag ID que tenho já guardado numa váriavel que saca a informação toda da DIV. Neste momento não sei como retirar qual a informação dentro da tag ID para fazer o meu IF. o meu código dentro do onStart: var info = evt.from; console.log(info); o que ele retorna: agora queria sacar o conteúdo do ID para fazer algo do genero IF var igual a caixa1 faz isto se for igual a caixa2 fazer aquilo... Muito obrigado e desculpem o amadorismo
  9. Olá pessoal, venho aqui para pedir ajuda, gostaria de fazer um site para mostrar dados vindos de uma API externa mas não sei como fazer nem por onde começar, o template que eu gostaria de fazer seria mais ou menos assim:
  10. Wenderson Lisboa

    Salvar formulário HTML em arquivo XML

    Boa tarde companheiros, venho aqui novamente em busca de vossa sabedoria. Quero implementar um formulário HTML para cadastro e salva-lo em arquivo XML para envio e posteriormente editar. Seria possível sem usar php ou DB ?
  11. Olá. Neste momento frequento o 12º Ano de um curso de Informática Aplicada à Web e precisava de ajuda. O meu objetivo é construir uma página de site que permita ao utilizador o seguinte: - Indicar o número de campos `<input type="number">` que deseja na calculadora. - Somar todos os números que o utilizador colocou no respetivo campo `<input type="number">`. - Indicar o resultado. A única coisa que consegui fazer é mandar ler o número de campos pretendidos pelo utilizador, e através de um `for` coloca-los na página. A minha dúvida está no resto, que é ler cada valor de cada `<input type="number">`, fazer a soma e escrever o resultado. O resultado do que consegui fazer até agora é o seguinte: Este é o meu código até agora: <form method="POST" action="calculadora.php"> <div class="card-body"> <div class="form-group"> <label for="exampleInputEmail1">Indique a quantidade de campos que pretende na calculadora:</label> <input name="campos" style="width: 10%;" type="number" class="form-control" id="exampleInputEmail1" placeholder=""> </div> </div> <!-- /.card-body --> <div class="card-footer"> <button type="submit" class="btn btn-primary">Submit</button> </div> </form> <form action="processo_calculadora.php" method="POST"> <?php if (isset($_POST['campos'])) { $numCampos = $_POST['campos']; $ab = $numCampos; } else { $numCampos = 0; $ab = $numCampos; } echo "O número de campos escolhido é: " . $numCampos . "<br>"; for ($x = 1; $x <= $numCampos; $x++) { // echo "The number is: $x <br>"; echo "<input type='number' id='$x'>The number is: $x <br>"; } ?> <input type="submit" value="Calcular"> </form> <?php /* for ($y = 1; $y <= $numCampos; $y++) { $id[$y] = filter_input(INPUT_GET, $x[$y], FILTER_SANITIZE_NUMBER_INT); }*/ for ($x = 1; $x <= $numCampos; $x++) { // echo "The number is: $x <br>"; $id = filter_input(INPUT_POST, $x, FILTER_SANITIZE_NUMBER_INT); for ($x = 1; $x <= $numCampos; $x++) { echo $id . "<br>"; } } ?> Ficarei extremamente grato a quem me conseguir ajudar.
  12. Guilherme R

    RegEx Código Postal PT

    Bom dia, Eu estou a fazer um site, em HTML, para uma disciplina do meu curso. Esse site inclui um formulário e esse formulário inclui um campo para ser introduzido um código postal. Nesse campo, eu tenho de por uma RegEx, via atributo pattern, para que o Código Postal seja introduzido com o formato correto. Eu já tenho um RegEx no atributo pattern do input, mas creio que está errado, pois, ao escrever o Código Postal com o formato correto (ex. 1750-240), recebo um aviso do browser a dizer "Utilize o formato pedido". O RegEx que tenho no atributo pattern é: /^\d{4}-\d{3}?$/ Eu tentei com, pelo menos, dois RegEx, mas recebi o mesmo aviso com ambos. Obrigado, Guilherme
  13. Jmc2020

    Pop Up apenas com html e css

    Boa noite pessoal espero que estejam todos bem!!! Estou a tentar criar um popup apenas com html e css e, embora já tenho conseguido em parte, sempre que dou refresh à página o popup aparece por breves segundos... Estes são os códigos que tenho, tanto css e html: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8"><meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="QuemSomos.css"> <title>Quem Somos</title> </head> <body> <header class="header"> <nav> <a href="#"><img class="logo" src="#" alt="Foto da Loja"></a> <ul class="headerLinks"> <li class="headerLI"><a href="#">Página Inicial</a></li> <li class="headerLI"><a class="selecionado" href="#">Quem Somos</a></li> <li class="headerLI"><a href="#">Login</a></li> </ul> </nav> </header> <br><br> <footer class="footer"> <ul class="footerLinks"> <li class="footerCTG"><a href="#">FPS</a></li> <li class="footerCTG"><a href="#">RPG</a></li> <li class="footerCTG"><a href="#">Desporto</a></li> <li class="footerCTG"><a href="#">Sobrevivência</a></li> </ul> <ul class="footerLinks2"> <li class="footerCTG"><a href="#">Estratégia</a></li> <li class="footerCTG"><a href="#">Corrida</a></li> <li class="footerCTG"><a href="#">Simulação</a></li> </ul> <ul class="footerLinksCtc"> <li class="footerCTG"><a class="butaoPopup" href="#">Contactos:</a></li> <div id="popup1" class="overlay"> <div class="popup"> <h2>Contactos:</h2> <a class="fechar" href="#">&times;</a> <div class="conteudo"> Nº de Telémovel: [...] <br> Email: [...] </div> </div> </div> </ul> <ul class="footer_imagem"> <li class="footerIMG"><img class="IPSIMG" src="ESTS.png" alt="Localização da loja"></li> </ul> </footer> </body> </html> CSS: body{ font-family: verdana; margin: 0; } /* Header */ .header{ margin: 5px; background-color: gray; padding: 20px; border-radius: 15px; text-align: center; height: 80px; } .logo{ float: left; margin: 0; padding: 0; max-width: 95px; height: auto; } ul.headerLinks{ float: right; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li.headerLI{ float: left; margin: 0; padding: 20px 20px 3px 3px; } li a{ display: inline-flex; color: white; text-align: center; padding: 12px 14px; border-radius: 5px; text-decoration: none; } li a.selecionado{ background-color: darkred; } li a:hover:not(.selecionado){ background-color: darkred; } /* Fim do header */ /* Footer */ .footer{ margin: 5px; background-color: gray; padding: 20px; border-radius: 15px; text-align: center; height: 250px; } ul.footerLinks{ float: left; text-align: left; list-style-type: none; margin: 5px; margin-left: 100px; padding-top: 40px; padding-right: 1px; padding-left: 25px; padding-bottom: 10px; overflow: hidden; } ul.footerLinks2{ float: left; text-align: left; list-style-type: none; margin: 5px; margin-left: 15px; padding-top: 85px; padding-left: 1px; padding-right: 25px; padding-bottom: 10px; overflow: hidden; } ul.footerLinksCtc{ float: left; text-align: left; list-style-type: none; margin: 5px; margin-left: 15px; padding-top: 170px; padding-left: 1px; padding-right: 25px; overflow: hidden; } .butaoPopup{ cursor: pointer; } .overlay{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; } .overlay:target{ visibility: visible; opacity: 1; } .popup{ margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; transition: all 0.5s ease-in-out; } .popup h2{ margin-top: 0; color: #333; font-family: verdana; } .popup .fechar{ position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup .fechar:hover{ color: darkred; } .popup .conteudo{ max-height: 30%; overflow: auto; } @media screen and (max-width: 700px){ .footerCTG{ width: 70%; } .popup{ width: 70%; } } ul.footer_imagem{ float: right; list-style-type: none; margin: 5px; margin-left: 15px; padding-top: 50px; padding-left: 1px; padding-right: 200px; padding-bottom: 50px; overflow: hidden; } img.IPSIMG{ border-radius: 15px; margin: 0; padding: 0; max-width: 150px; height: auto; } /* Fim do Footer */ Para já ainda só tenho o footer e header, entrentanto vou adiantar o main content. Desde já peço desculpa pela mensagem tão grande. Em relação ao problema, se me puderem ajudar agradecia imenso!!! Cumprimentos e mantenham-se seguros :)
  14. RodrigoChaubert

    actualizar link diariamente com data

    Boas precisava de uma ajuda, caso saibam e possam, Tenho um texto de um link que diariamente é actualizado sempre com a data do próprio dia do estilo (...)ta/turb_PICO_04-07-2019.zip o que queria era conseguir automaticamente actualizar a data que lá está. será que me conseguem ajudar? a data tem de ser mesmo nesse formato dd-mm-aaaa só uma coisa, não entendo nada de programação, sou um completo massarro Obrigado a todos Cumps e Stay Safe Rodrigo
  15. Boa noite, Alguém sabe como imprimir diretamente do browser para a impressora sem passar pela janela de confirmação? Sei que é possível correr uma aplicação no windows que permitirá obter a lista de impressoras no browser e imprimir diretamente. Já alguém fez algo parecido? Sabem como funciona para a página web conseguir ter acesso aos dados no browser?
  16. Boa tarde! Ola a todos, estou a fazer um curso online de fundamentos de html e css e como projecto final pediram me para recrear o site da apple (apple.com/mz/) Utilizei css grid para separar os conteudos, mas numa das grids tenho que posicionar o texto com hyperlinks por baixo da div. Agradecia que alguem me ajuda-se se nao estiver a incomodar. o que ue fiz até agora foi o seguinte: no html: <div id="tvplus"> <h3 id="title-h2"> <h3><a href="#"><i class="fa fa-apple"></i></a>tv+</h3> <h3>Get 1 year of Apple TV+ free when</h3> <h3>you buy an apple device</h3> </h3> <p><a href="#">Learn more</a>&nbsp;&nbsp;&nbsp;></p> </div> e o css: #title-h2 { font-size: 10px; } Por favor se não estiver a incomodar, peço uma dica de como por o referido texto na parte inferior da caixa da div
  17. António Carvalho

    Link para âncora numa página diferente

    Ajuda. Olá. Tenho um site https://antoniocarvalho.net/ e queria criar Links para determinadas âncoras, p. ex., para a âncora da "4ª Consulta" da página https://antoniocarvalho.net/medkit/Ferramentas/VigiarGravidez.html mas com este link a funcionar colocado em outra página. Já tentei de várias formas, mas vai sempre para a página da "Consulta Pré-concecional" que é a página "inicial" https://antoniocarvalho.net/medkit/Ferramentas/VigiarGravidez.html e não para a âncora da Consulta 4 ( https://antoniocarvalho.net/medkit/Ferramentas/VigiarGravidez.html#list-cons4). Alguém poderia ajudar-me, por favor? Obrigado
  18. Earendil010102

    Usar HTML dentro de array PHP

    Alguém sabe dizer como transformo várias div html em um array php? Tenho um projeto da faculdade onde preciso mostrar animais em ordem aleatória e, para isso, vou usar a função shuffle(). Mas para conseguir utilizar a função, preciso colocar as imagens dentro de um array. Segue o código abaixo. <?php $animais_detalhes = [ 'cachorro' => [ 'nome' => 'Cachorro', 'caracteristicas' => [ ['mora numa casinha', 'cachorro/mora_numa_casinha.jpg'], ['tem patas', 'cachorro/tem_patas.jpg'] ] ], 'coruja' => [ 'nome' => 'Coruja', 'caracteristicas' => [ ['gosta da noite', 'coruja/gosta_da_noite.jpg'], ['tem olhos grandes', 'coruja/tem_olhos_grandes.jpg'] ] ], 'gato' => [ 'nome' => 'Gato', 'caracteristicas' => [ ['dorme muito', 'gato/dorme_muito.jpg'], ['tem bigode', 'gato/tem_bigode.jpg'] ] ], 'peixe' => [ 'nome' => 'Peixe', 'caracteristicas' => [ ['tem escamas', 'peixe/tem_escamas.jpg'], ['vive na agua', 'peixe/vive_na_agua.jpg'] ] ] ]; $animais = array_keys($animais_detalhes); $escolha_aleatoria = rand(0, 3); $animal_escolhido = $animais_detalhes[$animais[$escolha_aleatoria]]; ?> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <title>Hello, world!</title> <style> body { background: lightgreen; } .card-image img { object-fit: cover; object-position: center; width: 100%; max-height: 200px; } img.img-animal { object-fit: none; object-position: center; width: 100%; max-height: 200px; } </style> </head> <body> <div class="container-fluid p-4 pb-2" style="background: lightskyblue"> <div class="row mt-2"> <div class="col-md-2"></div> <div class="col-md-4"> <div class="card card-image d-block"> <img src="./imagens/<?=$animal_escolhido['caracteristicas'][0][1]?>" class="card-img-top" alt="<?=$animal_escolhido['caracteristicas'][0][0]?>"> <div class="card-body"> <p class="card-text"><?=$animal_escolhido['caracteristicas'][0][0]?></p> </div> </div> </div> <div class="col-md-4"> <div class="card card-image d-block"> <img src="./imagens/<?=$animal_escolhido['caracteristicas'][1][1]?>" class="card-img-top" alt="<?=$animal_escolhido['caracteristicas'][1][0]?>"> <div class="card-body"> <p class="card-text"><?=$animal_escolhido['caracteristicas'][1][0]?></p> </div> </div> </div> </div> </div> <div class="container-fluid p-2 mt-3" style="background: lightgreen"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-3"> <a href="votar.php?apresentado=<?=$animais[$escolha_aleatoria]?>&escolhido=<?=$animais[$escolha_aleatoria]?>"> <img width="256" src="./imagens/<?=$animais[$escolha_aleatoria]?>.png" class="img-fluid" alt="animal" /> </a> </div> <div class="col-md-3"> <a href="votar.php?apresentado=<?=$animais[$escolha_aleatoria]?>&escolhido=<?=$animais[0]?>"> <img width="256" src="imagens/<?=$animais[0]?>.png" class="img-fluid" alt="animal" /> </a> </div> <div class="col-md-3"></div> </div> </div> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> </body> </html>
  19. N5gg

    Tag Parágrafo em HTML

    Muitas vezes hoje, pessoa lá no Reddit noobs em HTML, me diziam como era a "Tag" de parágrafo então deixo aqui a tag parágrafo! Fica assim: <p> Aqui pões um texto </p> Aqui têm a pergunta resolvida.
  20. N5gg

    Site HTML para iniciantes

    Primeiro, precisas de pôr o seguinte código: <!DOCTYPE html> <html> <meta charset="UTF-8"> <title> O que quiser </title> <body> <!-- Conteúdo do site aqui --> </body> </html> Depois para inserires um link: <a href="link"> Texto do Link</a> Depois se quiser pôr uma cor de fundo: <body bgcolor="cor que queres"> Ou também: <body bgcolor="#código da cor">
  21. N5gg

    HTML Tags necessárias

    Muitas pessoas , lá no Reddit, começaram-me a perguntar sobre todas , as "Tags" em HTML, claro que eram pessoas novas , que estavam a começar a aprender e eu então respondi com todas as "Tags " que existem na programação "HTML"! Neste caso não vou escrever todas as "Tags" mas vou deixar um link , ( em PDF) , com todas as "Tags" escritas. O link: https://www.fing.edu.uy/tecnoinf/mvd/cursos/ria/material/teorico/html-tags-chart.pdf
  22. Bom dia! Preciso de fazer um programa em Java que leia um ficheiro em HTML e determine se o seu conteúdo é válido ou se contêm erros. Estou completamente perdida alguém me pode ajudar?
  23. Fala pessoal, boa noite a todos... Sou novo aqui no fórum, e também nessa área de desenvolvimento.. Comecei a estudar um pouco mais focado nessa área a dois meses atrás. Um livro que eu gostei muito quando o vi, foi do autor Jon Duckett (HTML e CSS: Projete e Construa Websites). Só que não consigo achar o livro aqui em Portugal com a edição em português, alguém de vocês sabem onde posso encontrar, na web ou livraria que tenha o mesmo em português? Só achei até agora em alguns sites direcionados para o Brasil. Não encontrei assunto relacionado usando a pesquisa do fórum. Obrigado.. Cumprimentos
  24. Programar2020

    PHPMailer

    Boa Tarde Sou novo na programação, precisava de ajuda nesta situação. O objetivo deste exercício é enviar os dados preenchidos no formulário para um determinado email pré-definido através da função PHPMAILER. Código da Reserva Online <section class="section section_reservation mt-5" id="reservation"> <div class="container"> <div class="row"> <div class="col"> <h2 class="text-center">Reserva Online</h2> </div> </div> <div class="row justify-content-lg-center section_reservation__row"> <div class="col-lg-8"> <form class="section_reservation__form" action="" method="post"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="sr-only">Nome Completo</label> <input type="text" class="form-control" name="name" placeholder="Nome Completo" required> </div> <div class="form-group"> <label class="sr-only">Telemóvel</label> <input type="tel" class="form-control" name="tel" placeholder="Telemóvel" required> </div> <div class="form-group"> <label class="sr-only">E-mail</label> <input type="email" class="form-control" name="email" placeholder="E-mail" required> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="sr-only">Pessoas</label> <select class="form-control" name="people"> <option value="1">1 pessoa</option> <option value="2">2 pessoas</option> <option value="3">3 pessoas</option> <option value="4">4 pessoas</option> <option value="5">5 pessoas</option> </select> </div> <div class="form-group"> <label class="sr-only">Data</label> <input type="date" class="form-control" name="date" required> </div> <div class="form-group"> <label class="sr-only">Time</label> <input type="time" class="form-control" name="time" required> </div> </div> <div class="col"> <div class="text-center"> <button type="submit" class="btn btn-primary">Reserve</button> </div> </div> </div> </form> </div> </div> </div> </section> Dúvida: <form class="section_reservation__form" action="" method="post"> ( não sei o que colocar entre os parênteses do action) reservation.php <?php if($_SERVER['REQUEST_METHOD'] == 'POST'){ if(!isset($_POST['name']) || !isset($_POST['tel']) || !isset($_POST['email']) || !isset($_POST['people']) || !isset($_POST['date']) || !isset($_POST['time']) ) { // Recarregar toda a página redirecionando para o formulário, apresentado de novo todos os campos. header('Location: index.html#reservation'); } } $name = $_POST['name']; $tel = $_POST['tel']; $email = $_POST['email']; $people = $_POST['people']; $date = $_POST['date']; $time = $_POST['time']; A validação que fiz não está a funcionar. email.php (Função PHPMAILER) <?php use PHPMailer\PHPMailer\PHPMailer; use PHPMailer\PHPMailer\SMTP; use PHPMailer\PHPMailer\Exception; require 'vendor/autoload.php'; $mail = new PHPMailer(true); try { //Server settings $mail->SMTPDebug = SMTP::DEBUG_SERVER; $mail->isSMTP(); $mail->Host = 'smtp.gmail.com'; $mail->SMTPAuth = true; $mail->Username = ''; $mail->Password = ''; $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; $mail->Port = 587; //Recipients $mail->setFrom('', ''); $mail->addAddress($email, 'Destinatário'); // Content $mail->isHTML(true); $mail->Subject = 'Reserva Online'; $mail->Body = $name . $tel . $email . $people . $date . $time; ; // $mail->AltBody = ''; $mail->send(); echo 'Message has been sent'; } catch (Exception $e) { echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; } Mas parece que não funciona o que fiz! Alguém me pode ajudar neste problema. Abraço
  25. Piratasz

    Como faço para dividir

    Gente como eu faço para dividir uma página HTML ao meio na vertical?
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.