Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''javascript''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 657 registros

  1. 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&nbsp;<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">&nbsp;Seu carrinho está vazio&nbsp;&nbsp;<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>&nbsp;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);
  2. granderodeo

    Como mostrar o nome após realizar login

    Olá, criei uma página de login/registro/recuperação de senha, que ao efetuar o login queria que mostrasse o nome da pessoa que está logada, porém só consigo exibir o email, segue abaixo os códigos. loginProcess.php <?php ob_start(); session_start(); require_once 'inc/dbconnection.php'; require_once 'inc/functions.php'; $errorMsg = ""; $email =trim($_POST["lemail"]); $password =trim($_POST["lpassword"]); if(empty($email)){ $errorMsg .="<li>Email is required</li>"; } else { $email = filterEmail($email); if($email == FALSE){ $errorMsg .="<li>Invalid Email format</li>"; } } if(empty($password)) { $errorMsg .= "<li>Password required</li>"; } else { $password = $password; } if(empty($errorMsg)) { $query = $db->prepare("SELECT password FROM users WHERE email = ?"); $query->execute(array($email)); $pwd = $query->fetchColumn(); if(password_verify($password, $pwd)){ $_SESSION['email'] = $email; echo json_encode(['code' =>200, 'email'=>$_SESSION['email']]); exit; } else { echo json_encode(['code' =>400, 'msg'=>'Invalid UserName / Password']); exit; } } else { echo json_encode(['code'=>404, 'msg'=>$errorMsg]); } ?> dashboard.php <?php ob_start(); session_start(); require_once 'inc/dbconnection.php'; if(isset($_SESSION) && $_SESSION["email"]) { echo '<a href="logout.php"><span class="glyphicon glyphicon-log-out"></span>Sign Out</a><br>'; echo "Hallo ". $_SESSION['email']; } else { header("Location: index.php"); } Quando coloco o email aparece, mais quando coloco 'name' fica tudo em branco.
  3. DenisFS

    Como faço esse tipo de efeito?

    Olá, gostaria de saber como é possível criar esse tipo de efeito em um site, como definir propriedades desse tipo, como se fosse um quebra cabeça ? Que tipo de tecnologia devo utilizar etc... segue o link : https://www.aidesign.com/ ps: estou falando do formato dos componentes, não do efeito de hover.
  4. Estou usando esse código( <script> window.onload = function() { var imprimir = document.querySelector("#imprimir"); imprimir.onclick = function() { imprimir.style.display = 'none'; window.print(); var time = window.setTimeout(function() { imprimir.style.display = 'block'; }, 1000); } } </script> ) para impressão da tabela que estou puxando no banco de dados. Porém ele está imprimindo a tabela junto com a página. Usei esses esse diferente ( <script> document.getElementById('btn').onclick = function() { var conteudo = document.getElementById('sua_div').innerHTML, tela_impressao = window.open('about:blank'); tela_impressao.document.write(conteudo); tela_impressao.window.print(); tela_impressao.window.close(); }; </script> ) Deu certo, mais tirou todo o css da tabela, fora que ficou a tabela muito longo para uma pagina. Tem como eu alterar a fonte de impressão e colocar o css que implementei junto?
  5. Aphrodi

    Campo de seleção javascript

    Eu estou usando a função onclick no javascript dessa forma: $("#items").append(` <div onclick="selectItem(this)" data-name="${element.name}" data-amount="${element.amount}" data-idname="${element.idname}" style="background-image: url('assets/icons/${element.icon}'); background-size: 80px 80px;"> <span class="fan_item_topo"> <p class="amount">${element.amount}x</p> <p class="peso">${element.peso} kg</p> </span> <p class="name">${element.name}</p> </div> `); e a função: function selectItem(element) { itemName = element.dataset.name; itemAmount = element.dataset.amount; itemIdname = element.dataset.idname; $("#items div").css("background-color", "rgba(0,0,0,0.5)"); $("#items div").css("border", "1px solid rgba(0, 0, 0, 0.2)"); $("#items div").css("animation", "none"); $(element).css("animation", "shadow-pulse 1s infinite"); $(element).css("background-color", "rgba(59, 43, 97, 0.8)"); $(element).css("border", "1px solid rgb(59, 43, 97)"); } meu problema é, quando o element atualiza ele reseta o que foi "selecionado", teria alguma forma de não resetar?
  6. ckcesar

    Gerando uma build no Angular

    Galera alguém pode me ajudar, eu gerei uma Build com AngularCli e tento rodar ela com o Cordova e ao inspecionar no Chrome me retorna o seguinte erro no console: main-es2015.7678d805abc29502169b.js:1 Service worker registration failed with: TypeError: Failed to register a ServiceWorker: The URL protocol of the current origin ('file://') is not supported. at g._next (main-es2015.7678d805abc29502169b.js:1) at g.__tryOrUnsub (main-es2015.7678d805abc29502169b.js:1) at g.next (main-es2015.7678d805abc29502169b.js:1) at f._next (main-es2015.7678d805abc29502169b.js:1) at f.next (main-es2015.7678d805abc29502169b.js:1) at Kl._next (main-es2015.7678d805abc29502169b.js:1) at Kl.next (main-es2015.7678d805abc29502169b.js:1) at Dl._next (main-es2015.7678d805abc29502169b.js:1) at Dl.next (main-es2015.7678d805abc29502169b.js:1) at G.notifyNext (main-es2015.7678d805abc29502169b.js:1)
  7. Thiago Napoleão

    getRows() ionic 4 com sqlite

    bom dia estou tentando listar os produtos inserido no banco sqlite, mas não consigo retornar para a pagina html. segue codigo database.service.ts -------- repare que o console.log(this.row_data) funciona... getRowsProduto(): any { console.log("getRowsProduto"); this.databaseObj.executeSql("SELECT * FROM produtos", []) .then((res: any) => { if (res.rows.length > 0) { for (var i = 0; i < res.rows.length; i++) { this.row_data.push(res.rows.item(i)); console.log(this.row_data); } } return this.row_data; }) .catch(e => { alert("error " + JSON.stringify(e)) console.log("error getRows" + JSON.stringify(e)); }); } produtos.page.ts ------ o console.log(this.listaprodutos); não retorna nada. import { Component, OnInit } from ''''''''''''''''''''''''''''''''@angular/core''''''''''''''''''''''''''''''''; import { SQLite, SQLiteObject } from ''''''''''''''''''''''''''''''''@ionic-native/sqlite/ngx''''''''''''''''''''''''''''''''; import { DatabaseService } from ''''''''''''''''''''''''''''''''../../provider/database.service''''''''''''''''''''''''''''''''; import { Produto } from ''''''''''''''''''''''''''''''''./produto.modelo''''''''''''''''''''''''''''''''; @Component({ selector: ''''''''''''''''''''''''''''''''app-produtos'''''''''''''''''''''''''''''''', templateUrl: ''''''''''''''''''''''''''''''''./produtos.page.html'''''''''''''''''''''''''''''''', styleUrls: [''''''''''''''''''''''''''''''''./produtos.page.scss''''''''''''''''''''''''''''''''], }) export class ProdutosPage implements OnInit { prod: Produto = new Produto(); listaprodutos: any [] = []; constructor(private sqlite: SQLite, private ds: DatabaseService) {} ngOnInit() { } insert() { this.ds.insertProduto(this.prod); } getRows(): any { console.log(''''''''''''''''''''''''''''''''getRows()''''''''''''''''''''''''''''''''); this.listaprodutos = this.ds.getRowsProduto(),[]; console.log(this.listaprodutos); } o console.log do database.serice.ts mostra o array mas o console.log do produtos.page.ts não mostra nada, aparece "undefined" console do emulador getRows() getRowsProduto undefined Array(8) Array(8) Array(8) Array(8) Array(8) Array(8) Array(8) Array(8) 0: {id: 1, descricao: "ffffffffff", ean: 2222222, tipo: "BEBIDA"} 1: {id: 2, descricao: "6yyyyyyyy", ean: 6666, tipo: "FRUTAS E VERDURAS"} 2: {id: 3, descricao: "6yyyyyyyy", ean: 6666, tipo: "FRUTAS E VERDURAS"} 3: {id: 4, descricao: "ggggg", ean: 555555, tipo: "BEBIDA"} 4: {id: 5, descricao: "tttttttttttt", ean: 22222222222, tipo: "ALIMENTOS"} 5: {id: 6, descricao: "ffffffff", ean: 55555, tipo: "FRIOS"} 6: {id: 7, descricao: "ffffffff", ean: 55555, tipo: "FRIOS"} 7: {id: 8, descricao: "ffffffffff", ean: 33333333, tipo: "FRIOS"} length: 8 __proto__: Array(0)
  8. juh2425

    Validar login e senha php javascript

    ola gostaria como faço pra implentar no meu codigo a validação de login onde ao clicar no botao seja feita uma consulta no banco e se o usuario for valido logar na pagina principal ate agora fiz assim: Principal: <?php require_once '../Controller/MovimentoController.php'; //session_start(); ?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Free Bootstrap Admin Template : Binary Admin</title> <!-- BOOTSTRAP STYLES--> <link href="assets/css/bootstrap.css" rel="stylesheet" /> <!-- FONTAWESOME STYLES--> <link href="assets/css/font-awesome.css" rel="stylesheet" /> <!-- CUSTOM STYLES--> <link href="assets/css/custom.css" rel="stylesheet" /> <!-- GOOGLE FONTS--> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' /> <script src="assets/js/jquery-1.10.2.js"></script> <!-- BOOTSTRAP SCRIPTS --> <script src="assets/js/bootstrap.min.js"></script> <!-- METISMENU SCRIPTS --> <script src="assets/js/jquery.metisMenu.js"></script> <!-- CUSTOM SCRIPTS --> <script src="assets/js/custom.js"></script> </head> <body> <div id="wrapper"> <?php require_once "_topo.php"; require_once "_menu.php"; if (!isset($_SESSION['cod_usuario'])) { echo '<script>window.location.href="login.php"</script>'; exit(); } $cod_usuario = $_SESSION['cod_usuario']; $objtcontroller = new MovimentoController(); $lista_movimento = $objtcontroller->UltimosMovimentos($cod_usuario); ?> <div id="page-wrapper" > <div id="page-inner"> <div class="row"> <div class="col-md-12"> <h2>Ultimos Movimentos</h2> </div> </div> <!-- /. ROW --> <hr /> <?php if (count($lista_movimento) > 0 && $lista_movimento != '') { ?> <div class="row"> <div class="col-md-12"> <!-- Advanced Tables --> <div class="panel panel-default"> <div class="panel-heading"> Movimentos Encontrados </div> <div class="panel-body"> <div class="table-responsive"> <table class="table table-striped table-bordered table-hover" id="dataTables-example"> <thead> <tr> <th>Tipo</th> <th>Data</th> <th>Valor</th> <th>Observação</th> <th>Categoria</th> <th>Empresa</th> </tr> </thead> <tbody> <?php for ($i = 0; $i < count($lista_movimento); $i++) { ?> <tr class="odd gradeX"> <td><?php echo ($lista_movimento[$i]['tipo_movimento'] == 1 ? 'Entrada' : 'Saída') ?> </td> <td><?php echo explode('-', $lista_movimento[$i]['data_movimento'])[2] . '/' . explode('-', $lista_movimento[$i]['data_movimento'])[1] . '/' . explode('-', $lista_movimento[$i]['data_movimento'])[0] ?> </td> <td>R$ <?php echo $lista_movimento[$i]['valor_movimento'] ?> </td> <td><?php echo $lista_movimento[$i]['obs_movimento'] ?> </td> <td><?php echo $lista_movimento[$i]['nome_categoria'] ?> </td> <td><?php echo $lista_movimento[$i]['nome_empresa'] ?> </td> </tr> <?php } ?> </tbody> </table> </div> </div> </div> <!--End Advanced Tables --> </div> </div> <?php } else { echo '<center> Não existe nenhum movimento. Caso queira realizar um movimento, <a href="movimento.php">clique aqui</a></center>'; } ?> </div> <!-- /. PAGE INNER --> </div> <!-- /. PAGE WRAPPER --> </div> <script> $("#btn__Gravar").click(function () { if ($("#nome_categoria").val().trim() == "") { alert("Prencher o campo NOME CATEGORIA"); return false; } }); </script> </body> </html> login <?php $ret = ''; $email = ''; if (isset($_POST['btn_entrar'])) { $email = $_POST['email_usuario']; $senha = $_POST['senha_usuario']; } ?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Controle Financeiro</title> <!-- BOOTSTRAP STYLES--> <link href="assets/css/bootstrap.css" rel="stylesheet" /> <!-- FONTAWESOME STYLES--> <link href="assets/css/font-awesome.css" rel="stylesheet" /> <!-- CUSTOM STYLES--> <link href="assets/css/custom.css" rel="stylesheet" /> <!-- GOOGLE FONTS--> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' /> <script src="assets/js/jquery-1.10.2.js"></script> <!-- BOOTSTRAP SCRIPTS --> <script src="assets/js/bootstrap.min.js"></script> <!-- METISMENU SCRIPTS --> <script src="assets/js/jquery.metisMenu.js"></script> <!-- CUSTOM SCRIPTS --> <script src="assets/js/custom.js"></script> </head> <body> <div class="container"> <div class="row text-center "> <div class="col-md-12"> <br /><br /> <h2> Faça seu login</h2> <br /> </div> </div> <div class="row "> <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1"> <div class="panel panel-default"> <div class="panel-heading"> <strong> Entre com seus dados </strong> </div> <div class="panel-body"> <form action="login.php" method="post"> <br /> <div class="form-group input-group"> <span class="input-group-addon"><i class="fa fa-tag" ></i></span> <input type="text" class="form-control" id="email_usuario" name="email_usuario" placeholder="Seu Email " /> </div> <div class="form-group input-group"> <span class="input-group-addon"><i class="fa fa-lock" ></i></span> <input type="password" class="form-control" id="senha_usuario" name="senha_usuario" placeholder="Sua senha" /> </div> <button class="btn btn-primary "id="btn_entrar" name="btn_entrar">Entrar</button> <hr /> Não é cadastrado? <a href="novo_usuario.php." >Clique Aqui</a> </form> </div> </div> </div> </div> </div> <script> $("#btn_entrar").click(function () { if ($("#email_usuario").val().trim() === "") { alert("Preencher o campo EMAIL USUARIO"); return false; } if ($("#senha_usuario").val().trim() === "") { alert("Preencher o campo SUA SENHA"); return false; } }); </script> </body> </html> usuarioDAO <?php require_once 'Conexao.class.php'; class UsuarioDAO extends Conexao { /** @var PDOStatement */ private $instrucao_sql; /** @var PDO */ private $conexao; public function InserirUsuario($nome, $email, $senha, $datadocadastro) { // 1 PASSO: Resgatar a Conexao $this->conexao = parent ::getConexao(); // 2 PASSO Montar instrução SQL $this->instrucao_sql = "INSERT INTO tb_usuario" . " (nome_usuario,email_usuario,senha_usuario,data_cadastro)" . "values(?,?,?,?)"; //3 passo:Preparar para executar $this->instrucao_sql = $this->conexao->prepare($this->instrucao_sql); // 4passo vincular valores com os links (?) $this->instrucao_sql->bindValue(1, $nome); $this->instrucao_sql->bindValue(2, $email); $this->instrucao_sql->bindValue(3, $senha); $this->instrucao_sql->bindValue(4, $datadocadastro); $this->instrucao_sql->execute(); try { $codgravado = $this->conexao->lastInsertId(); return $codgravado; } catch (Exception $ex) { return-1; } } public function ValidarLogin($email, $senha) { $this->conexao = parent ::getConexao(); $this->instrucao_sql = "SELECT nome_usuario, cod_usuario " . " FROM tb_usuario WHERE email_usuario =? AND senha_usuario =?"; $this->instrucao_sql = $this->conexao->prepare($this->instrucao_sql); $this->instrucao_sql->bindValue(1, $email); $this->instrucao_sql->bindValue(2, $senha); $this->instrucao_sql->execute(); return $this->instrucao_sql->fetchAll(); } }
  9. acneto.frc

    Passagem de parâmetros

    Boa tarde a todos! Estou trabalhando em uma aplicação Node-Express-Html-Bootsrap-Javascript-mysql, etc... Arquitetura MVC. Tenho um determinado formulário (document) que antes de renderizá-lo faço uma chamada a função sql da model e recebo como retorno um objeto sql (result). Ao renderizar o formulário passo o objeto como parâmetro para o html. Dentro do htm tenho acesso aos elementos do objeto os quais apresento em uma tabela. Depois disso preciso que uma função javascript seja executada mas não sei como fazer para que a função tenha acesso ao objeto. Anexo segue uma imagem como as fases de execução do programa Abraços a todos e obrigado!
  10. granderodeo

    Criando página de produto php

    Olá tenho a página index.php e tenho a página product.php, ao clicar no produto na página inicial, quero que redirecione para página product.php mostrando os dados do determinado produto que cliquei, iniciei o código mais não está dando certo, Obrigado. index.php <?php if (is_array($products)) { foreach ($products as $id => $row) { ?> <div class="col-sm-6 col-md-4 col-lg-3 mb-2"> <div class="card-deck"> <div class="card p-2 border-secondary mb-2"> <a href="product.php?id=<?= $row['product_id'] ?>"> <div class="hover-image"> <img class="card-img-top border-secondary" src="images/<?= $row['product_image'] ?>"/> <a href="#"><span class="texto"></span></a> </div> </a> <h3 class="text-center"><?= $row['product_name'] ?></h3> <div class="text-center text-black rounded p-1" style="font-size: 20px;">Valor&nbsp;$<?= $row['product_price'] ?></div> <button class="btn btn-success btn-block" type="button" value="Add to cart" onclick="cart.add(<?= $row['product_id'] ?>);">Adicionar ao carrinho</button> </div> </div> </div> <?php } } else { echo "No products found."; } ?> product.php <?php $products = $_GET["product_id"]; if (is_array($products)) { foreach ($products as $id => $row) { }}; $row['product_name'] ?>
  11. Olá pesssoal, Sou novato em JS. Eu tenho 6 links, que são imagens que quero substituir, uma pela outra. Eu sei que poderia fazer isso facilmente via CSS, mas para treinar quero fazer da seguinte forma: Minha ideia seria pegar o src das imagens e alterar mudando o nome da imagem, tipo assim: Tenho imagens que são os links nomeados assim: carro.png / carro-B.png (uma imagem(link) é branca e a outra é amarela). Como faço para alterar a imagem trocando uma pela outra nesse esquema ? <a href="#"><img src="links/carro.png" name="menu0" width="90" height="13" border="0"/></a> e trocar para <a href="#"><img src="links/carro-B.png" name="menu0" width="90" height="13" border="0"/></a> Como são 6 imagens eu estou pegando via getElementsByTagName e depois fazer uma função que automatize para todas as outras..... Tirando o CSS HOVER via Javascript, essa seria a melhor maneira de automatizar essa troca ? vai lá o código: <html> <head> <style> body{background-color: #000000;} </style> <script> window.onload = function(){ var menu0 = document.getElementsByName("menu0"); var imagem = menu0[0].src; ////////////////////////////////////////////// //bloco que vai varrer cada item: //////////// //for(var i=0; i<menu0.length; i++){ // alert(menu0[i].src); //} ////////////////////////////////////////////// } </script> </head> <body> <a href="#"><img src="links/carro.png" name="menu0" width="90" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/livro.png" name="menu0" width="86" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/aviao.png" name="menu0" width="109" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/motos.png" name="menu0" width="108" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/bicicleta.png" name="menu0" width="114" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/onibus.png" name="menu0" width="114" height="13" border="0"/></a> </body> </html> a imagem carro.png tem o seu respectivo carro-B.png aviao.png aviao-B.png E assim por diante.... Essa é uma boa maneira de fazer isso via JS ?? ou tem melhores ?
  12. 3agdeu

    Captura de informação apresentada na tela.

    Bom dia a todos.Quero saber se alguns dos sábios participantes saberia um forma que capturar um informação (constantemente atualizada) apresentada em uma aplicação java na tela. São os dados de variação de ações, nos respectivos sites de operações. Geralmente aparecem em um canto fixo ou ficam em um elemento que flutua sobre o gráfico da ação (penso que rodem em java).Posso interceptar e interpretar os sinais enviados ao monitor?Posso interceptar as atualizações da maquina java e/ou o script?Existe um programa para fazer a leitura de uma determinada parte da tela que fica constantemente se atualizando?Obrigado.
  13. O código em JS abaixo alimenta o combobox "programas" (html <select id="programas">) com uma lista em Json (lista-regiao-programas.json) de acordo com a escolha no combo "regioes" (html <select id="regioes">). Mas como eu faço para alimentar o combobox "municípios" (html <select id="municipios">) baseado no combo em "regiões" com a lista Json "combox-municipios.json" ? esolhe 1 programa -> alimenta regiões -> escolhe 1 região -> alimenta "município" (3 select dropdwon em cascata / aninhados)... HTML -> <div class="form-group"> <!-- dropdown Regiões --> <label for="regioes">Região de integração</label> <select id="regioes"> <option value=""></option> </select> </div> <div class="form-group"> <!-- dropdown Programas --> <label for="programas">Programa desenvolvido</label> <select id="programas"></select> </div> JS JSON -> $(document).ready(function(){ $.getJSON('SIGPLAM2/javaScript/lista-regiao-programas.json', function(data){ var items = []; var options = '<option value="">escolha uma região</option>'; $.each(data, function(key, val){ options += '<option value="' + val.nome + '">' + val.nome + '</option>'; }); $("#regioes").html(options); $("#regioes").change(function(){ var options_programas = ''; var str = ""; $("#regioes option:selected").each(function(){ str += $(this).text(); }); $.each(data, function(key, val){ if(val.nome == str){ $.each(val.cidades, function(key_city, val_city){ options_programas += '<option value="' + val_city + '">' + val_city + '</option>'; }); } }); $("#programas").html(options_programas); }).change(); }); });
  14. Kelven

    Esconder código

    Existe alguma maneira de meu código não aparecer no código fonte que não seja por meio de Php? Tipo um código javascript que não apareça no código fonte? Quero fazer uma verificação if else se é um determinado valor de uma variável mas sem usar o php pois o blog só aceita javascript, html e css.
  15. Estou começando a mexer com progromação, estive fazendo um algoritmo de física, mas, quando pedi para que fossem coletados os campos para fazer assim a equação, não da certo, este é o código da parte que estou com dificuldade: $("#btn1").click(function(){ var comprimento = parseFloat($("#comprimento").val()); var espiras = parseFloat($("#espiras").val()); var no = parseFloat($("#no").val()); var multpi = parseFloat($("#multpi").val()); var pi = parseFloat($("#pi").val()); var amperes = parseFloat($("#amperes").val()); var valor = parseFloat($("#valor").val()); var resultado = (var multpi = parseFloat($("#multpi").val() * var pi = parseFloat($("#pi").val()) * parseFloat($("#no").val()) * (parseFloat($("#espiras").val()) * parseFloat($("#comprimento").val()) )* parseFloat($("#amperes").val());
  16. AndersonWS

    Imprimir apenas uma parte da página

    Olá, encontrei a algum tempo este script, não me lembro mais onde e acabei achando uma boa utilização. echo '<div id="sua_div">'; echo "<h4>Solicitação enviada com sucesso!</h4>"; echo "Você receberá uma cópia da reserva neste e-mail: <b>".$mail."</b><hr style='border:1px solid;'/>"; echo $msg; echo '</div>'; echo '<br/><button class="checkout" id="btn">Imprimir</button>'; document.getElementById('btn').onclick = function() { var conteudo = document.getElementById('sua_div').innerHTML, tela_impressao = window.open('about:blank'); //tela_impressao.window.name('Reserva Hotel'); tela_impressao.document.write(conteudo); tela_impressao.window.print(); tela_impressao.window.close(); }; Ele funciona exatamente como quero, imprimindo apenas a div "sua_div", porém gostaria que o título da nova página fosse: "Reserva Hotel" porém ele gera um arquivo: "http___hotelxzz.com" pois a página não tem título. Como ajustaria isso? Tentei várias formas sendo a última: tela_impressao.window.name('Reserva Hotel'); mas não dá certo.
  17. Ted2370

    Função para somar (problemas)

    Bom, provavelmente estou cometendo algum erro bobo, mas como sou leigo, vou pedir a ajuda de vocês ^^ A ideia é que a função somar() tenha que ir somando o input adicionado já com o antigo, mas ele fica adicionando e não somando :( alguém poderia apontar o erro? Já tentei usar o parseFloat e o parseInt, mas acho que não consegui usar de forma correta, talvez seja essa a falha HTML <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div> <!--Input dos Numeros--> <input type="number" name="" id="input"> <!--Botão para Soma--> <input type="button" value="OK" onclick="somar()"> <br> <br> <!--Resultado--> <input type="number" name="" id="resultado" readonly='true'> </div> <script src="main.js"></script> </body> </html> JS const { app, BrowserWindow } = require('electron') function createWindow () { // Cria uma janela de navegação. let win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) // e carregar o index.html do aplicativo. win.loadFile('index.html') } // Função do botao para ir somando a cada numero que colocado no input function somar(){ let input = window.document.getElementById('input').value let resultado = window.document.getElementById('resultado') resultado = resultado.value += input } app.on('ready', createWindow)
  18. Bom dia galera, Gostaria de ajuda para alterar essa função, estou perdido, nela antes puxava a imagem da mesma tabela, só que mudei o esquema agora criei uma tabela de imagens onde vai trabalhar M para M. e a imagem tens que trazer de outra tabela. imageSrc: function(row, field) { if ((typeof row.arquivos[0][field + '_url'] === 'undefined' || row.arquivos[0][field + '_url'] === null) && (typeof row.arquivos[0][field] === 'undefined' || row.arquivos[0][field] === null)) { return false } return (typeof row.arquivos[0][field + '_url'] === 'undefined' || row.arquivos[0][field + '_url'] === '') ? row.arquivos[0][field] : row.arquivos[0][field + '_url'] } SE EU COLOCO ISSO CONSIGO ENXERGAR A IMAGEM: console.log(row, field, row.arquivos[0]) Tenho duas tabelas: noticias e Arquivos(imagem). Obrigado
  19. pereirasander33

    Votação com Input Radio, jogar valores no vetor

    Estou quebrando a cabeça no exercício sobre JS e Json da faculdade. Fiz a pagina de uma empresa onde ocorrerá uma votação entre candidatos, os usuários devem fazer uma votação através de inputs do tipo "radio", para armazenar os candidatos criei um vetor em Json = var candidatos = [ { "nome": "Alex Fisterfield", "dep": "Adm", "cargo": "Gerente", "idade": 22, "temp": 2, "foto": "img/1.jpg", "votos": "" }, { "nome": "Michael Lokiju", "dep": "Rh", "cargo": "Auxiliar", "idade": 29, "temp": 4, "foto": "img/2.jpg", "votos": "" }, Criei na pagina de votação vários inputs, um para cada candidato, assim que o usuário clicar no botão, um voto deve ser contabilizado e jogado dentro do vetor para no final eu exibir o candidato com mais votos, meu problema é justamente esse, não sei como posso jogar um voto para o candidato quando o usuário selecionar o botão dele. Esses são os inputs = <input type="radio" name= "candidato" value= "alexf"> Alex Fisterfied</input> <input type="radio" name= "candidato" value= "michaell"> Michael Lokiju</input>..... <button type="submit" id="btnsalvar">Votar</button> Como posso fazer uma função em js, que quando o usuário selecionar o input do candidato, isso seja contabilizado no vetor ? Essa é a descrição do exercício: Votação – nesta página deverá apresentar a foto, o nome e o departamento de cada candidato (obtidos da leitura do arquivo JSON citado na página inicial) e um input do tipo radio para cada candidato que permita o eleitor escolher apenas um dos candidatos. No final da página, apresente um botão que ao ser clicado deve verificar se existe um candidato escolhido. Caso exista, o voto do eleitor deve ser contabilizado (gravado/atualizado) para o candidato, para isso utilize vetor.
  20. Sherlock02

    Trocar posição de tags

    Olá! Eu tenho um código em javascript cujo resultado está aparecendo na seguinte ordem: 1- Imagem do post 2- Título com link do post 3- Sumário do post 4- Data 5- Quantidade de comentários 6- Leia mais link. Eu queria colocar trocar o 4° com o 3°, e colocar a data depois do link do post (o restante permanece igual). Então ficaria: 2- Título com link do post 3- Data 4- Sumário do post Mas eu não consigo fazer isso. Se eu recorto o código e colo abaixo, ele desaparece. Como fazer isso? <script type='text/javascript'> //<![CDATA[ function labelthumbs(json) { document.write('<ul id="label_with_thumbs">'); for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { var commenttext = entry.link[k].title; var commenturl = entry.link[k].href; } if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } var thumburl; try { thumburl = entry.media$thumbnail.url; } catch (error) { s = entry.content.$t; a = s.indexOf("<img"); b = s.indexOf("src=\"", a); c = s.indexOf("\"", b + 5); d = s.substr(b + 5, c - b - 5); if ((a != -1) && (b != -1) && (c != -1) && (d != "")) { thumburl = d; } else thumburl = 'http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png'; } var postdate = entry.published.$t; var cdyear = postdate.substring(0, 4); var cdmonth = postdate.substring(5, 7); var cdday = postdate.substring(8, 10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "June"; monthnames[7] = "July"; monthnames[8] = "Aug"; monthnames[9] = "Sept"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; document.write('<li class="clearfix">'); if (showpostthumbnails == true) document.write('<a href="' + posturl + '" target ="_top"><img class="label_thumb" src="' + thumburl + '"/></a>'); document.write('<a href="' + posturl + '"class="titlepost" target ="_top">' + posttitle + '</a>'); if ("content" in entry) { var postcontent = entry.content.$t; } else if ("summary" in entry) { var postcontent = entry.summary.$t; } else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); if (showpostsummary == true) { if (postcontent.length < numchars) { document.write('<div class="summarypost">'); document.write(postcontent); document.write('</div>'); } else { document.write('<div class="summarypost">'); postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" "); postcontent = postcontent.substring(0, quoteEnd); document.write(postcontent + '...'); document.write('</div>'); } } var towrite = ''; var flag = 0; document.write('<br>'); if (showpostdate == true) { towrite = towrite + '<div class="datepost">' + cdday + '.' + monthnames[parseInt(cdmonth, 10)] + '.' + cdyear + '</div>'; flag = 1; } if (showcommentnum == true) { if (flag == 1) { towrite = towrite + ' '; } if (commenttext == '1 Comments') commenttext = '1 Comment'; if (commenttext == '0 Comments') commenttext = 'No Comments'; commenttext = '<a href="' + commenturl + '" target ="_top">' + commenttext + '</a>'; towrite = towrite + commenttext; flag = 1;; } if (displaymore == true) { if (flag == 1) towrite = towrite + ' '; towrite = towrite + '<a href="' + posturl + '" class="url" target ="_top">Continue lendo »</a>'; flag = 1;; } document.write(towrite); document.write('</li>'); if (displayseparator == true) if (i != (numposts - 1)) document.write(''); } document.write('</ul>'); } //]]> </script> Obrigada!
  21. arthurhd

    Questionário em html e javascript

    Olá estou tentando criar um questionário com 3 perguntas de multipla escolha em html e javascript que no final das perguntas exista um botão para mostrar quantos acertou mas não estou conseguindo. Alguem pode me ajudar?
  22. granderodeo

    Como criar uma página igual com conteúdos diferentes

    Olá, estou aprendendo a desenvolver lojas virtuais, e queria saber como fazer uma página igual com conteúdos diferentes, típicos das lojas virtuais. Por exemplo ao clicar sobre um produto ir para a página com conteúdo referente aquele produto que eu cliquei. Sou iniciante em PHP, desde já agradeço a quem me ajudar. página verproduto.php <?php require_once('config/include.php'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <style> p{ color: black; } </style> <p><?php echo isset( $_SESSION['product_name'] ) ? $_SESSION['product_name']: "" ?></p> </body> </html> página inicial do site index.php <div class="row mt-2"> <?php include 'carrinho/config_car.php'; $stmt = $conn->prepare("SELECT * FROM product"); $stmt->execute(); $result = $stmt->get_result(); while($row = $result->fetch_assoc()): ?> <div class="col-sm-6 col-md-4 col-lg-3 mb-2"> <div class="card-deck"> <div class="card p-2 border-secondary mb-2"> <a href="verproduto.php"><img src="<?= $row['product_image']; ?>" class="card-img-top"></a> <h6 class="text-light bg-danger text-center rounded p-1"><?= $row['promo']; ?></h6> <p class="text-center"> <?= $row['product_name']; ?><br> </p> <h4 class="card-title text-center">Por : R$<?= $row['product_price'] ?></h4> <form accept-charset="utf-8" action="" class="form-submit"> <input type="hidden" class="pid" value="<?= $row['id'] ?>"> <input type="hidden" class="pname" value="<?= $row['product_name'] ?>"> <input type="hidden" class="pprice" value="<?=$row['product_price']?>"> <a href="#"><input type="hidden" class="pimage" value="<?= $row['product_image'] ?>"></a> <input type="hidden" class="pcode" value="<?= $row['product_code'] ?>"> <button class="btn btn-success btn-block addItemBtn"><i class="fa fa-shopping-cart"></i> Adicionar ao Carrinho</button> </form> </div> </div> </div> <?php endwhile; ?>
  23. granderodeo

    Carrinho de compras é o mesmo em todos PCs

    Olá meus amigos programadores, estou desenvolvendo uma loja virtual, e percebi um erro. Criei um banco de dados chamado 'cart_system' , com uma tabela 'cart'. Coloquei o site online para fazer testes, e coloquei os produtos normalmente no carrinho, mas ao abrir em outro PC o site, estava o mesmo carrinho, por exemplo coloquei 5 produtos em um PC e quando abrir o site em outro PC estava os mesmos 5 produtos já adicionados. Assim que adiciona o produto é adicionado ao 'cart' no BD, e quando for ver os produtos ele puxa do BD os produtos que estão atualmente no 'cart', será que foi esse o meu erro. Se puderem me ajudar com maneiras de concertar esse erro, agradeço muito. Vou deixar abaixo os códigos. Javascript do index.php que adiciona os produtos ao carrinho <script type="text/javascript"> $(document).ready(function(){ $(".addItemBtn").click(function(e){ e.preventDefault(); var $form = $(this).closest(".form-submit"); var pid = $form.find(".pid").val(); var pname = $form.find(".pname").val(); var pprice = $form.find(".pprice").val(); var pimage = $form.find(".pimage").val(); var pcode = $form.find(".pcode").val(); $.ajax({ url: 'carrinho/action_car.php', method: 'post', data: {pid:pid,pname:pname,pprice:pprice,pimage:pimage,pcode:pcode}, success:function(response){ $("#message").html(response); window.scrollTo(0,0); load_cart_item_number(); } }); }); load_cart_item_number(); function load_cart_item_number(){ $.ajax({ url: 'carrinho/action_car.php', method: 'get', data: {cartItem:"cart_item"}, success:function(response){ $("#cart-item").html(response); } }); } }); </script> index_cart.php <div class="container"> <div class="row justify-content-center"> <div class="col-lg-10"> <div style="display:<?php if(isset($_SESSION['showAlert'])){echo $_SESSION['showAlert'];}else { echo 'none'; } unset($_SESSION['showAlert']); ?>" class="alert alert-success alert-dismissible mt-3"> <button type="button" class="close" data-dismiss="alert">&times;</button> <strong><?php if(isset($_SESSION['message'])){echo $_SESSION['message'];} unset($_SESSION['showAlert']); ?></strong> </div> <div class="table-responsive mt-2"> <table class="table table-bordered table-striped text-center"> <thead> <tr> <td colspan="7"> <h4 class="text-center text-info m-0">Produtos em seu carrinho!</h4> </td> </tr> <tr> <th>ID</th> <th>Imagem</th> <th>Produto</th> <th>Preço</th> <th>Quantidade</th> <th>Valor Total</th> <!------ REMOVER TODOS ITENS DO CARRINHO -----> <th> <a href="action_car.php?clear=all" class="badge-danger badge p-1" onclick="return confirm('Tem certeza de que deseja limpar seu carrinho?');"> <i class="fa fa-trash"></i>&nbsp;&nbsp;Limpar Carrinho</a> </th> <!------ FIM REMOVER TODOS ITENS DO CARRINHO -----> </tr> </thead> <tbody> <?php require 'config_car.php'; $stmt = $conn->prepare("SELECT * FROM cart"); $stmt->execute(); $result = $stmt->get_result(); $grand_total = 0; while($row = $result->fetch_assoc()): ?> <tr> <td> <?= $row['id'] ?></td> <!-- ID do produto do BD para o carrinho --> <input type="hidden" class="pid" value="<?= $row['id'] ?>"> <td> <img src="../<?= $row['product_image'] ?>" height="50"> </td> <!-- chamada da imagem do BD para o carrinho --> <td><?= $row['product_name'] ?> </td> <td> <?= $row['product_price'] ?> </td> <input type="hidden" class="pprice" value="<?= $row['product_price'] ?>"> </td> <!---- Aumentar ou Diminuir a quantidade do produto -----> <td><input type="number" class="form-control itemQty" value="<?= $row['qty'] ?>" style="width:80px"></td> <!---- Aumentar ou Diminuir a quantidade do produto -----> <!---- Fim Aumentar ou Diminuir a quantidade do produto -----> <td><?= $row['total_price'] ?> </td> <!-- preço total do carrinho --> <!------- REMOVER ITEM DO CARRINHO ------> <td> <a href="action_car.php?remove=<?= $row['id'] ?>" class="text-danger lead" onclick="return confirm('Quer mesmo remover esse produto do carrinho?');"> <i class="fa fa-trash"></i></a> </td> <!------- FIM ITEM REMOVER DO CARRINHO -------> </tr> <?php $grand_total += $row['total_price'] ?> <?php endwhile; ?> <tr> <td colspan="3"> <a href="../index.php" class="btn btn-success"><i class="fa fa-cart-plus"></i>&nbsp;&nbsp;Continue Comprando</a> </td> <td colspan="2"><b>Total Geral</b></td> <td><?= number_format($grand_total); ?> </td> <td> <a href="finalizar_car.php" class="btn btn-info <?= ($grand_total>1)?"":"disabled"; ?>"><i class="fa fa-credit-card"></i>&nbsp;&nbsp;Finalizar Compra</a> </td> </tr> </tbody> </table> </div> </div> </div> </div> action_car.php <?php session_start(); require 'config_car.php'; //conecta ao BD if(isset($_POST['pid'])) { $pid = $_POST['pid']; $pname = $_POST['pname']; $pprice = $_POST['pprice']; $pimage = $_POST['pimage']; $pcode = $_POST['pcode']; $pqty = 1; $stmt = $conn->prepare("SELECT product_code FROM cart WHERE product_code=?"); $stmt->bind_param("s",$pcode); $stmt->execute(); $res = $stmt->get_result(); $r = $res->fetch_assoc(); $code = $r['product_code']; if(!$code){ $query = $conn->prepare("INSERT INTO cart (product_name,product_price,product_image,qty,total_price,product_code) VALUES (?,?,?,?,?,?)"); $query->bind_param("sssiss",$pname,$pprice,$pimage,$pqty,$pprice,$pcode); $query->execute(); echo '<div class="alert alert-success alert-dismissible mt-2"> <button type="button" class="close" data-dismiss="alert">&times;</button> <strong>Item adicionado ao seu carrinho!</strong> </div>'; } else{ echo '<div class="alert alert-danger alert-dismissible fixed-top"> <button type="button" class="close" data-dismiss="alert">&times;</button> <strong>Item já está adicionado ao seu carrinho, você pode definir a quantidade no seu carrinho!</strong> </div>'; } } if(isset($_GET['cartItem']) && isset($_GET['cartItem']) == 'cart_item'){ $stmt = $conn->prepare("SELECT * FROM cart"); $stmt->execute(); $stmt->store_result(); $rows = $stmt->num_rows; echo $rows; } /*REMOVER ITENS DO CARRINHO*/ if(isset($_GET['remove'])){ $id = $_GET['remove']; $stmt = $conn->prepare("DELETE FROM cart WHERE id=?"); $stmt->bind_param("i",$id); $stmt->execute(); $_SESSION['showAlert'] = 'block'; $_SESSION['message'] = 'Produto removido do carrinho!'; header('location:index_cart.php'); } if(isset($_GET['clear'])){ $stmt = $conn->prepare("DELETE FROM cart"); $stmt->execute(); $_SESSION['showAlert'] = 'block'; $_SESSION['message'] = 'Todos os produtos foram removidos!'; header('location:index_cart.php'); } /* FIM REMOVER ITENS DO CARRINHO*/ /* ADICIONAR OU DIMINUIR QTD PRODUTO CARRINHO*/ if(isset($_POST['qty'])){ $qty = $_POST['qty']; $pid = $_POST['pid']; $pprice = $_POST['pprice']; $tprice = $qty*$pprice; $stmt = $conn->prepare("UPDATE cart SET qty=?, total_price=? WHERE id=?") ; $stmt->bind_param("isi",$qty,$tprice,$pid); $stmt->execute(); } /* FIM ADICIONAR OU DIMINUIR QTD PRODUTO CARRINHO*/ /* FINALIZAR PEDIDO */ if(isset($_POST['action']) && isset($_POST['action']) == 'order'){ $name = $_POST['name']; $email = $_POST['email']; $phone = $_POST['phone']; $products = $_POST['products']; $grand_total = $_POST['grand_total']; $address = $_POST['address']; $pmode = $_POST['pmode']; $data = ''; $stmt = $conn->prepare("INSERT INTO orders (name,email,phone,address,pmode,products,amount_paid) VALUES (?,?,?,?,?,?,?)"); $stmt->bind_param("sssssss",$name,$email,$phone,$address,$pmode,$products,$grand_total); $stmt->execute(); $data .= '<div class="text-center> <h1 class="display-4 mt-2 text-danger">Obrigado!</h1> <h2 class="text-success">Seu pedido foi realizado com sucesso</h2> <h4 class="bg-danger text-light rounded p-2">Items Comprados : '.$products.'</h4> <h4 class="bg-danger text-light rounded p-2">Seu nome : '.$name.'</h4> <h4 class="bg-danger text-light rounded p-2">Seu E-mail : '.$email.'</h4> <h4 class="bg-danger text-light rounded p-2">Seu telefone : '.$phone.'</h4> <h4 class="bg-danger text-light rounded p-2">Valor total pago : '.number_format($grand_total,2).'</h4> <h4 class="bg-danger text-light rounded p-2">Forma de pagamento : '.$pmode.'</h4> </div>'; echo $data; } ?>
  24. AndersonWS

    Somar valores de input

    Tenho o seguinte código: Projeto <input name="percent[]" class="form-control number somar" placeholder="Percentagem" type="text"/> Construção <input name="percent[]" class="form-control number somar" placeholder="Percentagem" type="text"/> Acabamentos <input name="percent[]" class="form-control number somar" placeholder="Percentagem" type="text"/> <input type="text" name="total" id="total" value=""> Preciso verificar se a soma das etapas do projeto não irão ultrapassar os 100 % . Como eu faria para somar os valores dos inputs name="percent[]" e colocar dentro do value de name="total" ? *Obs.: Sem precisar usar botão, que fosse somando conforme digita os valores.
  25. danicarla

    Bloquear CTRL+C de um trecho ou link

    Olá pessoal boa tarde. Eu preciso bloquear o CTRL+C de uma pagina, mas queria fazer isso somente de um trecho, por exemplo no codigo abaixo <div id='1'>Conteudo da div 1</div> <div id='2'>Conteudo da div 2<a href="https://google.com">Google</a></div> <div id='3'>Conteudo da div 3</div> como eu poderia fazer para quando o usuário selecionar o conteúdo das três divs bloquear o CTRL + C Ou melhor ainda será que existe uma maneira de permitir que ele copie o conteudo mas não copie o endereço dos links Alguém sabe se consigo fazer isso?
×

Informação importante

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