質問編集履歴
2
指摘を受け、マークダウン記法を正しく使用致しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,93 +1,47 @@
|
|
1
|
-
###前提・実現したいこと
|
1
|
+
### 前提・実現したいこと
|
2
|
-
|
3
2
|
サイトの下部に広告のような×ボタンで消せるバナーを表示させ、
|
4
|
-
|
5
3
|
バナーを非表示にしてから「5回ページ移動した場合」また表示させる。
|
6
|
-
|
7
4
|
という仕様を頂いています。
|
8
5
|
|
9
|
-
|
10
|
-
|
11
6
|
ですがページ移動をした回数を取得する方法が判らず困っています。
|
12
|
-
|
13
7
|
cookieで取得できるのでは?という方向でいろいろ調べていますが解決出来ません。
|
14
8
|
|
15
|
-
|
16
|
-
|
17
|
-
宜しくお願いします。
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
###試したこと
|
9
|
+
### 試したこと
|
22
|
-
|
23
10
|
現状「jQuery.cookie.js」を使い当日の初回訪問の場合のみ表示させる動きは出来ています。
|
24
11
|
|
25
|
-
|
26
|
-
|
27
|
-
###該当のソースコード
|
12
|
+
### 該当のソースコード
|
28
|
-
|
29
13
|
以下はcookieで「当日の初回訪問の場合のみ表示」しています。
|
30
|
-
|
31
14
|
ここを一部変更して出来ればとても助かります。
|
32
|
-
|
33
15
|
そもそもcookieではできないのであれば他の方法も教えて頂きたいです。
|
34
16
|
|
35
|
-
|
17
|
+
```
|
36
|
-
|
37
18
|
<script src="jquery.min.js"></script>
|
38
|
-
|
39
19
|
<script src="jquery.cookie.js"></script>
|
40
20
|
|
41
|
-
|
42
|
-
|
43
21
|
<script>
|
44
|
-
|
45
|
-
$(function () {
|
22
|
+
$(function () {
|
46
|
-
|
47
|
-
//cookieの値が既読じゃなかったら表示させる
|
48
|
-
|
49
|
-
if ($.cookie('bnrRead') != 'on') {
|
23
|
+
if ($.cookie('bnrRead') != 'on') {
|
50
|
-
|
51
|
-
$('#main').append('<div id="bnr"><p>次回以降は表示させないように出来る要素</p><button id="btn">次回以降は表示させない</button></div>');
|
24
|
+
$('#main').append('<div id="bnr"><p>次回以降は表示させないように出来る要素</p><button id="btn">次回以降は表示させない</button></div>');
|
52
|
-
|
53
|
-
}
|
25
|
+
}
|
54
|
-
|
55
|
-
//隠すボタンをクリックしたらバナーを隠す
|
26
|
+
//隠すボタンをクリックしたらバナーを隠す
|
56
|
-
|
57
|
-
$('#btn').click(function() {
|
27
|
+
$('#btn').click(function () {
|
58
|
-
|
59
|
-
$('#bnr').hide();
|
28
|
+
$('#bnr').hide();
|
60
|
-
|
61
|
-
$.cookie('bnrRead', 'on', {
|
29
|
+
$.cookie('bnrRead', 'on', {
|
62
|
-
|
63
30
|
expires: 7, //cookieの有効日数
|
64
|
-
|
65
|
-
path:'/'
|
31
|
+
path: '/'
|
66
|
-
|
67
32
|
});
|
68
|
-
|
69
33
|
});
|
70
|
-
|
71
|
-
//cookieを削除する
|
34
|
+
//cookieを削除する
|
72
|
-
|
73
|
-
$('#del').click(function(){
|
35
|
+
$('#del').click(function () {
|
74
|
-
|
75
|
-
$.removeCookie('bnrRead'
|
36
|
+
$.removeCookie('bnrRead', {
|
76
|
-
|
77
|
-
path:'/'
|
37
|
+
path: '/'
|
78
|
-
|
38
|
+
});
|
79
39
|
});
|
80
|
-
|
81
40
|
});
|
82
|
-
|
83
|
-
});
|
84
|
-
|
85
41
|
</script>
|
86
42
|
|
43
|
+
<div id="main">
|
44
|
+
<button id="del">このサイトのcookieを消す</button>
|
45
|
+
</div>
|
46
|
+
```
|
87
47
|
|
88
|
-
|
89
|
-
<div id="main">
|
90
|
-
|
91
|
-
<button id="del">このサイトのcookieを消す</button>
|
92
|
-
|
93
|
-
<!--/ #main--></div>
|
1
現状のソースコードを追加しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -21,3 +21,73 @@
|
|
21
21
|
###試したこと
|
22
22
|
|
23
23
|
現状「jQuery.cookie.js」を使い当日の初回訪問の場合のみ表示させる動きは出来ています。
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
###該当のソースコード
|
28
|
+
|
29
|
+
以下はcookieで「当日の初回訪問の場合のみ表示」しています。
|
30
|
+
|
31
|
+
ここを一部変更して出来ればとても助かります。
|
32
|
+
|
33
|
+
そもそもcookieではできないのであれば他の方法も教えて頂きたいです。
|
34
|
+
|
35
|
+
|
36
|
+
|
37
|
+
<script src="jquery.min.js"></script>
|
38
|
+
|
39
|
+
<script src="jquery.cookie.js"></script>
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
<script>
|
44
|
+
|
45
|
+
$(function () {
|
46
|
+
|
47
|
+
//cookieの値が既読じゃなかったら表示させる
|
48
|
+
|
49
|
+
if ($.cookie('bnrRead') != 'on') {
|
50
|
+
|
51
|
+
$('#main').append('<div id="bnr"><p>次回以降は表示させないように出来る要素</p><button id="btn">次回以降は表示させない</button></div>');
|
52
|
+
|
53
|
+
}
|
54
|
+
|
55
|
+
//隠すボタンをクリックしたらバナーを隠す
|
56
|
+
|
57
|
+
$('#btn').click(function() {
|
58
|
+
|
59
|
+
$('#bnr').hide();
|
60
|
+
|
61
|
+
$.cookie('bnrRead', 'on', { //cookieにbnrReadという名前でonという値をセット
|
62
|
+
|
63
|
+
expires: 7, //cookieの有効日数
|
64
|
+
|
65
|
+
path:'/' //有効にするパス
|
66
|
+
|
67
|
+
});
|
68
|
+
|
69
|
+
});
|
70
|
+
|
71
|
+
//cookieを削除する
|
72
|
+
|
73
|
+
$('#del').click(function(){
|
74
|
+
|
75
|
+
$.removeCookie('bnrRead' , { //bnrReadを削除
|
76
|
+
|
77
|
+
path:'/' //有効にするパス
|
78
|
+
|
79
|
+
});
|
80
|
+
|
81
|
+
});
|
82
|
+
|
83
|
+
});
|
84
|
+
|
85
|
+
</script>
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
<div id="main">
|
90
|
+
|
91
|
+
<button id="del">このサイトのcookieを消す</button>
|
92
|
+
|
93
|
+
<!--/ #main--></div>
|