-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmobile.php
97 lines (84 loc) · 3.13 KB
/
mobile.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
<link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">
<script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script>
</head>
<body>
<ons-navigator id="appNavigator" swipeable swipe-target-width="80px">
<ons-page>
<ons-splitter id="appSplitter">
<ons-splitter-side id="sidemenu" page="sidemenu.html" swipeable side="right" collapse="" width="260px"></ons-splitter-side>
<ons-splitter-content page="tabbar.html"></ons-splitter-content>
</ons-splitter>
</ons-page>
</ons-navigator>
<template id="sidemenu.html">
<ons-page>
<ons-list-title>Menú</ons-list-title>
<ons-list>
<ons-list-item onclick="fn.loadView(0)">Hola</ons-list-item>
</ons-list>
</template>
<template id="tabbar.html">
<ons-page id="tabbar-page">
<ons-toolbar>
<div class="center">MI TIENDA</div>
<div class="right">
<ons-toolbar-button onclick="fn.toggleMenu()">
<ons-icon icon="ion-navicon, material:md-menu"></ons-icon>
</ons-toolbar-button>
</div>
</ons-toolbar>
<ons-tabbar swipeable id="appTabbar" position="auto">
<ons-tab label="Productos" icon="ion-home" page="page1.html" active></ons-tab>
<ons-tab label="Cesta" icon="ion-edit" page="page2.html"></ons-tab>
</ons-tabbar>
</ons-page>
</template>
<template id="page1.html">
<ons-page id="page1">
<ons-toolbar>
<div class="left">
<ons-toolbar-button onclick="prev()">
<ons-icon icon="md-chevron-left"></ons-icon>
</ons-toolbar-button>
</div>
<div class="center">Productos</div>
<div class="right">
<ons-toolbar-button onclick="next()">
<ons-icon icon="md-chevron-right"></ons-icon>
</ons-toolbar-button>
</div>
</ons-toolbar>
<p>
<!-- <ons-search-input id="input" list="lista" onchange = "buscador(this.value)" modifier="underbar" placeholder="Nombre de producto" float></ons-search-input> -->
<input type="search" list="lista" onchange = "buscador(this.value)" class="search-input search-input--material search-input--underbar" placeholder="Nombre de producto">
<datalist id ="lista" >
</datalist>
</p>
<ons-carousel centered swipeable auto-scroll overscrollable id="carousel">
<!-- inicialmente estará vacío -->
</ons-carousel>
</ons-page>
</template>
<template id="page2.html">
<ons-page id="page2">
<ons-toolbar>
<div class="center">Cesta</div>
</ons-toolbar>
<form class="form_compra" action="?action=comprar" method="POST">
<ons-list id="tabla">
</ons-list>
<input type="text" id="nover" hidden name="productos" >
<input type="submit" value="Comprar" onclick="rellenarMobil(event)" class="button button--large" >
<!--<ons-button modifier="large" onclick="rellenarMobil()" value="Enviar" type="submit">Comprar</ons-button>
<ons-button modifier="large" onclick="rellenarMobil()" value="Enviar" type="submit" class="button button--large">Comprar</ons-button>-->
</ons-page>
</form>
</template>
<script src="/js/pop.js">
</script>
</body>
</html>