質問編集履歴

1

検証の追加

2020/01/24 06:23

投稿

D41En
D41En

スコア14

test CHANGED
File without changes
test CHANGED
@@ -14,72 +14,50 @@
14
14
 
15
15
  //buttonは複数あります
16
16
 
17
- %input#tweive{type: "button", value: "12", class:"btn", onclick: "FGColorSet(this.value)", color: 'red'}
17
+ %input#tweive{type: "button", value: "12", class:"btn"}
18
18
 
19
19
 
20
20
 
21
21
  <js>
22
22
 
23
- function setCookie(key,value){
23
+ $( function () {
24
24
 
25
- temp=key+"="+escape(value)+";";
25
+ $('.btn').click(function(){
26
26
 
27
- document.cookie=temp;
27
+ $('#tweive').css("color","red");
28
28
 
29
- }
29
+ });
30
30
 
31
- function getCookie(key){
31
+ function color($color){
32
32
 
33
- temp=document.cookie+";";
33
+ if( $color == undefined ){
34
34
 
35
- i=temp.indexOf(key,0);
35
+ var $color = $.cookie( 'color' );
36
36
 
37
- if(i!=-1){
37
+ if( $color == undefined ){
38
38
 
39
- i+=(key.length+1);
39
+ var $color = '#F7FE2E';
40
40
 
41
- j=temp.indexOf(";",i);
41
+ }
42
42
 
43
- value=temp.substring(i,j);
43
+ }
44
44
 
45
- return(unescape(value));
45
+ $.cookie( 'color', $color, { expires: 7 } );
46
+
47
+ $( 'body' ).css( { 'color': $color } );
46
48
 
47
49
  }
48
50
 
49
- return("");
50
-
51
- }
51
+ });
52
-
53
- function InitCookie(){
54
-
55
- fgc = getCookie("fgcolor");
56
-
57
- if(fgc != "")document.fgColor = fgc;
58
-
59
- }
60
-
61
- function FGColorSet(fgc){
62
-
63
- setCookie("fgcolor",fgc);
64
-
65
- document.fgColor = fgc;
66
-
67
- }
68
-
69
- function readFunc() {
70
-
71
- if(FGcolor.value == 12)
72
-
73
- $('#tweive').css("color","red")
74
-
75
- }
76
52
 
77
53
 
78
54
 
55
+ buttonの色は変わりますがcookieの保存がうまくいっていないようです
56
+
79
- cookie保存はできいるのですが同時buttonのが変わるよう
57
+ cookieに色を保存リロードした際変えたをキープしよう
80
58
 
81
59
  ログアウト時には元に戻るようにします
82
60
 
83
- 初心者で調べてもあまり分からなかったので全部じゃなくていいのでコードで説明していただけたら助かります
84
61
 
62
+
85
- お願ます
63
+ cookieの保存を実装した際にもリロードで色のキープができなので教えていただけたら助かります