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

質問編集履歴

3

内容追加

2015/06/12 11:38

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -168,6 +168,8 @@
168
168
  }
169
169
  })(jQuery);
170
170
 
171
+ ShunsukeIzuiのおかげでエラーが出ていた所を解決しましたが、新たに
172
+ また別のエラーが発生しました。
171
173
 
172
174
  『if(getCookie("OPEN")){』の行で以下のエラーが発生しております。
173
175
  Uncaught ReferenceError: getCookie is not defined

2

カラースーなぜ泣くの?カラスの勝手でしょ・・・カーカー

2015/06/12 11:38

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,115 +1,129 @@
1
1
  http://low-cost-travel.lk6.co/test109.php
2
2
 
3
3
  ■test109.php
4
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
4
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
5
- <html lang="ja">
5
+ <html lang="ja">
6
- <head>
6
+ <head>
7
7
  <title>jquery ipop_multi.jsのサンプル</title>
8
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
9
- <script type="text/javascript" src="./test109.js"></script>
10
8
 
9
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
11
- <script type="text/javascript">
10
+ <script type="text/javascript" src="./test109.js"></script>
12
- $(function() {
13
- /*検索ダイアログの表示イベントのフック*/
14
- $('#open1').click(function() {
15
11
 
12
+ <script type="text/javascript">
13
+ $(function(){
14
+ /*検索ダイアログの表示イベントのフック*/
15
+ $('#open1').click(function() {
16
- /*検索ダイアログ表示*/
16
+ /*検索ダイアログ表示*/
17
- $("#mado1").ipop();
17
+ $("#mado1").ipop();
18
+ } );
18
19
 
20
+ /*画面遷移の直前にダイアログの状態をcookieに保存*/
21
+ $(window).on("beforeunload",function(){
22
+ /*ダイアログは見えてる?*/
23
+ if($('#mado1').css('display') == 'block') {
24
+ /*表示中状態を保存*/
25
+ setCookie("OPEN","OPEN");
26
+ }
27
+ else
28
+ {
29
+ /*消えているので削除*/
30
+ setCookie("OPEN","");
31
+ }
19
- } );
32
+ });
20
33
 
34
+ $(function(){
21
- /*画面遷移の直前にダイアログの状態をcookieに保存*/
35
+ /*cookieに保存した状態を確認*/
22
- $(window).on('beforeunload', function() {
36
+ if(getCookie("OPEN")){
37
+ /*正常に取得できたならダイアログ表示*/
38
+ $("#mado1").ipop();
39
+ }
40
+ });
23
41
 
24
- /*ダイアログは見えてる?*/
25
- if($('#mado1').css('display') == 'block') {
26
-
27
- /*表示状態保存*/
42
+ /*cookie の取得と身の有無確認*/
43
+ $(function getCookie(keyname) {
28
- setCookie("OPEN","OPEN");
44
+ return ($.cookie(keyname)!="undefined");
45
+ });
29
46
 
47
+ /*cookie の保存処理*/
48
+ $(function setCookie( keyname, val ) {
49
+
50
+ /*値が指定されていたら保存、空文字列なら削除*/
51
+ if( state != "" ){
52
+ /*cookieに保存*/
53
+ $.cookie(keyname, val)
30
- }
54
+ }
31
- else{
55
+ else{
56
+ /*cookieのクリア*/
57
+ $.cookie(keyname, "", {expires: -1});
58
+ }
59
+ });
60
+ });
61
+ </script>
62
+ <style type="text/css">
63
+ .ipop {
64
+ padding: 0;
65
+ background-color: #fed;
66
+ width: 300px;
67
+ height: 200px;
68
+ border: 1px solid #aaa;
69
+
70
+ /* この3行は必須 */
71
+ position: absolute;
72
+ display: none;
73
+ z-index: 9999;
74
+ }
75
+ .ipop_search {
76
+ padding: 0;
77
+ background-color: #fed;
78
+ width: 300px;
79
+ height: 400px;
80
+ border: 1px solid #aaa;
81
+
82
+ /* この3行は必須 */
83
+ position: absolute;
84
+ display: none;
85
+ z-index: 9999;
86
+ }
87
+ .ipop_title {
88
+ background-color: #fdc;
89
+ cursor: move;
90
+ }
32
91
 
92
+ .ipop_close {
33
- /*消えているので削除*/
93
+ cursor: pointer;
34
- setCookie("OPEN","");
94
+ float: right;
35
- }
95
+ }
96
+ </style>
97
+ <title>ポップアップウインドウテスト</title>
98
+ </head>
99
+ <body>
100
+ <a href=./test109.php?id=1>テスト0</a><br>
101
+ <?php
102
+ if ($_GET["id"] == "1")
103
+ {
104
+ echo "テスト1<br>";
36
- }
105
+ }
106
+ ?>
107
+ <input type='button' value='検 索' id='open1'>
108
+
109
+ <div class="ipop_search" id="mado1">
110
+ <div class="ipop_close">×</div>
111
+ <div class="ipop_title">検索</div>
112
+ <?php
113
+ echo "<form action='./test109.php' method='post'>";
114
+ echo"<input type='text' name='keyword' style='width:240px;'><input type='submit' value='検索'>";
115
+ echo "<form>";
116
+
117
+ $keyword = $_POST['keyword'];
118
+
119
+ echo '<div id="kwd">'.$keyword.'</div>';
120
+
121
+ ?>
122
+ </div>
37
123
 
38
- /*画面遷移直後の処理はココ*/
39
- function() {
40
- /*cookieに保存した状態を確認*/
41
- if(getCookie("OPEN")){
42
- /*正常に取得できたならダイアログ表示*/
43
- $("#mado1").ipop();
44
- }
45
- }
46
- });
47
- </script>
48
- <style type="text/css">
49
- .ipop {
50
- padding: 0;
51
- background-color: #fed;
52
- width: 300px;
53
- height: 200px;
54
- border: 1px solid #aaa;
55
-
56
- /* この3行は必須 */
57
- position: absolute;
58
- display: none;
59
- z-index: 9999;
60
- }
61
- .ipop_search {
62
- padding: 0;
63
- background-color: #fed;
64
- width: 300px;
65
- height: 400px;
66
- border: 1px solid #aaa;
67
-
68
- /* この3行は必須 */
69
- position: absolute;
70
- display: none;
71
- z-index: 9999;
72
- }
73
- .ipop_title {
74
- background-color: #fdc;
75
- cursor: move;
76
- }
77
124
 
78
- .ipop_close {
79
- cursor: pointer;
80
- float: right;
81
- }
82
- </style>
83
- <title>ポップアップウインドウテスト</title>
84
- </head>
85
- <body>
86
- <a href=./test109.php?id=1>テスト0</a><br>
87
- <?php
88
- if ($_GET["id"] == "1")
89
- {
90
- echo "テスト1<br>";
91
- }
92
- ?>
93
- <input type='button' value='検 索' id='open1'>
94
-
95
- <div class="ipop_search" id="mado1">
96
- <div class="ipop_close">×</div>
97
- <div class="ipop_title">検索</div>
98
- <?php
99
- echo "<form action='./test109.php' method='post'>";
100
- echo"<input type='text' name='keyword' style='width:240px;'><input type='submit' value='検索'>";
101
- echo "<form>";
102
-
103
- $keyword = $_POST['keyword'];
104
-
105
- echo '<div id="kwd">'.$keyword.'</div>';
106
-
107
- ?>
108
- </div>
109
-
110
-
111
- </body>
125
+ </body>
112
- </html>
126
+ </html>
113
127
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
114
128
  ■test109.js
115
129
 
@@ -155,22 +169,10 @@
155
169
  })(jQuery);
