質問編集履歴

5

footer.phpの追加

2021/10/24 13:28

投稿

scottie320
scottie320

スコア28

test CHANGED
File without changes
test CHANGED
@@ -150,6 +150,152 @@
150
150
 
151
151
 
152
152
 
153
+ footer.php
154
+
155
+ ```php
156
+
157
+
158
+
159
+ jQuery(document).ready(function () {
160
+
161
+ $('.list-cases ul li .case-img').empty();
162
+
163
+
164
+
165
+ $.ajax({
166
+
167
+ url: 'https://charme-beauty.jp/staging/wp-admin/admin-ajax.php?action=get_case',
168
+
169
+ type: 'get',
170
+
171
+ dataType: 'json',
172
+
173
+ success: function (res) {
174
+
175
+ if (res.status == true) {
176
+
177
+ var html_case = '<a class="case-content" href="#" data-src="#pop-[id]" data-fancybox="group">[image]<p class="text-center">[case_name]</p></a>';
178
+
179
+ var html_popup = '<div id="pop-[id]" class="popup_box">';
180
+
181
+ html_popup += '<div class="popup_box_inner">';
182
+
183
+ html_popup += '<div class="popup_box_l">';
184
+
185
+ html_popup += '[image]';
186
+
187
+ html_popup += '</div>';
188
+
189
+ html_popup += '<div class="popup_box_r">';
190
+
191
+ html_popup += '<p style="color: #937F65;font-family: \'Futura Midium\';font-size: 22px;margin-bottom: -5px !important;font-weight: 600;">[case_name1]</p>';
192
+
193
+ html_popup += '<p style="color: #937f65;font-weight: 600;margin-bottom: -5px !important;">[case_clinic]</p>';
194
+
195
+ html_popup += '<h3 style="margin-top: 0px;margin-bottom: 30px;"></h3>';
196
+
197
+ html_popup += '<div>';
198
+
199
+ html_popup += '<dl><dt style="font-size:24px; color: #000; letter-spacing: 5px;">[case_name]</dt></dl>';
200
+
201
+ html_popup += '<dl><dt style="font-size: 16px;">料金</dt><dd style="font-family: \'Futura Midium\'; font-weight: 600">[case_price]</dd></dl>';
202
+
203
+ html_popup += '<dl><dt style="font-size: 16px;">リスク・副作用</dt><dd style="font-weight: 600">[case_risk]</dd></dl>';
204
+
205
+ html_popup += '</div>';
206
+
207
+ html_popup += '</div>';
208
+
209
+ html_popup += '</div>';
210
+
211
+ html_popup += '</div>';
212
+
213
+
214
+
215
+ if (res.data.length > 0) {
216
+
217
+ $.each(res.data, function (x, y) {
218
+
219
+ $.each(y, function (a, b) {
220
+
221
+ if (b.id) {
222
+
223
+ var html = html_case;
224
+
225
+ html = html.replace('[id]', b.id);
226
+
227
+ html = html.replace('[image]', b.thumb);
228
+
229
+ html = html.replace('[case_name]', b.case_name);
230
+
231
+ $('.list-cases ul li:eq(' + (x) + ') .case-img').append(html);
232
+
233
+
234
+
235
+ var popup = html_popup;
236
+
237
+ popup = popup.replace('[id]', b.id);
238
+
239
+ popup = popup.replace('[image]', b.popup);
240
+
241
+ popup = popup.replace('[case_name1]', b.case_name1);
242
+
243
+ popup = popup.replace('[case_clinic]', b.case_clinic);
244
+
245
+ popup = popup.replace('[case_name]', b.case_name);
246
+
247
+ popup = popup.replace('[case_price]', b.case_price);
248
+
249
+ popup = popup.replace('[case_risk]', b.case_risk);
250
+
251
+ $('.list-cases ul li:eq(' + (x) + ') .case-right .popup').append(popup);
252
+
253
+ }
254
+
255
+ });
256
+
257
+ });
258
+
259
+
260
+
261
+ $('[data-fancybox]').fancybox({});
262
+
263
+
264
+
265
+ $('[data-slider-3]').slick({
266
+
267
+ infinite: true,
268
+
269
+ slidesToShow: 3,
270
+
271
+ slidesToScroll: 1
272
+
273
+ });
274
+
275
+ }
276
+
277
+ }
278
+
279
+ }
280
+
281
+ });
282
+
283
+ $(function () {
284
+
285
+ $('.sec-case-detail li div').matchHeight();
286
+
287
+ $('.sec-case-detail li span').matchHeight();
288
+
289
+ $('.sec-case-detail li h3').matchHeight();
290
+
291
+ });
292
+
293
+ });
294
+
295
+ ```
296
+
297
+
298
+
153
299
  ###試したコード1
154
300
 
155
301
  jsでurlを取得しようとしています。しかし、var_dumpの結果はNULLです。

