teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

サードパーティー製のPageSliderの入手元、htmlを追記しました。

2018/05/05 00:52

投稿

treasurehunterv
treasurehunterv

スコア27

title CHANGED
File without changes
body CHANGED
@@ -14,6 +14,7 @@
14
14
 
15
15
  ### 該当のソースコード
16
16
 
17
+ app.js
17
18
  ```javascript
18
19
  (function() {
19
20
  HomeView.prototype.template = Handlebars.compile($("#home-tpl").html());
@@ -40,6 +41,8 @@
40
41
  router.start();
41
42
  }());
42
43
  ```
44
+
45
+ SettingView.js
43
46
  ```javascript
44
47
  var SettingView = function() {
45
48
  this.initialize = function() {
@@ -57,7 +60,57 @@
57
60
  this.initialize();
58
61
  }
59
62
  ```
63
+ index.html
64
+ ```html
65
+ <!DOCTYPE html>
66
+ <head>
67
+ <meta name="format-detection" content="telephone=no">
68
+ <meta name="msapplication-tap-highlight" content="no">
69
+ <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
70
+ <link rel="stylesheet" type="text/css" href="css/main320_959.css" media="screen </head>
71
+ <title>XXXXXX</title>
72
+ </head>
73
+ <body>
74
+ <script id="home-tpl" type="text/template">
75
+ <div id="container" class="content">
76
+ <!-- 省略 -->
77
+ </div>
78
+ </script>
79
+ <script id="setting-tpl" type="text/template">
80
+ <div id="container2" class="content">
81
+ <a href="#">戻る</a>
82
+ <div id="setTax">
83
+ <button id="setTaxBtn5" data-tax-rate="0.05">5%</button>
84
+ <button id="setTaxBtn8" class="tax-active" data-tax-rate="0.08">8%</button>
85
+ <button id="setTaxBtn10" data-tax-rate="0.1">10%</button>
86
+ </div>
87
+ <!-- 省略 -->
88
+ <div id=save>
89
+ <button id="saveBtn">保存</button>
90
+ </div>
60
91
 
92
+ </div>
93
+ </script>
94
+ <script type="text/javascript" src="cordova.js"></script>
95
+ <script type="text/javascript" src="lib/jquery.js"></script>
96
+ <script src="lib/handlebars.js"></script>
97
+ <script src="lib/pageslider.js"></script>
98
+ <script src="lib/router.js"></script>
99
+ <script src="lib/fastclick.js"></script>
100
+ <script src="js/HomeView.js"></script>
101
+ <script src="js/SettingView.js"></script>
102
+ <script src="js/service/StrageService.js"></script>
103
+ <script type="text/javascript" src="js/app.js"></script>
104
+ </body>
105
+ </html>
106
+
107
+ ```
108
+
61
109
  ### 補足情報(FW/ツールのバージョンなど)
62
110
  Apache Cordovaのチュートリアルをベースに実装しています。
63
- PageSliderはサードパーティー製のものです。
111
+ PageSliderはサードパーティー製のものです。
112
+
113
+ PageSliderの入手元:
114
+ [codovaのチュートリアル](http://ccoenraets.github.io/cordova-tutorial/)の
115
+ [Module 3: Setting Up the Workshop Files](http://ccoenraets.github.io/cordova-tutorial/setup-files.html)からダウンロードしています。
116
+ libフォルダ配下のpageslider.jsです。