<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/ptd_estilo.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/ptd_estilo.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<title>Pedido</title>
</head>
<body>
<div id="telaUsuarios" class="page">
<div class="navbar1">
<button class="btnVoltar"></button>
<span>Pedido</span>
<button class="btnComentario"></button>
<p>
<div class="container-fluid">
<div class="row top">
<div class="col-sm-12">
<div class="jumbotron">
<div class="row">
<div class="col-sm-12 col-md-12">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Bebidas</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Coca Cola<input type="checkbox" class="pull-right"></a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Água<input type="checkbox" class="pull-right"></a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Cerveja<input type="checkbox" class="pull-right"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Pizza</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Frango<input type="checkbox" class="pull-right"></a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Mussarela<input type="checkbox" class="pull-right"></a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Calabreza<input type="checkbox" class="pull-right"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Salgados</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Coxinha<input type="checkbox" class="pull-right"></a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Crossaint<input type="checkbox" class="pull-right"></a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Hanburgão<input type="checkbox" class="pull-right"></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Doces</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Cocada<input type="checkbox" class="pull-right"></a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Sonho<input type="checkbox" class="pull-right"></a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="list-group-item">Brigadeiro<input type="checkbox" class="pull-right"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6"></div>
</div>
</div>
</div>
<a href="javascript:selecionar_todo()">Marcar todos</a> |
<a href="javascript:deselecionar_todo()">Marcar nenhum</a>
<div class="bc-bot">
<button type="submit" class="btn btn-info">Fechar Pedido</button>
<button type="reset" class="btn btn-danger">Juntar Mesas</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/botao.js"></script>
</html>
Com selecionar itens do checklist, verificando o banco de dados e mandar para outra pagina javascript(Em Javascript)
G
1 Resposta
N
Você vai precisar de uma linguagem backend com acesso a uma API, ou então essas API SaaS, como por exemplo o Firebase do Google ou algo assim. Só com javascript é possível, usando Node.JS, mas vai precisar esccrever o backend.
Criado 9 de setembro de 2017
Ultima resposta 12 de set. de 2017
Respostas 1
Participantes 2
Alura O que é Python? — um guia completo para iniciar nessa linguagem de programação Acesse agora o guia sobre Python e inicie sua jornada nessa linguagem de programação: o que é e para que serve, sua sintaxe e como iniciar nela!
Casa do Codigo Guia pratico de TypeScript: Melhore suas aplicacoes... Por Thiago da Silva Adriano — Casa do Codigo