質問編集履歴
5
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -190,27 +190,13 @@
|
|
190
190
|
|
191
191
|
|
192
192
|
|
193
|
+
|
194
|
+
|
193
195
|
<script>
|
194
196
|
|
195
197
|
$(function() {
|
196
198
|
|
197
|
-
let checkedsum; //チェックが入っている個数
|
198
|
-
|
199
|
-
$('.job_checkbox').on("click",function(){
|
200
|
-
|
201
|
-
checkedsum = $('.job_checkbox:checked').length; //チェックが入っているチェックボックスの取得
|
202
|
-
|
203
|
-
|
199
|
+
Barba.Pjax.start();
|
204
|
-
|
205
|
-
$('.job_checkbox').prop("required",false); //required属性の解除
|
206
|
-
|
207
|
-
}else{
|
208
|
-
|
209
|
-
$('.job_checkbox').prop("required",true); //required属性の付与
|
210
|
-
|
211
|
-
}
|
212
|
-
|
213
|
-
});
|
214
200
|
|
215
201
|
});
|
216
202
|
|
@@ -218,18 +204,6 @@
|
|
218
204
|
|
219
205
|
|
220
206
|
|
221
|
-
<script>
|
222
|
-
|
223
|
-
$(function() {
|
224
|
-
|
225
|
-
Barba.Pjax.start();
|
226
|
-
|
227
|
-
});
|
228
|
-
|
229
|
-
</script>
|
230
|
-
|
231
|
-
|
232
|
-
|
233
207
|
<!-- 以下略 -->
|
234
208
|
|
235
209
|
```
|
4
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -118,47 +118,7 @@
|
|
118
118
|
|
119
119
|
<div>
|
120
120
|
|
121
|
-
<span>
|
122
|
-
|
123
|
-
<input id="engineer" class="job_checkbox" type="checkbox" name="job" value="エンジニア" required/><label for="engineer">SE(システムエンジニア)</label>
|
124
|
-
|
125
|
-
|
121
|
+
<!-- 中略 -->
|
126
|
-
|
127
|
-
<span>
|
128
|
-
|
129
|
-
<input id="designer" class="job_checkbox" type="checkbox" name="job" value="webデザイナー" required/><label for="designer">webデザイナー</label>
|
130
|
-
|
131
|
-
</span>
|
132
|
-
|
133
|
-
<span>
|
134
|
-
|
135
|
-
<input id="programmer" class="job_checkbox" type="checkbox" name="job" value="プログラマー" required/><label for="programmer">プログラマー</label>
|
136
|
-
|
137
|
-
</span>
|
138
|
-
|
139
|
-
<span>
|
140
|
-
|
141
|
-
<input id="wrighter" class="job_checkbox" type="checkbox" name="job" value="ライター" required/><label for="wrighter">ライター</label>
|
142
|
-
|
143
|
-
</span>
|
144
|
-
|
145
|
-
<span>
|
146
|
-
|
147
|
-
<input id="security" class="job_checkbox" type="checkbox" name="job" value="保守・管理" required/><label for="security">保守・管理</label>
|
148
|
-
|
149
|
-
</span>
|
150
|
-
|
151
|
-
<span>
|
152
|
-
|
153
|
-
<input id="other" class="job_checkbox" type="checkbox" name="other" value="その他" required/><label for="other">その他</label>
|
154
|
-
|
155
|
-
</span>
|
156
|
-
|
157
|
-
<span>
|
158
|
-
|
159
|
-
※複数選択可
|
160
|
-
|
161
|
-
</span>
|
162
122
|
|
163
123
|
</div>
|
164
124
|
|
3
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -64,116 +64,148 @@
|
|
64
64
|
|
65
65
|
|
66
66
|
|
67
|
-
|
68
|
-
|
69
67
|
<div id="barba-wrapper">
|
70
68
|
|
71
69
|
<div class="barba-container">
|
72
70
|
|
73
71
|
|
74
72
|
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
73
|
+
<?php if( $page_flag === 1 ): ?>
|
74
|
+
|
75
|
+
|
76
|
+
|
77
|
+
<?php require('confirm.php'); ?>
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
<?php elseif( $page_flag === 2 ): ?>
|
82
|
+
|
83
|
+
|
84
|
+
|
85
|
+
<?php require('done.php'); ?>
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
<?php else: ?>
|
90
|
+
|
91
|
+
|
92
|
+
|
93
|
+
<div class="container">
|
94
|
+
|
95
|
+
<h1 class="bolder pb-3">以下のフォームにご記入いただき、<span class="inlineblock">「送信ボタン」をクリックしてください。</h1>
|
96
|
+
|
97
|
+
<p class="small text-dimgray text-center">※必要な場合をのぞいて、こちらから何度もメール<span class="inlineblock">することはございませんので、ご安心ください。<span class="inlineblock"></span></p>
|
98
|
+
|
99
|
+
</div>
|
100
|
+
|
101
|
+
<div class="contact_form_wrapper px-3">
|
102
|
+
|
103
|
+
<form action="" method="post">
|
104
|
+
|
105
|
+
<p class="form_flex">
|
106
|
+
|
107
|
+
<label class="formtitle" for="name">お名前<span class="required">【必須】</span></label><input type="text" id="name" name="name" placeholder="山田太郎" required/>
|
108
|
+
|
109
|
+
</p>
|
110
|
+
|
111
|
+
<div class="jobs">
|
112
|
+
|
113
|
+
<p class="formtitle">
|
114
|
+
|
115
|
+
<span>ご職業 <span class="required">【必須】</span></span>
|
116
|
+
|
117
|
+
</p>
|
118
|
+
|
119
|
+
<div>
|
120
|
+
|
121
|
+
<span>
|
122
|
+
|
123
|
+
<input id="engineer" class="job_checkbox" type="checkbox" name="job" value="エンジニア" required/><label for="engineer">SE(システムエンジニア)</label>
|
124
|
+
|
125
|
+
</span>
|
126
|
+
|
127
|
+
<span>
|
128
|
+
|
129
|
+
<input id="designer" class="job_checkbox" type="checkbox" name="job" value="webデザイナー" required/><label for="designer">webデザイナー</label>
|
130
|
+
|
131
|
+
</span>
|
132
|
+
|
133
|
+
<span>
|
134
|
+
|
135
|
+
<input id="programmer" class="job_checkbox" type="checkbox" name="job" value="プログラマー" required/><label for="programmer">プログラマー</label>
|
136
|
+
|
137
|
+
</span>
|
138
|
+
|
139
|
+
<span>
|
140
|
+
|
141
|
+
<input id="wrighter" class="job_checkbox" type="checkbox" name="job" value="ライター" required/><label for="wrighter">ライター</label>
|
142
|
+
|
143
|
+
</span>
|
144
|
+
|
145
|
+
<span>
|
146
|
+
|
147
|
+
<input id="security" class="job_checkbox" type="checkbox" name="job" value="保守・管理" required/><label for="security">保守・管理</label>
|
148
|
+
|
149
|
+
</span>
|
150
|
+
|
151
|
+
<span>
|
152
|
+
|
153
|
+
<input id="other" class="job_checkbox" type="checkbox" name="other" value="その他" required/><label for="other">その他</label>
|
154
|
+
|
155
|
+
</span>
|
156
|
+
|
157
|
+
<span>
|
158
|
+
|
159
|
+
※複数選択可
|
160
|
+
|
161
|
+
</span>
|
162
|
+
|
163
|
+
</div>
|
164
|
+
|
165
|
+
</div>
|
166
|
+
|
167
|
+
<p class="form_flex">
|
168
|
+
|
169
|
+
<label class="formtitle" for="mail">メールアドレス<span class="required">【必須】</span></label><input id="mail" type="email" name="mail" placeholder="example@mail.jp" required/>
|
170
|
+
|
171
|
+
</p>
|
172
|
+
|
173
|
+
<p class="form_flex textarea">
|
174
|
+
|
175
|
+
<label class="formtitle" for="comment">その他</label><textarea id="comment" type="textarea" name="message" placeholder="疑問点などがございましたらご記入ください"></textarea>
|
176
|
+
|
177
|
+
</p>
|
178
|
+
|
179
|
+
<div class="btn_wrapper">
|
180
|
+
|
181
|
+
<p class="submit">
|
182
|
+
|
183
|
+
<input type="submit" name="confirm" value="入力内容を確認する" />
|
184
|
+
|
185
|
+
</p>
|
186
|
+
|
187
|
+
<p class="reset">
|
188
|
+
|
189
|
+
<input type="reset" value="リセット" />
|
190
|
+
|
191
|
+
</p>
|
192
|
+
|
193
|
+
</div>
|
194
|
+
|
195
|
+
</form>
|
196
|
+
|
197
|
+
</div>
|
198
|
+
|
199
|
+
|
200
|
+
|
201
|
+
<?php endif; ?>
|
202
|
+
|
203
|
+
|
170
204
|
|
171
205
|
</div>
|
172
206
|
|
173
207
|
</div>
|
174
208
|
|
175
|
-
|
176
|
-
|
177
209
|
</section>
|
178
210
|
|
179
211
|
|
@@ -192,25 +224,49 @@
|
|
192
224
|
|
193
225
|
<script src="js/jquery.pjax.js"></script>
|
194
226
|
|
195
|
-
|
227
|
+
<script src="https://unpkg.com/@barba/core@next"></script>
|
196
|
-
|
228
|
+
|
197
|
-
|
229
|
+
<script src="https://www.promisejs.org/polyfills/promise-6.1.0.min.js"></script>
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
230
|
+
|
231
|
+
|
232
|
+
|
205
|
-
|
233
|
+
<script>
|
206
|
-
|
234
|
+
|
207
|
-
|
235
|
+
$(function() {
|
236
|
+
|
208
|
-
|
237
|
+
let checkedsum; //チェックが入っている個数
|
238
|
+
|
239
|
+
$('.job_checkbox').on("click",function(){
|
240
|
+
|
241
|
+
checkedsum = $('.job_checkbox:checked').length; //チェックが入っているチェックボックスの取得
|
242
|
+
|
243
|
+
if( checkedsum > 0 ){
|
244
|
+
|
245
|
+
$('.job_checkbox').prop("required",false); //required属性の解除
|
246
|
+
|
247
|
+
}else{
|
248
|
+
|
249
|
+
$('.job_checkbox').prop("required",true); //required属性の付与
|
250
|
+
|
251
|
+
}
|
252
|
+
|
253
|
+
});
|
254
|
+
|
255
|
+
});
|
256
|
+
|
257
|
+
</script>
|
258
|
+
|
259
|
+
|
260
|
+
|
261
|
+
<script>
|
262
|
+
|
263
|
+
$(function() {
|
264
|
+
|
209
|
-
|
265
|
+
Barba.Pjax.start();
|
210
|
-
|
266
|
+
|
211
|
-
|
267
|
+
});
|
212
|
-
|
268
|
+
|
213
|
-
|
269
|
+
</script>
|
214
270
|
|
215
271
|
|
216
272
|
|
@@ -234,10 +290,6 @@
|
|
234
290
|
|
235
291
|
<div class="container">
|
236
292
|
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
293
|
<h1 class="bolder pb-3">以下の内容でよろしければ、下の<span class="inlineblock">「送信する」をクリックしてください。</span></h1>
|
242
294
|
|
243
295
|
</div>
|
@@ -298,8 +350,6 @@
|
|
298
350
|
|
299
351
|
<input type="hidden" name="message" value="<?php echo $_POST['message']; ?>">
|
300
352
|
|
301
|
-
|
302
|
-
|
303
353
|
</form>
|
304
354
|
|
305
355
|
</div>
|
2
修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【
|
1
|
+
【jQuery】Barba.jsが動きません。
|
test
CHANGED
File without changes
|
1
誤字
test
CHANGED
File without changes
|
test
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
|
13
13
|
フォームの表示自体は、ご覧のようにphpで切り替わるようにしたのですが、
|
14
14
|
|
15
|
-
ボタンを押すとページ
|
15
|
+
ボタンを押すとページがリロードされトップ位置に戻ってしまいます。
|
16
16
|
|
17
17
|
長いシングルページのため、
|
18
18
|
|