質問編集履歴
1
confirm\(\)の構造
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,10 @@
|
|
1
1
|
###前提・実現したいこと
|
2
2
|
|
3
3
|
JavaScript(jQuery)でsubmitボタンを押した時にconfirm()の代わりにcolorboxを使いたいです。
|
4
|
+
|
5
|
+
サーバからもらったデータを現在作成したデータと比べ、同じデータがあった場合coloboxを出して確認する流れです。
|
6
|
+
|
7
|
+
それぞれのcolorboxがconfirm()のようにボタンを押すまで待つ必要があります。
|
4
8
|
|
5
9
|
|
6
10
|
|
@@ -18,23 +22,35 @@
|
|
18
22
|
|
19
23
|
$("#testButton").click(function(){
|
20
24
|
|
21
|
-
|
25
|
+
if(data.a == a){
|
22
26
|
|
23
|
-
|
27
|
+
var chk = confirmBox(data.msg_a);
|
24
28
|
|
25
|
-
|
29
|
+
if(chk == false)
|
26
30
|
|
27
|
-
|
31
|
+
return false;
|
28
32
|
|
29
|
-
|
33
|
+
}
|
30
34
|
|
31
|
-
|
35
|
+
if(data.b == b){
|
32
36
|
|
33
|
-
var chk
|
37
|
+
var chk2 = confirmBox(data.msg_b);
|
34
38
|
|
35
|
-
if(chk
|
39
|
+
if(chk2 == false)
|
36
40
|
|
37
|
-
return false;
|
41
|
+
return false;
|
42
|
+
|
43
|
+
}
|
44
|
+
|
45
|
+
if(data.c == c){
|
46
|
+
|
47
|
+
var chk3 = confirmBox(data.msg_c);
|
48
|
+
|
49
|
+
if(chk3 == false
|
50
|
+
|
51
|
+
return false;
|
52
|
+
|
53
|
+
}
|
38
54
|
|
39
55
|
return true;
|
40
56
|
|
@@ -44,13 +60,13 @@
|
|
44
60
|
|
45
61
|
|
46
62
|
|
47
|
-
function confirmBox() {
|
63
|
+
function confirmBox(msg) {
|
48
64
|
|
49
65
|
$.colorbox({
|
50
66
|
|
51
67
|
html:
|
52
68
|
|
53
|
-
"続きますか?" +
|
69
|
+
+ msg + "が同一ですが、続きますか?" +
|
54
70
|
|
55
71
|
"<li><button type='button' id='okButton'>OK</button></li>" +
|
56
72
|
|
@@ -113,3 +129,7 @@
|
|
113
129
|
debugモードで確かめてみましたけどcolorboxが現れてボタンを押すのを待たずに進んでてreturn true;で終わった後からcolorboxが出てきました。
|
114
130
|
|
115
131
|
confirm()の代わりにcolorboxを使って順番的にボタンを押したら次に進むようにしたいです。
|
132
|
+
|
133
|
+
コードを略した時に付けてた答えを試してみましたけど、順番的って事だけ合ってませんので使えなかったです。
|
134
|
+
|
135
|
+
答えのソースではonClosedで比べするとなんとか出来るとは思いますが、そうだとデータが合わなくスキップするcolorboxも考える必要があります。でも答えのソースでは一度は必ずcolorboxが現れる必要がありましのであのソースでは使えませんでした。
|