4

試したコード2の追加

2021/10/24 13:28

投稿

scottie320
scottie320

スコア28

test CHANGED
File without changes
test CHANGED
@@ -150,7 +150,7 @@
150
150
 
151
151
 
152
152
 
153
- ###試したこと
153
+ ###試したコード1
154
154
 
155
155
  jsでurlを取得しようとしています。しかし、var_dumpの結果はNULLです。
156
156
 
@@ -172,6 +172,26 @@
172
172
 
173
173
  data: {"url": url},
174
174
 
175
+ error: function (XMLHttpRequest, textStatus, errorThrown) {
176
+
177
+ console.log("ajax通信に失敗しました");
178
+
179
+ console.log("XMLHttpRequest : " + XMLHttpRequest.status);
180
+
181
+ console.log("textStatus : " + textStatus);
182
+
183
+ console.log("errorThrown : " + errorThrown.message);
184
+
185
+ },
186
+
187
+ success: function (response) {
188
+
189
+ console.log("ajax通信に成功しました");
190
+
191
+ console.log(url_category);
192
+
193
+ }
194
+
175
195
  });
176
196
 
177
197
  });
@@ -184,11 +204,65 @@
184
204
 
185
205
  ```php
186
206
 
187
- <?php var_dump($_POST['url']); ?>
207
+ <?php var_dump($_POST['url_category']); ?>
188
-
208
+
189
- ```
209
+ ```
210
+
190
-
211
+ ###試したコード2
212
+
191
-
213
+ 下記コードの結果、
214
+
215
+ footer.php
216
+
217
+ ```php
218
+
219
+ jQuery(document).ready(function () {
220
+
221
+ var url_category = window.location.href;
222
+
223
+ var ajaxUrl = window.location.protocol + '//' + window.location.host + '/staging/wp-content/themes/charme-beauty/functions.php';
224
+
225
+ $.ajax({
226
+
227
+ url: ajaxUrl,
228
+
229
+ type: "POST",
230
+
231
+ data: { "url_category": url_category },
232
+
233
+ error: function (XMLHttpRequest, textStatus, errorThrown) {
234
+
235
+ console.log("ajax通信に失敗しました");
236
+
237
+ console.log("XMLHttpRequest : " + XMLHttpRequest.status);
238
+
239
+ console.log("textStatus : " + textStatus);
240
+
241
+ console.log("errorThrown : " + errorThrown.message);
242
+
243
+ },
244
+
245
+ success: function (response) {
246
+
247
+ console.log("ajax通信に成功しました");
248
+
249
+ console.log(url_category);
250
+
251
+ }
252
+
253
+ });
254
+
255
+ });
256
+
257
+ ```
258
+
259
+ functions.php
260
+
261
+ ```php
262
+
263
+ $url = $_POST['url_category'];
264
+
265
+ ```
192
266
 
193
267
 
194
268
 

3

試したことの修正

2021/10/23 04:30

投稿

scottie320
scottie320

スコア28

test CHANGED
File without changes
test CHANGED
@@ -152,7 +152,7 @@
152
152
 
153
153
  ###試したこと
154
154
 
155
- jsでurlを取得しようとしています。
155
+ jsでurlを取得しようとしています。しかし、var_dumpの結果はNULLです。
156
156
 
157
157
  footer.php
158
158
 

2

試したことの修正

2021/10/15 05:46

投稿

scottie320
scottie320

スコア28

test CHANGED
File without changes
test CHANGED
@@ -168,7 +168,7 @@
168
168
 
169
169
  type: "POST",
170
170
 
171
- url: "taxonomy-case_category-page1.php",
171
+ url: "https://example.com/case/page1",
172
172
 
173
173
  data: {"url": url},
174
174
 

1

試したことの追加

2021/10/15 05:44

投稿

scottie320
scottie320

スコア28

test CHANGED
File without changes
test CHANGED
@@ -150,6 +150,48 @@
150
150
 
151
151
 
152
152
 
153
+ ###試したこと
154
+
155
+ jsでurlを取得しようとしています。
156
+
157
+ footer.php
158
+
159
+ ```php
160
+
161
+ <script>
162
+
163
+ jQuery(document).ready(function () {
164
+
165
+ var url = window.location.href;
166
+
167
+ $.ajax({
168
+
169
+ type: "POST",
170
+
171
+ url: "taxonomy-case_category-page1.php",
172
+
173
+ data: {"url": url},
174
+
175
+ });
176
+
177
+ });
178
+
179
+ ```
180
+
181
+
182
+
183
+ taxonomy-case_category-page1.php
184
+
185
+ ```php
186
+
187
+ <?php var_dump($_POST['url']); ?>
188
+
189
+ ```
190
+
191
+
192
+
193
+
194
+
153
195
  ### 補足情報(FW/ツールのバージョンなど)
154
196
 
155
197
  Wordpress 5.4.4