156
170
 
157
171
 
158
- 先程他方にアドバイスを頂き実をしましたがエラーになってしま
172
+ 『if(getCookie("OPEN")){』の行で以下のエラーが発生ておりす。
159
- 質問をしましたが質問内容に一部誤字があり再度コメントをしようと思い
173
+ Uncaught ReferenceError: getCookie is not defined
160
- ボタンを押そうと思いましたが誤ってベストアンサーをクリックしたので
161
- 再度質問をさせて頂きました。
162
174
 
163
- function() {
164
- /*cookieに保存した状態を確認*/
175
+ バージョンに問題があるのかとかcookieの定義の仕方問題があるのか
165
- if(getCookie("OPEN")){
166
- /*正常に取得できたならダイアログ表示*/
167
- $("#mado1").ipop();
168
- }
169
- }
170
-
171
-
172
- function() {で下記のエラーが発生しております。
173
- SyntaxError: missing ) after argument list
174
-
175
- 自分でやってみましたが解決できませんでした
176
+ 調べてみましたが解決策が上手く見つかりません。
176
- 大変恐縮ですが、ご教示いただけますでしょか?
177
+ 大変恐縮ですが、また皆様のお力をお借りしたくご教示頂くよお願い
178
+ 申し上げます。

1

烏なぜなくの?烏の勝手でしょ・・・カーカー

2015/06/12 11:35

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -173,4 +173,4 @@
173
173
  SyntaxError: missing ) after argument list
174
174
 
175
175
  自分でやってみましたが解決できませんでした。
176
- 大変恐縮ですが、ご教示いただけますでしょう?
176
+ 大変恐縮ですが、ご教示いただけますでしょう