teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問最初のダイアログを開き続けたまま別ページに移動したい

編集履歴

質問編集履歴

3

内容追加

2015/06/12 11:38

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -338,6 +338,10 @@
338
338
 
339
339
 
340
340
 
341
+ ShunsukeIzuiのおかげでエラーが出ていた所を解決しましたが、新たに
342
+
343
+ また別のエラーが発生しました。
344
+
341
345
 
342
346
 
343
347
  『if(getCookie("OPEN")){』の行で以下のエラーが発生しております。

2

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

2015/06/12 11:38

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,223 +4,251 @@
4
4
 
5
5
  ■test109.php
6
6
 
7
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
7
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
8
-
8
+
9
- <html lang="ja">
9
+ <html lang="ja">
10
-
10
+
11
- <head>
11
+ <head>
12
12
 
13
13
  <title>jquery ipop_multi.jsのサンプル</title>
14
14
 
15
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
16
-
17
- <script type="text/javascript" src="./test109.js"></script>
18
-
19
-
20
-
21
- <script type="text/javascript">
22
-
23
- $(function() {
24
-
25
- /*検索ダイアログの表示イベントのフック*/
26
-
27
- $('#open1').click(function() {
28
-
29
-
30
-
31
- /*検索ダイアログ表示*/
32
-
33
- $("#mado1").ipop();
34
-
35
-
36
-
37
- } );
38
-
39
-
40
-
41
- /*画面遷移の直前にダイアログの状態をcookieに保存*/
42
-
43
- $(window).on('beforeunload', function() {
44
-
45
-
46
-
47
- /*ダイアログは見えてる？*/
48
-
49
- if($('#mado1').css('display') == 'block') {
50
-
51
-
52
-
53
- /*表示中状態を保存*/
54
-
55
- setCookie("OPEN","OPEN");
56
-
57
-
58
-
59
- }
60
-
61
- else{
62
-
63
-
64
-
65
- /*消えているので削除*/
66
-
67
- setCookie("OPEN","");
68
-
69
- }
70
-
71
- }
72
-
73
-
74
-
75
- /*画面遷移直後の処理はココ*/
76
-
77
- function() {
78
-
79
- /*cookieに保存した状態を確認*/
80
-
81
- if(getCookie("OPEN")){
82
-
83
- /*正常に取得できたならダイアログ表示*/
84
-
85
- $("#mado1").ipop();
86
-
87
- }
88
-
89
- }
90
-
91
- });
92
-
93
- </script>
94
-
95
- <style type="text/css">
96
-
97
- .ipop {
98
-
99
- padding: 0;
100
-
101
- background-color: #fed;
102
-
103
- width: 300px;
104
-
105
- height: 200px;
106
-
107
- border: 1px solid #aaa;
108
-
109
-
110
-
111
- /* この３行は必須 */
112
-
113
- position: absolute;
114
-
115
- display: none;
116
-
117
- z-index: 9999;
118
-
119
- }
120
-
121
- .ipop_search {
122
-
123
- padding: 0;
124
-
125
- background-color: #fed;
126
-
127
- width: 300px;
128
-
129
- height: 400px;
130
-
131
- border: 1px solid #aaa;
132
-
133
-
134
-
135
- /* この３行は必須 */
136
-
137
- position: absolute;
138
-
139
- display: none;
140
-
141
- z-index: 9999;
142
-
143
- }
144
-
145
- .ipop_title {
146
-
147
- background-color: #fdc;
148
-
149
- cursor: move;
150
-
151
- }
152
-
153
-
154
-
155
- .ipop_close {
156
-
157
- cursor: pointer;
158
-
159
- float: right;
160
-
161
- }
162
-
163
- </style>
164
-
165
- <title>ポップアップウインドウテスト</title>
166
-
167
- </head>
168
-
169
- <body>
170
-
171
- <a href=./test109.php?id=1>テスト０</a><br>
172
-
173
- <?php
174
-
175
- if ($_GET["id"] == "1")
176
-
177
- {
178
-
179
- echo "テスト１<br>";
180
-
181
- }
182
-
183
- ?>
184
-
185
- <input type='button' value='検 索' id='open1'>
186
-
187
-
188
-
189
- <div class="ipop_search" id="mado1">
190
-
191
- <div class="ipop_close">×</div>
192
-
193
- <div class="ipop_title">検索</div>
194
-
195
- <?php
196
-
197
- echo "<form action='./test109.php' method='post'>";
198
-
199
- echo"<input type='text' name='keyword' style='width:240px;'><input type='submit' value='検索'>";
200
-
201
- echo "<form>";
202
-
203
-
204
-
205
- $keyword = $_POST['keyword'];
206
-
207
-
208
-
209
- echo '<div id="kwd">'.$keyword.'</div>';
210
-
211
-
212
-
213
- ?>
214
-
215
- </div>
216
-
217
-
218
-
219
-
220
-
221
- </body>
222
-
223
- </html>
15
+
16
+
17
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
18
+
19
+ <script type="text/javascript" src="./test109.js"></script>
20
+
21
+
22
+
23
+ <script type="text/javascript">
24
+
25
+ $(function(){
26
+
27
+ /*検索ダイアログの表示イベントのフック*/
28
+
29
+ $('#open1').click(function() {
30
+
31
+ /*検索ダイアログ表示*/
32
+
33
+ $("#mado1").ipop();
34
+
35
+ } );
36
+
37
+
38
+
39
+ /*画面遷移の直前にダイアログの状態をcookieに保存*/
40
+
41
+ $(window).on("beforeunload",function(){
42
+
43
+ /*ダイアログは見えてる？*/
44
+
45
+ if($('#mado1').css('display') == 'block') {
46
+
47
+ /*表示中状態を保存*/
48
+
49
+ setCookie("OPEN","OPEN");
50
+
51
+ }
52
+
53
+ else
54
+
55
+ {
56
+
57
+ /*消えているので削除*/
58
+
59
+ setCookie("OPEN","");
60
+
61
+ }
62
+
63
+ });
64
+
65
+
66
+
67
+ $(function(){
68
+
69
+ /*cookieに保存した状態を確認*/
70
+
71
+ if(getCookie("OPEN")){
72
+
73
+ /*正常に取得できたならダイアログ表示*/
74
+
75
+ $("#mado1").ipop();
76
+
77
+ }
78
+
79
+ });
80
+
81
+
82
+
83
+ /*cookie の取得と中身の有無を確認*/
84
+
85
+ $(function getCookie(keyname) {
86
+
87
+ return ($.cookie(keyname)!="undefined");
88
+
89
+ });
90
+
91
+
92
+
93
+ /*cookie の保存処理*/
94
+
95
+ $(function setCookie( keyname, val ) {
96
+
97
+
98
+
99
+ /*値が指定されていたら保存、空文字列なら削除*/
100
+
101
+ if( state != "" ){
102
+
103
+ /*cookieに保存*/
104
+
105
+ $.cookie(keyname, val)
106
+
107
+ }
108
+
109
+ else{
110
+
111
+ /*cookieのクリア*/
112
+
113
+ $.cookie(keyname, "", {expires: -1});
114
+
115
+ }
116
+
117
+ });
118
+
119
+ });
120
+
121
+ </script>
122
+
123
+ <style type="text/css">
124
+
125
+ .ipop {
126
+
127
+ padding: 0;
128
+
129
+ background-color: #fed;
130
+
131
+ width: 300px;
132
+
133
+ height: 200px;
134
+
135
+ border: 1px solid #aaa;
136
+
137
+
138
+
139
+ /* この３行は必須 */
140
+
141
+ position: absolute;
142
+
143
+ display: none;
144
+
145
+ z-index: 9999;
146
+
147
+ }
148
+
149
+ .ipop_search {
150
+
151
+ padding: 0;
152
+
153
+ background-color: #fed;
154
+
155
+ width: 300px;
156
+
157
+ height: 400px;
158
+
159
+ border: 1px solid #aaa;
160
+
161
+
162
+
163
+ /* この３行は必須 */
164
+
165
+ position: absolute;
166
+
167
+ display: none;
168
+
169
+ z-index: 9999;
170
+
171
+ }
172
+
173
+ .ipop_title {
174
+
175
+ background-color: #fdc;
176
+
177
+ cursor: move;
178
+
179
+ }
180
+
181
+
182
+
183
+ .ipop_close {
184
+
185
+ cursor: pointer;
186
+
187
+ float: right;
188
+
189
+ }
190
+
191
+ </style>
192
+
193
+ <title>ポップアップウインドウテスト</title>
194
+
195
+ </head>
196
+
197
+ <body>
198
+
199
+ <a href=./test109.php?id=1>テスト０</a><br>
200
+
201
+ <?php
202
+
203
+ if ($_GET["id"] == "1")
204
+
205
+ {
206
+
207
+ echo "テスト１<br>";
208
+
209
+ }
210
+
211
+ ?>
212
+
213
+ <input type='button' value='検 索' id='open1'>
214
+
215
+
216
+
217
+ <div class="ipop_search" id="mado1">
218
+
219
+ <div class="ipop_close">×</div>
220
+
221
+ <div class="ipop_title">検索</div>
222
+
223
+ <?php
224
+
225
+ echo "<form action='./test109.php' method='post'>";
226
+
227
+ echo"<input type='text' name='keyword' style='width:240px;'><input type='submit' value='検索'>";
228
+
229
+ echo "<form>";
230
+
231
+
232
+
233
+ $keyword = $_POST['keyword'];
234
+
235
+
236
+
237
+ echo '<div id="kwd">'.$keyword.'</div>';
238
+
239
+
240
+
241
+ ?>
242
+
243
+ </div>
244
+
245
+
246
+
247
+
248
+
249
+ </body>
250
+
251
+ </html>
224
252
 
225
253
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
226
254
 
@@ -312,40 +340,16 @@
312
340
 
313
341
 
314
342
 
315
- 先程他の方にアドバイスを頂き実行をしましたがエラーになってしまい
316
-
317
- 質問をしましたが質問内容に一部誤字があり再度コメントをしようと思い
318
-
319
- ボタンを押そうと思いましたが誤ってベストアンサーをクリックしたので
320
-
321
- 再度質問をさせて頂きました。
322
-
323
-
324
-
325
- function() {
326
-
327
- /*cookieに保存した状態を確認*/
328
-
329
- if(getCookie("OPEN")){
343
+ 『if(getCookie("OPEN")){』の行で以下のエラーが発生しております。
330
-
331
- /*正常に取得できたならダイアログ表示*/
344
+
332
-
333
- $("#mado1").ipop();
334
-
335
- }
336
-
337
- }
338
-
339
-
340
-
341
-
342
-
343
- function() {で下記のエラーが発生しております。
344
-
345
- SyntaxError: missing ) after argument list
345
+ Uncaught ReferenceError: getCookie is not defined
346
+
347
+
348
+
346
-
349
+ バージョンに問題があるのかとかcookieの定義の仕方に問題があるのか
347
-
348
-
350
+
349
- 自分でやってみましたが解決できませんでした。
351
+ 調べてみましたが解決策が上手く見つかりません。
350
-
352
+
351
- 大変恐縮ですが、ご教示いただけますでしょうか？
353
+ 大変恐縮ですが、また皆様のお力をお借りしたくご教示頂くようお願い
354
+
355
+ 申し上げます。

1

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

2015/06/12 11:35

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -348,4 +348,4 @@
348
348
 
349
349
  自分でやってみましたが解決できませんでした。
350
350
 
351
- 大変恐縮ですが、ご教示いただけますでしょう？
351
+ 大変恐縮ですが、ご教示いただけますでしょうか？