質問編集履歴

1

コードを追加しました

2017/05/30 09:14

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,11 +8,43 @@
8
8
 
9
9
 
10
10
 
11
-
11
+ HTMLについては最小限書くにとどめ、ほとんどjavascriptで動的に書き換えています。
12
12
 
13
13
  ```ここに言語を入力
14
14
 
15
+ $(document).ready(function() {
16
+
17
+ var user = JSON.parse(sessionStorage.getItem("user"));
18
+
19
+ var list = JSON.parse(sessionStorage.getItem("cart"));
20
+
21
+ $(function(){
22
+
23
+ $('#rewrite').html("");
24
+
25
+ //画面表示
26
+
27
+ $('<div class = "user">' +
28
+
29
+ '<h1>発送先情報</h1>' +
30
+
31
+ '<p>&emsp;&emsp;&emsp;&emsp;&emsp;氏名:' + user.user_name + '</p>' +
32
+
33
+ '<p>&emsp;&emsp;&emsp;フリガナ:' + user.user_name_kana + '</p>' +
34
+
35
+ '<p>&emsp;&emsp;&emsp;郵便番号:' + user.user_zip_code + '</p>' +
36
+
37
+ '<p>&emsp;&emsp;&emsp;&emsp;&emsp;住所:' + user.user_address + '</p>' +
38
+
39
+ '<p>メールアドレス:' + user.user_mail + '</p>' +
40
+
41
+ '<p>&emsp;&emsp;&emsp;電話番号:' + user.user_phone_num + '</p>' +
42
+
43
+ '</div>' +
44
+
45
+ '<div>' +
46
+
15
- '<div class = "cart_total">カート内合計金額:&yen;' + "ここに計算結果をいれたい" + '</div>' +
47
+ '<div class = "cart_total">カート内合計金額:&yen;' + + '</div>' +
16
48
 
17
49
  '<a href="../html/completion.html" id=completion class="btn btn-default pull-right " role="button">購入を確定する</a>' +
18
50
 
@@ -22,13 +54,39 @@
22
54
 
23
55
  $('<div class="col-md-12 purchace_products">' +
24
56
 
57
+ '<div class = "detail">' +
58
+
59
+ '<div class = "products">' +
60
+
61
+ '<p class = "products_name">' + this.title + '</p>' +
62
+
63
+ '<p class = "maker_name">' + this.manufacture + '</p>' +
64
+
25
- //省略
65
+ '</div>' +
66
+
67
+ '<div class = "subtotal">' +
26
68
 
27
69
  '<p>価格:&yen;' + this.price + '</p>' +
28
70
 
29
71
  '<p>個数:' + this.quantity + '</p>' +
30
72
 
31
- '<p data-subtotal=payment>小計:&yen;' + this.price*this.quantity + '</p>' +
73
+ '<p data-subtotal=payment>小計:&yen;' + this.price*this.quantity + '</p>' +
74
+
75
+ '</div>' +
76
+
77
+ '</div>' +
78
+
79
+ '<img src=../' + this.img + ' alt='+ this.title +'>' +
80
+
81
+ '</div>').appendTo('#rewrite')
82
+
83
+ });
84
+
85
+ });
86
+
87
+
88
+
89
+ });
32
90
 
33
91
  //ループ処理でこの要素がX回出るときの合計金額の出し方
34
92