Pesquisar na Comunidade
Mostrando resultados para as tags ''html5''.
Encontrado 10 registros
-
Não mostrar link na barra de enderço ao carregar página.
Claudia França postou um tópico no fórum Javascript
Pessoal tudo bem ? Tenho o codigo e, preciso que quando um usuário clicar no link e a nova página carregar, não mostre o que tem na url, mas o conteudo. Pensei em um Js para criar essa máscara mas, até agora não deu certo com as funções que fiz. <div id='50' class="tab_content-pag-bnt2"> <div class="bnt-area"> <a href="https://meudomínio.net/drive/s/bK7Xq8hW6kDWXYAdUaMUf26hZabh9T" target="_blank" class="new-serverbtn-link" > <div class="new-serverbtn"> <div class="new-serverbtn-text">Acessar pasta de episódios</div> <div class="new-serverbtn-icon"><i class="fas fa-chevron-right"></i></div> </div> </a>- 2 respostas
-
- javascript
- html5
-
(e mais 2 )
Tags:
-
Estou implementando um sistema e preciso de ajuda...
ro1961santana2009 postou um tópico no fórum PHP
Estou precisando de ajuda. Está seguindo os arquivos em anexo. Tem como centralizar uma (MSG global), do PHP que vem da MODELS, que vai ser apresentada na VIEW.Estou Implementando o meu sistema com base no sistema do curso, ao modificar o layout da página de acesso estou enfrentando este problema de centralizar a mensagem que vem da MODELS, para a VIEW. -
html5 [AJUDA] ALGUÉM SABE COMO FAZER UM CÓDIGO HTML5 PARA VÍDEOS DE SITES QUE NÃO MOSTRAM O FORMATO?
Juan Carlos PT postou um tópico no fórum Desenvolvimento frontend
Olá, eu quero poder pegar um vídeo do meu canal na Nimo TV e deixar ele em sites parceiros para fortalecer a minha divulgação. Só que não consigo capturar o código <video></video> do html5 do site na Nimo TV. Eles não mostram o formato do vídeo: Se alguém souber me ajudar, terei enorme gratidão! OBS: Perdão se alguém postou algo parecido aqui no site, não vi! -
porque html5 funciona bem no computador, mas no smartphone não?
Manoel Cicero postou uma questão Perguntas e respostas rápidas
bom, estou utilizando um programa que transforma ppt em html5. coloco o arquivo gerado em minha hospedagem, testo, funciona perfeitamente no pc ou notebook, até aí tudo bem! mas quando testo no smartphone ai complica! o desenvolvedor me indicou limpar o cache, mas, mesmo assim não funciona e o pior de tudo é que, se isso não funcionasse apenas no meu smartphone não seria problema. o problema é que ja testei em alguns outros e o problema se mantem. alguem poderia me ajudar? link de teste: http://www.biodidata.com.br/teste/revis.html no PC - tudo ok! No smartphone --> na imagem que surgir vá em "click para iniciar", em seguida clique na pergunta 2 - a página para! limpar o cache não funciona e não queria alterar qualquer coisa no smartphone porque não seria legal para o meu publico fazer alterações no seu celular só pra ver uma coisa que disponibilizo. agradeço!- 1 resposta
-
- html5
- powerpoint
-
(e mais 1 )
Tags:
-
Olá pessoas, Estou tentando fazer uma versão de impressão usando CSS eu queria colocar um cabeçalho e um rodapé em todas as paginas, O problema é que o conteúdo vem do banco de dados, e dependendo do tamanho dos parágrafos em algumas vezes o texto acaba ficando em cima do cabeçalho ou do rodapé.. alguém tem alguma idéia de como posso fazer isso? Meu cód está assim: header {font-family:Arial;font-size: 22px;color: #000;text-align: center;} footer {font-family:Arial;font-size: 10px; color: #CD090C;text-align: center;} article {font-family:Arial;font-size: 14px; color: #000;text-align: justify;} @page {size: A4;margin: 11mm 17mm 17mm 17mm;} @media print { header {position: fixed;top: 0;} footer {position: fixed;bottom: 0;} article {position: relative;top:40px;} .content-block, p {top:40px;page-break-inside: avoid;} html, body {width: 210mm;height: 297mm;} } E no HTML <header>CABEÇALHO</header> <article>Conteudo.. texto.. etc..</article> <footer>Texto do Rodapé</footer>
-
Dificuldade em adaptar regex para javascript - matches não batem
Maykel-ctba postou um tópico no fórum Javascript
Boa tarde pessoal! Tenho a seguinte REGEX, . Ela serve para detectar se uma URL vem do Youtube ou do Vimeo, e possui os parâmetros necessários. (?:(?i)(?:https:|http:)?\/\/)?(?:(?i)(?:www\.youtube\.com\/(?:embed\/|watch\?v=)|youtu\.be\/|youtube\.googleapis\.com\/v\/)(?<YoutubeID>[a-z0-9-_]{11,12})|(?:vimeo\.com\/|player\.vimeo\.com\/video\/)(?<VimeoID>[0-9]+)) Ela é totalmente funcional no modelo PCRE (PHP). Testada aqui: https://regex101.com/r/PVdjg0/2 Utilizo estes matches pra testar: Porém, preciso utiliza-la em um campo HTML dentro do atributo pattern. Por isso, preciso convertê-la para o padrão do JS. Mas aí começam uma série de problemas. Se eu utilizo como está, recebo o seguinte erro: ? The preceding token is not quantifiable Testes que realizei: - Se eu escapar o (?i) desta maneira: (/?i), só são validadas entradas do Vimeo. - Se eu deixar sem o ?, mesma coisa. - Se eu retirar a condição (?i), fica case sensitive, e não posso utilizar, pois videos do Youtube tem o parâmetro URL muitas vezes com maisculos, minusculos... Alguém pode me ajudar?- 1 resposta
-
- javascript
- regex
-
(e mais 1 )
Tags:
-
wordpress Site estático e blog WordPress juntos na raiz do domínio
jonatanr postou um tópico no fórum Desenvolvimento com Wordpress
Olá pessoal. Então, tenho um site que não foi feito com Wordpress, ele esta pronto rodando mas o que queria era colocar um blog criado no Wordpress. Não manjo de Wordpress, todos os site eu faço na "unha", então sei que são coisas opostas, mas presumo que todos tem a mesma base, ou seja, PHP, Jquery, html e etc... E a opção de criar todo o site em Wordpress não rola, se alguém souber de algo poderia me dar algumas dicas. Grato. -
Pegar valor de vários inputs, e enviar através apenas de um input hidden.
phpcoder postou uma questão Perguntas e respostas rápidas
OLÁ, gostaria de pegar os valores desses input e enviar no formulario apenas por um unico input hidden, um input com id diferente. Meu codigo está assim, gostaria de saber se é isso mesmo ou o que falta. input class="gp_input_grid" id="cod1" name="cod1" autofocus onKeyUp="javascript:pulacampo('cod1','cod2')" maxlength="1" type="tel" value=""> input class="gp_input_grid" id="cod2" name="cod2" maxlength="1" onKeyUp="javascript:pulacampo('cod2','cod3')" type="tel" value="" input class="gp_input_grid" id="cod3" name="cod3" maxlength="1" onKeyUp="javascript:pulacampo('cod3','cod4')" type="tel" value=""> input class="gp_input_grid" id="cod4" name="cod4" maxlength="1" onKeyUp="javascript:pulacampo('cod4','cod5')" type="tel" value="" input class="gp_input_grid" id="cod5" name="cod5" maxlength="1" onKeyUp="javascript:pulacampo('cod5','cod6')" type="tel" value="" input class="gp_input_grid" id="cod6" name="cod6" maxlength="1" onKeyUp="javascript:pulacampo('cod6','pulou')" type="tel" value="" input type="hidden" name="dados" id="dados" value="<?=$_POST['cod1']; ?><?=$_POST['cod2']; ?><?=$_POST['cod3']; ?><?=$_POST['cod4']; ?>" GOSTARIA DE SABER SE É ISSO MESMO, OU O QUE FALTA. -
Boa tarde, pessoal!!! Estou com um pequeno problema com essa tag aí. O que acontece?? Fiz tudo certo no código e no css, porém ao atualizar a página, o vídeo aparece, mas não executa. Eis o código: <div class="box-esquerdo"> <video class="institucional" src="https://youtu.be/90uPbUirZ3I" controls="controls" autoplay="autoplay"></video> </div> Procurei em diversos tutoriais e falam pra atualizar o browser, porém já está atualizado e mesmo assim o erro continua. E no Edge (uso o Windows 10 64 bits), diz que a fonte é inválida. O que pode estar havendo?? Alguém pode me ajudar nessa??? Aguardo respostas!!! []'s
-
Quando crio um novo input, ele não é inserido na tabela mysql
granderodeo postou um tópico no fórum Javascript
Criei um formulário para envio dos pedidos, assim que o cliente colocar os dados e concluir a compra. Fiz a maior parte com requisições ajax, está tudo funcionando perfeitamente, e como certeza disso, após clicar em finalizar compra, o cliente é redirecionado para página '4d-thank-you.php', onde ele recebe a mensagem de que o pedido foi efetuado com sucesso. Mais eu quero adicionar mais um campo, para o cliente inserir o endereço, mais já tentei de todas as formas, efetuo todas modificações certinhas, e quando clico em Finalizar compra, o cliente não é mais redirecionado para a página '4d-thank-you.php', ou seja a requisição não está sendo feita com sucesso. Vou deixar abaixo os códigos que fazem o carrinho funcionar e a inserir os dados do formulário no Mysql, esse código está funcionando, porém, quando adiciono mais um campo ele para de funcionar, se puderem me ajudar preciso urgente para um projeto. Esse é o carrinho, e a parte onde o cliente coloca as informações para concluir o pedido. <?php // SHOPPING CART WILL BE STORED IN THE SESSION // $_SESSION['cart'][PRODUCT ID] = QUANTITY require __DIR__ . DIRECTORY_SEPARATOR . "lib" . DIRECTORY_SEPARATOR . "2a-config.php"; switch ($_POST['req']) { /* [INVALID REQUEST] */ default: echo "INVALID REQUEST"; break; /* [ADD ITEM TO CART] */ case "add": if (is_numeric($_SESSION['cart'][$_POST['product_id']])) { $_SESSION['cart'][$_POST['product_id']] ++; } else { $_SESSION['cart'][$_POST['product_id']] = 1; } echo "Produto adicionado ao carrinho"; break; /* [COUNT TOTAL NUMBER OF ITEMS] */ case "count": $total = 0; if (count($_SESSION['cart'])>0) { foreach ($_SESSION['cart'] as $id => $qty) { $total += $qty; } } echo $total; break; /* [SHOW CART] */ case "show": // Fetch products require PATH_LIB . "2b-lib-db.php"; require PATH_LIB . "4c-lib-cart.php"; $cartLib = new Cart(); $products = $cartLib->details(); // Cart contents in HTML $sub = 0; $total = 0; ?> <h1 style="font-family: 'Gotham Light;'" class="text-center text-info mt-2">Minhas compras <i class="fa fa-gift"></i></h1> <table id="cart-table"> <tr> <th>Remover</th> <th>Quantidade</th> <th>Nome do produto</th> <th>Preço</th> </tr> <?php if (count($_SESSION['cart'])>0) { foreach ($_SESSION['cart'] as $id => $qty) { $sub = $qty * $products[$id]['product_price']; $total += $sub; ?> <tr> <td> <a href="#" class="text-danger lead" onclick="cart.remove(<?= $id ?>);"> <i class="fa fa-trash"></i></a> </td> <td><input class="form-control" id='qty_<?= $id ?>' onchange='cart.change(<?= $id ?>);' type='number' value='<?= $qty ?>'/></td> <td><?= $products[$id]['product_name'] ?></td> <td><?= sprintf("$%0.2f", $sub) ?></td> </tr> <?php }} else { ?> <tr align="center" ><td colspan="3" align="center"> Seu carrinho está vazio <button class="btn btn-success"><a style="color: white; text-decoration: none;" href="index.php">Continuar comprando</a></button></td></tr> <?php } ?> <tr> <td colspan="2"></td> <td><strong>Preço total</strong></td> <td><strong><?= sprintf("$%0.2f", $total) ?></strong></td> </tr> </table> <hr> <?php if (count($_SESSION['cart']) > 0) { ?> <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg"><i class="fa fa-credit-card"></i> Finalizar Compra</button> <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <form class="p-2" onsubmit="return cart.checkout();"> <div class="form-row"> <div class="form-group col-md-6"> <label for="co_name">Nome completo</label> <input type="text" class="form-control" id="co_name" placeholder="Nome completo"> </div> <div class="form-group col-md-6"> <label for="co_email">Seu email</label> <input type="email" class="form-control" id="co_email" value="" disabled> </div> </div> <div class="form-group"> <label for="co_address">Rua, Sítio</label> <input type="text" class="form-control" id="co_address" placeholder="Digite a rua ou sítio onde mora"> </div> <div class="form-group"> <label for="inputAddress2">Bairro</label> <input type="text" class="form-control" id="inputAddress2" placeholder="Digite o bairro onde mora"> </div> <div class="form-row"> <div class="form-group col-md-4"> <label for="inputState">Município</label> <select id="inputState" class="form-control" disabled> <option>União dos Palmares</option> </select> </div> <div class="form-group col-md-2"> <label for="inputZip">Zip</label> <input type="text" class="form-control" id="inputZip"> </div> </div> <input type="submit" class="btn btn-info btn-block" value="checkout"> </form> </div> </div> </div> <!---- FIM FINALIZAR COMPRA E MAIS DUVIDAS -----> <?php } break; /* [CHANGE QTY] */ case "change": if ($_POST['qty'] == 0) { unset($_SESSION['cart'][$_POST['product_id']]); } else { $_SESSION['cart'][$_POST['product_id']] = $_POST['qty']; } echo "Ação realizada com sucesso"; break; /* [CHECKOUT] */ // @TODO // Beef up this section on your own! // There are no error & security checks in this simple example // You may also want to add more of your own checkout procedures here case "checkout": require PATH_LIB . "2b-lib-db.php"; require PATH_LIB . "4c-lib-cart.php"; $cartLib = new Cart(); if ($cartLib->checkout($_POST['name'], $_POST['email'])) { $_SESSION['cart'] = []; echo "OK"; } else { echo $cartLib->error; } break; /* [ALTERNATIVE CHECKOUT] */ // This version sends an email to the customer on successful checkout case "checkout-email": require PATH_LIB . "2b-lib-db.php"; require PATH_LIB . "4c-lib-cart.php"; $cartLib = new Cart(); if ($cartLib->checkout($_POST['name'], $_POST['email'])) { $_SESSION['cart'] = []; // @TODO // Format this email message as you see fit $order = $cartLib->get($cartLib->orderID); $to = $_POST['email']; $subject = "Order Received"; $message = ""; foreach ($order['items'] as $pid=>$p) { $message .= $p['product_name'] . " - " . $p['quantity'] . "<br>"; } $headers = implode("\r\n", [ 'MIME-Version: 1.0', 'Content-type: text/html; charset=utf-8', 'From: john@doe.com' ]); echo @mail($to, $subject, $message, $headers) ? "OK" : "ERROR sending email!" ; } else { echo $cartLib->error; } break; } ?> Aqui é feita a inserção do formulário no Mysql <?php class Cart extends DB { function details () { // details() : get details of items in cart // Empty if (count($_SESSION['cart'])==0) { return false; } // Get products in cart $sql = "SELECT * FROM `products` WHERE `product_id` IN ("; $sql .= str_repeat('?,', count($_SESSION['cart']) - 1) . '?'; $sql .= ")"; return $this->fetch($sql, array_keys($_SESSION['cart']), "product_id"); } function checkout ($name, $email) { // checkout() : checkout, create new order // PARAM $name : customer's name // $email : customer's email address // Init $this->start(); // Create the order entry first $pass = $this->exec( "INSERT INTO `orders` (`order_name`, `order_email`) VALUES (?, ?)", [$name, $email] ); // Insert the items if ($pass) { $this->orderID = $this->lastID; $sql = "INSERT INTO `orders_items` (`order_id`, `product_id`, `quantity`) VALUES "; $cond = []; foreach ($_SESSION['cart'] as $id=>$qty) { $sql .= "(?, ?, ?),"; array_push($cond, $this->orderID, $id, $qty); } $sql = substr($sql, 0, -1) . ";"; $pass = $this->exec($sql, $cond); } // Finalize $this->end($pass); return $pass; } function get ($id) { // get () : get order // PARAM $id : order ID $order = $this->fetch( "SELECT * FROM `orders` WHERE `order_id`=?", [$id] ); $order['items'] = $this->fetch( "SELECT * FROM `orders_items` LEFT JOIN `products` USING (`product_id`) WHERE `orders_items`.order_id=?", [$id], "product_id" ); return $order; } } ?> Esse é o script, que ajuda nas funcionalidades do Carrinho de compras. // @TODO - // There is literally little to no interface in this script. // Feedback meesage such as "item added to cart" uses raw Javascript alert // Bootstrap, jQuery, Angular, or vanilla CSS - Implement your own interface. var cart = { ajax : function (opt) { // ajax() : helper function, do AJAX request // PARAM opt.data : data to be sent, an object with key-value pairs // opt.url : target URL // opt.target : (optional) ID of HTML element, put server response in here if provided // opt.load : (optional) function to call when AJAX load is complete // DATA var data = null; if (opt.data) { data = new FormData(); for (var d in opt.data) { data.append(d, opt.data[d]); } } // AJAX var xhr = new XMLHttpRequest(); xhr.open('POST', opt.url, true); xhr.onload = function(){ if (xhr.status!=200) { console.log(xhr); alert("AJAX error. Server responded with error code " + xhr.status + " " + xhr.statusText); } else { if (opt.target) { document.getElementById(opt.target).innerHTML = this.response; } if (typeof opt.load == "function") { opt.load(this.response); } } }; xhr.send(data); }, add : function (id) { // add () : add item to cart // PARAM id : product ID cart.ajax({ url : "4b-ajax-cart.php", data : { req : "add", product_id : id }, load : function (res) { cart.count(); // @TODO alert(res); } }); }, count : function () { // count() : update items count cart.ajax({ url : "4b-ajax-cart.php", data : { req : "count", }, target : "page-cart-count" }); }, toggle : function (reload) { // toggle() : show/hide cart // PARAM reload : force cart reload? var pgPdt = document.getElementById("page-products"), pgCart = document.getElementById("page-cart"); if (reload || pgCart.classList.contains("ninja")) { cart.ajax({ url : "4b-ajax-cart.php", data : { req : "show", }, target : "page-cart", load : function () { pgPdt.classList.add("ninja"); pgCart.classList.remove("ninja"); } }); } else { pgPdt.classList.remove("ninja"); pgCart.classList.add("ninja"); } }, change : function (id) { // change() : change quantity var qty = document.getElementById("qty_"+id).value; cart.ajax({ url : "4b-ajax-cart.php", data : { req : "change", product_id : id, qty : qty }, load : function (res) { cart.count(); cart.toggle(1); // @TODO alert(res); } }); }, remove : function (id) { // remove() : remove item from cart document.getElementById("qty_"+id).value = 0; cart.change(id); }, checkout : function () { // checkout () : checkout cart.ajax({ url : "4b-ajax-cart.php", data : { req : "checkout", // @TODO // Change to checkout-email if you want an email to be sent on checkout // req : "checkout-email", name : document.getElementById("co_name").value, email : document.getElementById("co_email").value, }, load : function (res) { if (res=="OK") { window.location = "4d-thank-you.php"; } else { gen.nShow(res); } } }); return false; } }; window.addEventListener("load", cart.count);