Search the Community
Showing results for tags 'html'.
-
Boa Tarde Preciso de um esclarecimento. Pretendia incluir / navegar num website "outro" website. Por exemplo <!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Soref Dictator</title> <script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script> <script> //function to fix height of iframe! var calcHeight = function() { var headerDimensions = $('.preview__header').height(); $('.full-screen-preview__frame').height($(window).height() - headerDimensions); } $(document).ready(function() { calcHeight(); }); $(window).resize(function() { calcHeight(); }).load(function() { calcHeight(); }); </script> <style> .full-screen-preview{height:100%;padding:0px;margin:0px;overflow:hidden}.full-screen-preview__frame{width:100%;background-color:#fff}.full-screen-preview__frame.-ios-fix{width:10px;min-width:100%;-webkit-overflow-scrolling:touch;height:100% !important}.preview__header{font-size:12px;height:54px;background-color:#262626;z-index:100;line-height:54px;margin-bottom:1px}.preview__envato-logo{float:left;padding:0 20px}.preview__envato-logo a{display:inline-block;position:absolute;top:18px;text-indent:-9999px;height:18px;width:152px;background:url(//dmypbau5frl9g.cloudfront.net/assets/logos/envato_market-dee06317dbf75d406e29e1cd82fab4dd.svg);-webkit-background-size:152px 18px;background-size:152px 18px}@media (max-width: 568px){.preview__envato-logo{padding:0 10px}.preview__envato-logo a{position:absolute;top:20px;left:15px;height:14px;width:118px;-webkit-background-size:118px 14px;background-size:118px 14px}}.preview__actions{float:right}.preview__action--buy,.preview__action--close{border-left:1px solid #333;display:inline-block;padding:0 20px}@media (max-width: 568px){.preview__action--buy{padding:0 10px}}.preview__action--close a{color:#999;text-decoration:none}.preview__action--close a:hover{color:#fff}.preview__action--close a i{color:#fff;font-size:10px;margin-right:10px}@media (max-width: 568px){.preview__action--close a i{margin-right:0}}@media (max-width: 568px){.preview__action--close a span{display:none}}.screenshots{padding:80px 10px 25px}.screenshots__thumbnail{display:inline-block;margin:0 10px 20px 0;border:1px solid #333;line-height:0}.screenshots__thumbnail:hover{border:1px solid #666}.screenshots__fullsize{display:inline-block;margin:20px 0;border:1px solid #333;line-height:0}.screenshots__fullsize>img{max-width:100%}.screenshots__description{max-width:1004px;margin-top:20px;color:#fff}body{background-color:#000} </style> </head> <body class="full-screen-preview"> <iframe class="full-screen-preview__frame" src="https://www.portugal-a-programar.pt" name="preview-frame" frameborder="0" noresize="noresize" data-view="fullScreenPreview"></iframe> <a href="https://www.portugal-a-programar.pt" target="_blank">teste</a> </body> </html> A parte que interessa é: <iframe class="full-screen-preview__frame" src="https://www.portugal-a-programar.pt" name="preview-frame" frameborder="0" noresize="noresize" data-view="fullScreenPreview"></iframe> <a href="https://www.portugal-a-programar.pt" target="_blank">teste</a> acontece que não consigo ligação, alguma sugestão?
-
Bom noite a todos, tenho um formulário onde os campos estão dividido por <div>, também tenho um select com várias opções de estado civil. até aqui tudo bem, conforme seleciono "Solteiro" por exemplo todos os campos ficam com o style "none", se seleciono Casado, oculta alguns campos e exibe outros, e assim por diante. só que quando coloco mais de 11 para ficar com o style none já não funciona. Assim funciona: //Recebe o estado civil do falecido const adms_est_civil = document.getElementById('adms_ec_conjuge_id') const divEstCivil = document.getElementById('genero_conjuge') const divDadosCasamento = document.getElementById('casamento') const divDadosDivorcio = document.getElementById('divorcio') const divDadosViuvez = document.getElementById('viuvez') const divNomeConjuge = document.getElementById('nome_conjuge') const divMoradaConjuge = document.getElementById('morada_conjuge') const divLocalidadeConjuge = document.getElementById('localidade_conjuge') const divAutarquiasConjuge = document.getElementById('autarquiasconjuge') const labelAutarquias = document.getElementById('autarquiasconjugelabel') const labelAutarquiasNascConjuge = document.getElementById('autarquias_nascconjuge') adms_est_civil.addEventListener('change', function (e) { switch (e.target.value) { // O PRIMEIRO CASE FUNCIONA // case '1': divEstCivil.style.display = 'none' divDadosCasamento.style.display = 'none' divDadosDivorcio.style.display = 'none' divDadosViuvez.style.display = 'none' divNomeConjuge.style.display = 'none' divMoradaConjuge.style.display = 'none' divLocalidadeConjuge.style.display = 'none' divAutarquiasConjuge.style.display = 'none' labelAutarquias.style.display = 'none' divAutarquiasNascConjuge.style.display = 'none' break // O SEGUNDO POR TER 11 JÁ NÃO // case '2': divEstCivil.style.display = 'none' divDadosCasamento.style.display = 'none' divDadosDivorcio.style.display = 'none' divDadosViuvez.style.display = 'none' divNomeConjuge.style.display = 'none' divMoradaConjuge.style.display = 'none' divLocalidadeConjuge.style.display = 'none' divAutarquiasConjuge.style.display = 'none' labelAutarquias.style.display = 'none' divAutarquiasNascConjuge.style.display = 'none' labelAutarquiasNascConjuge.style.display = 'none' break } Já removi uma linha do meio do segundo e assim já funciona, como resolvo, existe um limite?
-
Boa tarde, Tenho o códigos abaixo que esta a funcionar. Ele é da seguinte forma, se selecionar Portugal, aparece três campos select para selecionar o distrito, concelho e freguesia, caso escolha outra País esses campos ficam ocultos. <!-- Campo select Pais --> <div class="column"> <label for="adms_pais_id" class="title-input">País:<span class="text-danger">*</span> </label> <select class="input-adm" name="adms_pais_id" id="adms_pais_id"> <option value="">Selecione</option> <?php foreach ($this->data['pais']['pais'] as $pais) { extract($pais); if ((isset($valorForm['adms_pais_id'])) and ($valorForm['adms_pais_id'] == $id)) { echo "<option value='$id' selected>$name_pais</option>"; } else { echo "<option value='$id'>$name_pais</option>"; } } ?> </select> </div> <!-- Campos Selects de Distrito, Concelho e Freguesia --> <label for="localidade" class="title-input">Autarquivas ou Localidade do Nascimento:</label> <div class="row-input" id="divLocalidade"> <div class="column"> <?php $localidade_nascimento = ''; if (isset($valorForm['localidade_nascimento'])) { $localidade_nascimento = $valorForm['localidade_nascimento']; } ?> <label for="localidade_nascimento" class="title-input">Localidade do Nascimento:<span class="text-danger">*</span></label> <input type="text" name="localidade_nascimento" id="localidade_nascimento" class="input-adm" placeholder="Digite a localidade do nascimento" autocomplete="off" value="<?php echo $localidade_nascimento; ?>"> </div> </div> <div class="row-input" id="divAutarquias"> <div class="column"> <label for="adms_dist_nasc_id" class="title-input">Distrito:</label> <select class="input-adm" name="adms_dist_nasc_id" id="adms_distrito_id2" onchange="selectConcelho(2)"> <option value="">Selecione</option> <?php foreach ($this->data['distritonasc']['distnasc'] as $distnasc) { extract($distnasc); if ((isset($valorForm['adms_dist_nasc_id'])) and ($valorForm['adms_dist_nasc_id'] == $id_distnasc)) { echo "<option value='$id_distnasc' selected>$name_distrito</option>"; } else { echo "<option value='$id_distnasc'>$name_distrito</option>"; } } ?> </select> </div> <div class="column"> <label for="adms_conc_nasc_id" class="title-input">Concelho:</label> <select class="input-adm" name="adms_conc_nasc_id" id="adms_concelho_id2" onchange="selectFreguesia(2)"> <option value="">Selecione</option> <?php foreach ($this->data['concelhonasc']['concnasc'] as $concnasc) { extract($concnasc); if ((isset($valorForm['adms_conc_nasc_id'])) and ($valorForm['adms_conc_nasc_id'] == $id_concnasc)) { echo "<option value='$id_concnasc' selected>$name_concelho</option>"; } else { echo "<option value='$id_concnasc'>$name_concelho</option>"; } } ?> </select> </div> <div class="column"> <label for="adms_freg_nasc_id" class="title-input">Freguesia:</label> <select class="input-adm" name="adms_freg_nasc_id" id="adms_freguesia_id2"> <option value="">Selecione</option> <?php foreach ($this->data['freguesianasc']['fregnasc'] as $fregnasc) { extract($fregnasc); if ((isset($valorForm['adms_freg_nasc_id'])) and ($valorForm['adms_freg_nasc_id'] == $id_fregnasc)) { echo "<option value='$id_fregnasc' selected>$name_freguesia</option>"; } else { echo "<option value='$id_fregnasc'>$name_freguesia</option>"; } } ?> </select> </div> </div> //Ativa/oculta campos do Formulário de Processo de Funerais // Receber o pais da nacionlidade do falecido para exibir ou ocultar a autrarquias const adms_pais_nasc_falecido = document.getElementById('adms_pais_id') const divLocalidade = document.getElementById('divLocalidade') const divAutarquias = document.getElementById('divAutarquias') adms_pais_nasc_falecido.addEventListener('change', function (event) { if (event.target.value == '1') { divLocalidade.style.display = 'grid' divAutarquias.style.display = 'grid' } else { divLocalidade.style.display = 'grid' divAutarquias.style.display = 'none' } }) O meu problema é o seguinte: Fiz o mesmo para outros campos mas não funciona e não consigo achar o erro, se alguém conseguir ajudar fico muito grato. <div class="row-input"> <div class="column"> <label for="adms_estado_civil_id" class="title-input">Estado Civil:</label> <select class="input-adm" name="adms_estado_civil_id" id="adms_estado_civil_id"> <option value="">Selecione</option> <?php foreach ($this->data['estadocivil']['estado'] as $estado) {extract($estado); if ((isset($valorForm['adms_estado_civil_id'])) and ($valorForm['adms_estado_civil_id'] == $id)) { echo "<option value='$id' selected>$name_estado</option>"; } else { echo "<option value='$id'>$name_estado</option>"; } } ?> </select> </div> <div class="column" id="genero_conjuge"> <label for="adms_gen_conjuge_id" class="title-input">Gênero:<span class="text-danger">*</span> </label> <select class="input-adm" name="adms_gen_conjuge_id" id="adms_gen_conjuge_id"> <option value="">Selecione</option> <?php foreach ($this->data['genero']['gen'] as $genero) { extract($genero); if ((isset($valorForm['adms_gen_conjuge_id'])) and ($valorForm['adms_gen_conjuge_id'] == $id)) { echo "<option value='$id' selected>$name_genero</option>"; } else { echo "<option value='$id'>$name_genero</option>"; } }?> </select> </div> </div> //Recebe o estado civil do conjuge const adms_est_civil = document.getElementById('adms_estado_civil_id') const divEstCivil = document.getElementById('genero_conjuge') adms_est_civil.addEventListener('change', function (e) { if (e.target.value == '2') { divEstCivil.style.visibility = 'hidden' } else { divEstCivil.style.visibility = 'visible' } }) lembrando que já coloquei "divEstCivil.style.visibility = 'hidden'" e "divEstCivil.style.display = 'none'"
-
Boas, tudo bem? Já percorri bastantes sites e nada do que encontrei ajuda deixo aqui o codigo html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <link rel="stylesheet" href="index.css"> <title>SaniProArt</title> </head> <body> <div class="wrapper"> <nav class="nav"> <div class="nav-logo"> <img src="imagens/Logo.png" alt="Logo" width="100"> </div> <div class="nav-menu" id="navMenu"> <ul> <li><a href="index.html" class="link active">Início</a></li> <li><a href="servicos.html" class="link">Serviços</a></li> <li><a href="sobrenos.html" class="link">Sobre nós</a></li> </ul> </div> <div class="nav-button"> <a href='login.php'><button class="btn white-btn" id="loginBtn" onclick="login()">Login</button></a> <a href='Cadastrar.php'><button class="btn" id="registerBtn" onclick="register()">Registo</button></a> </div> <div class="nav-menu-btn"> <i class="bx bx-menu" onclick="myMenuFunction()"></i> </div> </nav> <div class="container mt-5"> <h1 class="text-center">Perguntas Frequentes</h1> <div class="text-center p-2"><h6>Tem alguma questão ? Estamos aqui para ajudar</h6></div> <br> <div class="row mb-2 align-middle text-center" > <div class="accordion" id="accordionFlushExample"> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> Em que zona do país atuam? </button> </h2> <div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample"> <div class="accordion-body">Atuamos apenas na região sul do país. mais concretamente da zona de Lagos até Almancil.</div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo"> Como posso solicitar os vossos serviços?</button> </h2> <div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> Pode solicitar os nossos serviços preenchendo o formulário de contato no nosso website ou entrando em contato diretamente pelo telefone. Estamos aqui para ajudá-lo!</div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> Qual é o nosso horário de funcionamento? </button> </h2><div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample"> <div class="accordion-body">Estamos em funcionamento de segunda a sábado, das 8h às 18h.</div> </div> </div> </div> </div> <br class=""> <footer id="footer" class="text-center align-center text-lg-start bg-body-tertiary text-muted fixed-bottom" style="min-width: 700px; width: 100vw;" > <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"> <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4"> <h6 class="text-uppercase fw-bold mb-4 text-start">Contacto</h6> <p><i class="fas fa-home me-3 text-start"></i>Alcantarilha 8365-203</p> <p> <i class="fas fa-envelope me-3 text-start"></i> saniproart@gmail.com </p> <p><i class="fas fa-phone me-3 text-start"></i> +351 965 637 393</p> </div> </div> </div> </section> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> </body> </html> e o css < @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } body{ background-image: url('imagens/Fundo.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; } .wrapper{ display: flex; justify-content: center; align-items: center; min-height: 110vh; background: rgba(39, 39, 39, 0.4); } .nav{ position: fixed; top: 0; display: flex; justify-content: space-around; width: 100%; height: 100px; line-height: 100px; background: linear-gradient(rgba(39,39,39, 0.6), transparent); z-index: 100; } .nav-logo p{ color: white; font-size: 25px; font-weight: 600; } .nav-menu ul{ display: flex; } .nav-menu ul li{ list-style-type: none; } .nav-menu ul li .link{ text-decoration: none; font-weight: 500; color: #fff; padding-bottom: 15px; margin: 0 25px; } .link:hover, .active{ border-bottom: 2px solid #fff; } .nav-button .btn{ width: 130px; height: 40px; font-weight: 500; background: rgba(255, 255, 255, 0.4); border: none; border-radius: 30px; cursor: pointer; transition: .3s ease; } .btn:hover{ background: rgba(255, 255, 255, 0.3); } #registerBtn{ margin-left: 15px; } .btn.white-btn{ background: rgba(255, 255, 255, 0.7); } .btn.btn.white-btn:hover{ background: rgba(255, 255, 255, 0.5); } .nav-menu-btn{ display: none; } .form-box{ position: relative; display: flex; align-items: center; justify-content: center; width: 512px; height: 420px; overflow: hidden; z-index: 2; } .login-container{ position: absolute; left: 4px; width: 500px; display: flex; flex-direction: column; transition: .5s ease-in-out; } .register-container{ position: absolute; right: -520px; width: 500px; display: flex; flex-direction: column; transition: .5s ease-in-out; } .top span{ color: #fff; font-size: small; padding: 10px 0; display: flex; justify-content: center; } .top span a{ font-weight: 500; color: #fff; margin-left: 5px; } header{ color: #fff; font-size: 30px; text-align: center; padding: 10px 0 30px 0; } .two-forms{ display: flex; gap: 10px; } .input-field{ font-size: 15px; background: rgba(255, 255, 255, 0.2); color: #fff; height: 50px; width: 100%; padding: 0 10px 0 45px; border: none; border-radius: 30px; outline: none; transition: .2s ease; } .input-field:hover, .input-field:focus{ background: rgba(255, 255, 255, 0.25); } ::-webkit-input-placeholder{ color: #fff; } .input-box i{ position: relative; top: -35px; left: 17px; color: #fff; } .submit{ font-size: 15px; font-weight: 500; color: black; height: 45px; width: 100%; border: none; border-radius: 30px; outline: none; background: rgba(255, 255, 255, 0.7); cursor: pointer; transition: .3s ease-in-out; } .submit:hover{ background: rgba(255, 255, 255, 0.5); box-shadow: 1px 5px 7px 1px rgba(0, 0, 0, 0.2); } .two-col{ display: flex; justify-content: space-between; color: #fff; font-size: small; margin-top: 10px; } .two-col .one{ display: flex; gap: 5px; } .two label a{ text-decoration: none; color: #fff; } .two label a:hover{ text-decoration: underline; } @media only screen and (max-width: 786px){ .nav-button{ display: none; } .nav-menu.responsive{ top: 100px; } .nav-menu{ position: absolute; top: -800px; display: flex; justify-content: center; background: rgba(255, 255, 255, 0.2); width: 100%; height: 90vh; backdrop-filter: blur(20px); transition: .3s; } .nav-menu ul{ flex-direction: column; text-align: center; } .nav-menu-btn{ display: block; } .nav-menu-btn i{ font-size: 25px; color: #fff; padding: 10px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; cursor: pointer; transition: .3s; } .nav-menu-btn i:hover{ background: rgba(255, 255, 255, 0.15); } } @media only screen and (max-width: 540px) { .wrapper{ min-height: 100vh; } .form-box{ width: 100%; height: 500px; } .register-container, .login-container{ width: 100%; padding: 0 20px; } .register-container .two-forms{ flex-direction: column; gap: 0; } } footer { position: absolute; bottom: 100%; width: 100%; background-color: transparent !important; } :root footer { background-color: transparent !important; } >
-
Boa noite pessoal, cá estou eu a recorrer a vossa ajuda novamente. Tenho o formulário com uma foto do lado esquerdo e campos do tipo nome, endereço, cep, contatos do lado direito. Fiz o seguinte, criei uma div com o nome de linha e dentro dela criei duas div com o nome de colunas. Até aqui tudo bem, gostaria que fosse responsivo da seguinte forma, consoante o tamanho da tela ficasse um ao lado do outro e ao diminiuir a foto ficaria acima e os campos abaixo. já mudei o display para todas as opções e inclusive utilizei o @media e não funciona, vejam se conseguem me ajudar. <div class="row-input" id="dados_gerais"> <div class="column" id="foto_cliente"> <img id="img" src="app/adms/assets/images/users/1/foto.jpg"> </div> <div class="column" id="dados_cliente"> <div class="row-input"> <div class="column"> <label for="name" class="title-input">Nome:<span class="text-danger">*</span></label> <input type="text" name="name" id="name" class="input-adm" placeholder="Digite o nome completo" autocomplete="off" autofocus> </div> </div> <div class="row-input"> <div class="column"> <label for="morada" class="title-input">Morada:<span class="text-danger">*</span></label> <input type="text" name="morada" id="morada" class="input-adm" placeholder="Digite a morada"> </div> </div> <div class="row-input"> <div class="column"> <label for="localidade" class="title-input">Localidade:<span class="text-danger">*</span></label> <input type="text" name="localidade" id="localidade" class="input-adm" placeholder="Digite a localidade"> </div> <div class="column"> <label for="codigo_postal" class="title-input">Código Postal:<span class="text-danger">*</span></label> <input type="text" name="codigo_postal" id="codigo_postal" data-js="postal" maxlength="8" class="input-adm" placeholder="0000-000"> </div> </div> </div> </div> css #dados_gerais{ width: 100%; border: 1px solid #ccc; display: flex; } #foto_cliente{ width: 30%; border: 1px solid #ccc; text-align: center; display: grid; align-items: center; justify-content: center; } #foto_cliente img{ width: 90%; margin: 10px; } #dados_cliente{ width: 70%; border: 1px solid #ccc; } .row-input{ width: 100%; display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px 30px; margin-bottom: 20px; }
-
Preciso de um site de um banco para o meu projeto da pap (com levantamentos, depósitos transferencias e tudo isso), estou com bastantes dificuldades para fazer, caso alguém tenha algo do género e me possa enviar ficava eternamente grato, Obrigado.
-
Olá, Numa regra que estou a construir em PHP (aplicação web) em que valida a introdução de dados do utilizador, tenho o seguinte: 'utilizador' => 'required|regex:/[0-9]{9}\/[0-9]{4}/' Acontece que ele está a cumprir todos os casos exceto se eu colocar mais do que um dígito (a partir de 5, supostamente só pode pôr exatamente 4) na última regra "[0-9]{4}", por exemplo: ->123456789/123 (não aceita -> certo) ->123456789//123 (não aceita -> certo) ->123456789/1234 (aceita -> certo) -> 123456789/12345 (aceita -> errado) e se eu acrescentar mais números ele vai sempre aceitando. Alguém me dá alguma dica para ultrapassar este problema?
-
Boa tarde a todos, tenho em meu formulário o seguinte input <input type="text" name="codigo_barras[]" id="codigo_barras" onkeyup="searchProdutos(1)" class="input-adm sizefour" autocomplete="on" required> no meu javascript tenho o seguinte: function searchProdutos(registo){ //recebe o valor que o usuário digitar const codigoBarras = document.querySelector('#codigo_barras'+registo); const valueCodigoBarras = codigoBarras.value; } Conforme começo a digitar no campo ocorre o seguinte erro: custom_adms.js:1014 Uncaught TypeError: Cannot read properties of null (reading 'value') at searchProdutos (custom_adms.js:1014:42) at HTMLInputElement.onkeyup (index:215:163) Já alterei o name e id de "código_barras" para "codigoBarras" ou "codigobarras" e continua o mesmo.
-
Boa noite a todos, tenho um formulário como se fosse um carrinho de compras. no form tenho a tabela da seguinte forma: <input type="button" name="addProduto" id="addProduto" class="input-adm btn-warning" value="Incluir"> <table class="table-list"> <thead class="list-head"> <tr> <th class="list-head-content sizeone table-md-none">Código Barras</th> <th class="list-head-content sizefive table-md-none">ID</th> <th class="list-head-content sizetwo">Nome do produto</th> <th class="list-head-content sizethree">Quantidade</th> <th class="list-head-content sizefour">Ações</th> </tr> </thead> <tbody class="list-body"> </tbody> </table> Em javascript adiciono os produtos a tabela, o adicionar está funcionando, mas o remover não funciona, o que errei? //Adicionar Produtos ao carrinho document.getElementById('addProduto').addEventListener('click', incluirProduto) //Remover Produtos ao carrinho document.getElementById('.remove').addEventListener('click', removerProduto) function incluirProduto(){ const selectProduct = document.getElementById('adms_produto_id') const optionText = selectProduct.options[selectProduct.selectedIndex].text const id = selectProduct.options[selectProduct.selectedIndex].value const barcode = selectProduct.options[selectProduct.selectedIndex].getAttribute('data-barcode') const qtde = document.getElementById('qtde').value const html = `<tr><td class="list-body-content table-md-none sizeone"><input type="text" name="codigo_barras[]" id="codigo_barras" class="input-adm" placeholder="Código Barras" autocomplete="on" required value="${barcode}"></td><td class="list-body-content table-md-none sizefive" name="id[]">${id}</td><td class="list-body-content sizetwo">${optionText}</td><td class="list-body-content sizethree"><input type="number" name="qtde[]" id="qtde" class="input-adm" placeholder="Qtde" autocomplete="off" required value="${qtde}"></td><td><input type="button" class="input-adm btn-danger" name="remove" id="remove" value="Remover"></td></tr>`; const x = 1; document.querySelector('tbody.list-body').innerHTML += html } function removerProduto(){ document.querySelector('tbody.list-body').closest('tr').remove(); }
-
Boa tarde a todos, ca estou eu mais uma a solicitar a vossa ajuda. Tenho um formulário com uma tabela, nesta tabela tenho uma coluna que esta oculta com o style="display:none;" por o style="visibility:hidden;" fica o espaço em branco e não quero. até aqui esta tudo bem, mas gostaria enviar para a model os valores desta tabela, mas como a coluna esta como style="display:none;" não envia. Como faço para poder ocultar a coluna, mas mesmo assim conseguir enviar os dados ocultos? essa não é a tabela toda, apenas parte dela <tr> <td class="table"> <input type="text" name="codigo_barras[]" id="codigo_barras" class="input" placeholder="Código Barras" autocomplete="on" required> 560001 </td> <td style="display:none;" name="id[]"> 1 </td> <td class="list-content"> bisturi </td> <td class="list-content"> <input type="number" name="qtde[]" id="qtde" class="input" placeholder="Qtde" autocomplete="off" required > </td> <td> <input type="button" class="btn-danger" name="remove" id="remove" value="remove"> </td> </tr>
-
Boa tarde a todos, preciso de uma rotina ou função que apague todos os arquivos de uma pasta em PHP. alguém tem algum modelo ou link de exemplo para eu seguir? Desde já agradeço
-
Boa noite, cá estou eu novamente a necessitar de vossa ajuda. Vi o video seguinte do professor Celke a fazer um preview de imagens. https://youtu.be/sWzW4TJ4ta4?si=i88K8iUSPFhGolSy Na video aula existe o seguinte código: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Celke - Preview de Múltiplas Imagens</title> </head> <body> <h2>Preview de Múltiplas Imagens</h2> <!-- Inicio do formulário --> <form> <!-- Campo para selecionar as imagens --> <input type="file" name="inputImagens" id="inputImagens" multiple accept="image/*"><br><br> <!--<input type="file" name="inputImagens" id="inputImagens" multiple>--> </form> <!-- Fim do formulário --> <!-- Receber o preview das imagens --> <span id="previewImagem"></span> <script> // Receber o seletor do campo com as imagens const inputImagens = document.getElementById("inputImagens"); // Receber o seletor para enviar o preview das imagens const previewImagem = document.getElementById("previewImagem"); // Aguardar alteração no campo de imagens inputImagens.addEventListener("change", function (e) { // Limpar o seletor que recebe o preview das imagens previewImagem.innerHTML = ""; // Percorrer a lista de arquivos selecionados for (const arquivo of e.target.files) { console.log(arquivo); // Criar a TAG <img>, no atributo src atribuir a imagem e no atributo alt o nome const imagemHTML = `<img src="${URL.createObjectURL(arquivo)}" alt="${arquivo.name}" style="max-width: 200px; margin: 10px;">`; // Enviar para o HTML a imagem, beforeend - adicionar a image no final previewImagem.insertAdjacentHTML("beforeend", imagemHTML); } }); </script> </body> </html> gostaria de chamar o script através de uma função em um arquivo javascript O modelo da Celke funciona, mas no meu não aparece me o seguinte erro: Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') at reader.onload (custom_adms.js) meu código: <input type="file" class="input-adm" name="new_image[]" id="new_image" onchange="previewImg()" multiple="multiple" accept="image/*" /> <span id="previewImage"></span> //preview multiplas imagens function previewImg() { // Receber o seletor do campo com as imagens const new_imageMultiple = document.getElementById("new_image"); // Receber o seletor para enviar o preview das imagens const previewImage = document.getElementById("previewImage"); // Aguardar alteração no campo de imagens new_imageMultiple.addEventListener("change", function (e) { // Limpar o seletor que recebe o preview das imagens previewImage.innerHTML = ""; // Percorrer a lista de arquivos selecionados for (const arquivo of e.target.files) { // Criar a TAG <img>, no atributo src atribuir a imagem e no atributo alt o nome const imagemHTML = `<img src="${URL.createObjectURL(arquivo)}" alt="${arquivo.name}" style="max-width: 200px; margin: 10px;">`; // Enviar para o HTML a imagem, beforeend - adicionar a image no final previewImage.insertAdjacentHTML("beforeend", imagemHTML); } }); }
-
Boa tarde a todos, o que seria de mim sem vós. Essa semana tem sido em cheio, lol. Tenho um form com o campo date, quando estou digitando a data no campo ele permite colocar 6 dígitos no ano o que faço para resolver? <input type="date" name="data_emissao" id="data_emissao" maxlength="10" class="input-adm" placeholder="dd/mm/aaaa" value="<?php echo $data_emissao; ?>">
-
Boas, eu para praticar decidi começar a clonar o site da Apple. De início correu tudo bem, mas na minha última parte agora uma imagem fica bem no meu monitor mas desformata em qualquer outro monitor, eu gostava que me ajudassem a entender o porquê, visto que estou á horas a tentar resolver isto e não consigo. Peço que quando encontrarem outros pontos que deva melhorar me digam e peço que sejam compreensivos, eu sou novo nisto e quero mesmo aprender. Queria tentar mostrar o que acontece mas não consigo inserir imagens. Vou anexar um link para quem quiser fazer download de como eu vejo e quando fica desformatado. https://we.tl/t-8iyZ8lw4Ok e aqui está todo o código: html <html lang="pt"> <head> <meta charset="UTF-8"> <title>Apple (Portugal)</title> <link rel="stylesheet" href="estilos.css" type="text/css"> <link rel="icon" type="image/x-icon" href="./Project/applebrowsertab.png"> </head> <body> <div id="total"> <div id="nav-list"> <ul> <li><img src="./Project/applelogo.png"></li> <li><a href="">Loja</a></li> <li><a href="">Mac</a></li> <li><a href="">iPad</a></li> <li><a href="">iPhone</a></li> <li><a href="">Watch</a></li> <li><a href="">Airpods</a></li> <li><a href="">TV e Casa</a></li> <li><a href="">Entretenimento</a></li> <li><a href="">Acessórios</a></li> <li><a href="">Suporte</a></li> <li class="nav-list-right-logos"><img src="./Project/searchlogo.png"></li> <li><img src="./Project/baglogo.png"></li> </ul> </div> <div id="macpro-container"> <div id="container-list"> <div class="title">MacBook Pro</div> <div class="subtitle">Brutal. E brilhante.</div> <div class="links"> <a href="#"><span>Saiba mais ></span></a> <a href="#"><span>Compre ></span></a> </div> <div class="img"> <img src="./Project/macpro.png"> </div> </div> </div> <div id="imac-container"> <div id="container-list"> <div class="title">iMac</div> <div class="subtitle">Mais poder para tudo.</div> <div class="links"> <a href="#"><span>Saiba mais ></span></a> <a href="#"><span>Compre ></span></a> </div> <div class="img"> <img src="./Project/imac.png"> </div> </div> </div> <div id="iphone-container"> <div id="container-list"> <div class="title iphone15">iPhone 15 Pro</div> <div class="subtitle iphone15">Titânio. Tão forte. Tão leve. Tão Pro.</div> <div class="links"> <a href="#"><span>Saiba mais ></span></a> <a href="#"><span>Compre ></span></a> </div> <div class="img"> <img src="./Project/iphone15.png"> </div> </div> </div> </div> </body> </html> css @import url('https://fonts.googleapis.com/css?family=Noto+Sans+Batak:700|Noto+Sans+Batak:400'); @font-face { font-family: 'Sf Pro'; src: url(./Project/Fonts/SFNSDisplay-Regular.woff2); } :root { --text: #000000; --background: #fafafa; --primary: #c3c3c3; --secondary: rgb(22, 22, 23, 0.8); --links: #06c; --static: rgba(0, 0, 0, 0.1); } body { font-family: 'Sf Pro', sans-serif; scroll-behavior: smooth; } #total { position: absolute; top: 0; left: 0; width: 100%; } #nav-list { width: 100%; height: 44px; background: var(--secondary); display: flex; align-items: center; justify-content: center; position: fixed; } #nav-list ul { list-style-type: none; display: flex; align-items: center; justify-content: center; gap: 15px; } .nav-list-right-logos { margin-right: 20px; } #nav-list li { font-size: 12px; } #nav-list img { height: 17px; margin-bottom: -3px; } #nav-list a { text-decoration: none; color: var(--primary); transition: 0.2s; } #nav-list a:hover{ color: #fafafa; } #macpro-container { width: 100%; height: 692px; background: var(--background); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; margin-top: 50px; } #container-list { width: 100%; height: 692px; display: flex; flex-direction: column; align-items: center; } .title { margin-top: 50px; text-align: center; font-size: 55; font-weight: bold; margin-bottom: 3px; letter-spacing: 0.5px; } .subtitle { margin-bottom: 18px; text-align: center; font-size: 28; } .links { margin-bottom: 80px; text-align: center; position: relative; font-size: 20; } a { text-decoration: none; padding: 18px; color: var(--links); } a:hover { text-decoration: underline; } .img { margin-bottom: 20px; text-align: center; } #imac-container { width: 100%; height: 692px; background: var(--background); display: flex; align-items: center; justify-content: center; } #iphone-container { width: 100%; height: 692px; margin-top: 10px; background-color: #000000; display: flex; align-items: center; justify-content: center; } #iphone-list { width: 100%; height: 692px; display: flex; flex-direction: column; align-items: center; } .iphone15 { color: #fafafa; } Mais uma vez, peço que sejam compreensivos e aceito qualquer tipo de crítica construtiva!!
-
Boa noite, se chamo uma função em uma tag <button> funciona correctamente. Mas se colocar dentro de uma tag <a> no href não funciona, como faço? Neste momento esta desta forma: <a href="<?php echo URL; ?>add-freguesia/index" onclick="return abrirModal('modal')" class="btn-success">Cadastrar</a>
-
Viva malta, Precisava de uma grande favor da vossa parte. Sabem se existem sites que disponibilizem APIs e WebServices para eu puder aprender como comunicar com estes serviços? Desde já o meu muito obrigado.
-
Estou com uma duvida eu tenho um fomulario em html e para a incluir uma linha para digitar utilizei o <input type="text" id="texto" style="width:100%;"> mas nao sei se e o melho metodo pois o que e escrito nao fica salvo no html (o formulario e aberto direto do computador) Tem algum metodo que grave o que e escrito na lilha de texto direto na linha de texto? Sem ter que usa placeholder direto em cada linha de texto
-
estou desenvolvível um fichário em Html e gostaria que alguém me explica-se como eu faço para criar um script que salve o Html em txt na maquina e depois eu possa abrir este arquivo com uma função de editar
-
Boa tarde a todos, Ver se consigo explicar-me: Tenho uma tabela de contactos (tbl_contactos) em que tem vários campos, um deles o email_principal. Faço um SELECT tbl_contactos.email_principal FROM tbl_contactos. A minha ideia é em PHP/MYSQLI passar as colunas, dos email, mas em linhas em que cada email fica separado por ponto e virgula (;) para posteriormente poder utilizar uma botão, que vai abrir o outlook através a <a href="mailto:$variavel_com_o_emails_todos">ENVIAR EMAIL</a> A minha duvida é como consigo colocar todos os email do SELECT separados por ponto e virgula e passar para a variável para posteriormente remeter para todos os destinatários SELECCIONADOS. Obrigado pela vossa ajudar, se conseguirem.
-
Diariamente utilizo um software no meu trabalho que me cria um ficheiro htm, onde algures tem este codigo: <td class="variable bordertop">Tempo Estimado: 06:04:13</td> o que eu pretendo é criar um programa que me vá buscar esse tempo estimado a esse ficheiro html, para eu depois conseguir trabalhar esse numero. (somar com outros números de outros ficheiros por ex.) não sei que linguagem devo usar, acredito que existam várias opções. obrigado. -
Boa noite Portugal-a-Programar. Necessito de ajuda para um trabalho de escola, um site respondido com um layout básico feito em html+css mas apesar de já ter tentado de tudo não consigo fazê-lo. Estive em isolamento do Covid durante alguns dias e tive de aprender a matéria sozinho e por isso peço ajuda.
-
Eu queria depois de validar o login para redirecionar para a página dependendo do nível de acesso, agradeceria que alguem me ajudasse o mais rápido possível, obrigado aqui está a página de login de validação: <?php session_start(); include ("config.php"); if(isset($_POST['submit'])){ $Nmutilizador = mysqli_real_escape_string($conn, $_POST['username']); $pass = md5($_POST['Password']); $lvlacesso = $_POST['NivelAcesso']; $select = " SELECT * FROM users WHERE NmUtilizador = '$Nmutilizador' && PalavraPasse = '$pass' "; $result = mysqli_query($conn, $select); if(mysqli_num_rows($result) > 0){ $row = mysqli_fetch_array($result); if ($_SESSION['NivelAcesso'] == '1') { // check the value of the 'status' in the db //go to admin area header("Location: indexadmin.php"); } else { //go to members area header("Location: indexposlogin.php"); } }else{ $error[] = 'incorrect email or password!'; } }; ?> pagina de login: <?php session_start(); echo '<!doctype html> <html lang="en"> <head> <title>Página de Login</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="css/stylelogin.css"> <style> h3{ text-align: center; } .disclaimer{ visibility: hidden; } </style> </head> <body> <section class="ftco-section"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-6 text-center mb-5"> <h2 class="heading-section">Inicie sessão</h2> </div> </div> <div class="row justify-content-center"> <div class="col-md-7 col-lg-5"> <div class="wrap"> <div class="img" style="background-image: url(Imagens/imagemlogin.png);"></div> <div class="login-wrap p-4 p-md-5"> <div class="d-flex"> <div class="w-100"> <h3 class="mb-4">Login</h3> </div> </div> <form action="validalogin.php" class="signin-form"> <div class="form-group mt-3"> <input name="username" type="text" class="form-control" required> <label class="form-control-placeholder" for="username">Nome de Utilizador</label> </div> <div class="form-group"> <input name="pass" id="password-field" type="password" class="form-control" required> <label class="form-control-placeholder" for="password">Palavra-Passe</label> <span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span> </div> <div class="form-group"> <button type="submit" class="form-control btn btn-primary rounded submit px-3">Entrar</button> </div> <div class="form-group d-md-flex"> <div class="w-50 text-left"> <label class="checkbox-wrap checkbox-primary mb-0">Lembrar me <input type="checkbox" checked> <span class="checkmark"></span> </label> </div> <div class="w-50 text-md-right"> <a href="#">Esqueci me da palavra-passe</a> </div> </div> </form> <p class="text-center">Não és membro? <a data-toggle="tab" href="registar.php">Registar me</a></p> <p class="text-center"><a data-toggle="tab" href="https://ingamept.000webhostapp.com/">Voltar</a></p> </div> </div> </div> </div> </div> </section> <script src="js/jquery.min.js"></script> <script src="js/popper.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/main.js"></script> </body> </html>
-
Boas tardes nao consigo validar os dados quando se faz o login: validalogin.php: <?php session_start(); // se username e pass foram postados if (isset($_POST['username']) && isset($_POST['pass'])) { // conecta ao database require 'config.php'; // escapa as string pra evitar scripts maliciosos $uname = $conn->real_escape_string($_POST['username']); $passw = $conn->real_escape_string($_POST['pass']); $lvlacesso = $conn->real_escape_string($_POST['NivelAcesso']); // guarda o uname na sessão $_SESSION['NmUtilizador'] = $uname; $_SESSION['NivelAcesso'] = $lvlacesso // define a consulta a ser realizada $query = "SELECT * FROM users where NmUtilizador='$uname' and PalavraPasse='$passw' and NivelAcesso='$lvlacesso'"; // executa a consulta e guarda o resultado em $result $result = $conn->query($query); // verifique se houve alguma falha durante a execução da consulta if ($sqli->error) { // exibe mensagem: die('<p class="error">Falha na consulta: ' . $conn->error . '</p>'); // se não houve falha e há algum resultado } else if ($result->num_rows) { // direciona a outra página header('location:indexposlogin.php'); // se não houve nenhuma falha, mas nada foi encontrado } else { // carrega a página de login include('site/login.html'); // com essa mensagem de erro echo '<h1 class="bad">Erro de Autenticacao</h1>'; } } // se username ou pass não foram postados echo '<h1 class="bad">Envie Username and pass</h1>'; // o mysqli $sqli é encerrado automagicamente ao fim da execução de cada request if ($_SESSION['NivelAcesso'] == '1') { // check the value of the 'status' in the db //go to admin area header("Location: indexadmin.php"); } else { //go to members area header("Location: indexposlogin.php"); } login.php <!doctype html> <html lang="en"> <head> <title>Página de Login</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="css/stylelogin.css"> <style> h3{ text-align: center; } .disclaimer{ visibility: hidden; } </style> </head> <body> <section class="ftco-section"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-6 text-center mb-5"> <h2 class="heading-section">Inicie sessão</h2> </div> </div> <div class="row justify-content-center"> <div class="col-md-7 col-lg-5"> <div class="wrap"> <div class="img" style="background-image: url(Imagens/imagemlogin.png);"></div> <div class="login-wrap p-4 p-md-5"> <div class="d-flex"> <div class="w-100"> <h3 class="mb-4">Login</h3> </div> </div> <form action="validalogin.php" class="signin-form"> <div class="form-group mt-3"> <input type="text" class="form-control" required> <label class="form-control-placeholder" for="username">Nome de Utilizador</label> </div> <div class="form-group"> <input id="password-field" type="password" class="form-control" required> <label class="form-control-placeholder" for="password">Palavra-Passe</label> <span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span> </div> <div class="form-group"> <button type="submit" class="form-control btn btn-primary rounded submit px-3">Entrar</button> </div> <div class="form-group d-md-flex"> <div class="w-50 text-left"> <label class="checkbox-wrap checkbox-primary mb-0">Lembrar me <input type="checkbox" checked> <span class="checkmark"></span> </label> </div> <div class="w-50 text-md-right"> <a href="#">Esqueci me da palavra-passe</a> </div> </div> </form> <p class="text-center">Não és membro? <a data-toggle="tab" href="registar.php">Registar me</a></p> <p class="text-center"><a data-toggle="tab" href="https://ingamept.000webhostapp.com/">Voltar</a></p> </div> </div> </div> </div> </div> </section> <script src="js/jquery.min.js"></script> <script src="js/popper.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/main.js"></script> </body> </html>
-
Olá a todos, Preciso de uma pequena explicação e ajuda para colocar o meu datatable a funcionar com os botões para fazer download em excel, PDF, .. <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.11.5/b-2.2.2/b-html5-2.2.2/datatables.min.css"/> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.11.5/b-2.2.2/b-html5-2.2.2/datatables.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <!-- CÓDIGO DE TEXTO --> <link rel="stylesheet" href="//cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css"> <script src="//cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js" defer></script> <script> $(document).ready( function () { $('#teste').DataTable({ "language": { "url": "////cdn.datatables.net/plug-ins/1.11.3/i18n/pt_pt.json", dom: 'Bfrtip', buttons: [ 'copy', 'csv', 'excel', 'pdf', 'print' ] } }); } ); </script> apenas no fim chamo o ultimo script . Tentei colocar aqui os botões de exportar e segui o seguinte link https://datatables.net/extensions/buttons/examples/initialisation/export.html os erros que obtenho são : datatables.min.js:143 Uncaught TypeError: l is not a function at datatables.min.js:143:244 at datatables.min.js:48:299 at datatables.min.js:48:326 Será a ordem como coloco os css e JS que não consigo ver os botões? Obrigado!
-
Bom dia tenho uma duvida em relcação ao programa que estou a desenvolver e da me o seguinte erro: Fatal error: Uncaught Error: Call to a member function query() on string in D:\xampp\htdocs\site\validarupdate.php:11 Stack trace: #0 {main} thrown in D:\xampp\htdocs\site\validarupdate.php on line 11
.jpg.234028ace4dd300c4db629556e71deb8.jpg)