質問編集履歴

5

追記

2021/02/25 10:39

投稿

yastinbieber
yastinbieber

スコア49

test CHANGED
File without changes
test CHANGED
@@ -333,3 +333,95 @@
333
333
  #### ちなみにjavascriptで読み込むもの
334
334
 
335
335
  ![イメージ説明](cda4f187da9f483a12c46ec6a26b0614.png)
336
+
337
+
338
+
339
+ #### navber
340
+
341
+ ```
342
+
343
+ <nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top text-white">
344
+
345
+ <div class="container">
346
+
347
+ <div class="navbar-wrapper">
348
+
349
+ <a class="navbar-brand" href="javascript:;">Toreka</a>
350
+
351
+ </div>
352
+
353
+ <button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
354
+
355
+ <span class="sr-only">Toggle navigation</span>
356
+
357
+ <span class="navbar-toggler-icon icon-bar"></span>
358
+
359
+ <span class="navbar-toggler-icon icon-bar"></span>
360
+
361
+ <span class="navbar-toggler-icon icon-bar"></span>
362
+
363
+ </button>
364
+
365
+ <div class="collapse navbar-collapse justify-content-end">
366
+
367
+ <ul class="navbar-nav">
368
+
369
+ <li class="nav-item">
370
+
371
+ <a href="/" class="nav-link">
372
+
373
+ <i class="material-icons">dashboard</i>
374
+
375
+ HOME
376
+
377
+ </a>
378
+
379
+ </li>
380
+
381
+ <li class="nav-item ">
382
+
383
+ <%= link_to "/mainpages/plan_comparison", class: "nav-link" do %>
384
+
385
+ <i class="material-icons">public</i>
386
+
387
+ プラン比較
388
+
389
+ <% end %>
390
+
391
+ </li>
392
+
393
+ <li class="nav-item ">
394
+
395
+ <%= link_to new_user_session_path, class: "nav-link" do %>
396
+
397
+ <i class="material-icons">fingerprint</i>
398
+
399
+ Login
400
+
401
+ <% end %>
402
+
403
+ </li>
404
+
405
+ <li class="nav-item ">
406
+
407
+ <%= link_to new_user_registration_path, class: "nav-link" do %>
408
+
409
+ <i class="material-icons">person_add</i>
410
+
411
+ 無料新規登録
412
+
413
+ <% end %>
414
+
415
+ </li>
416
+
417
+ </ul>
418
+
419
+ </div>
420
+
421
+ </div>
422
+
423
+ </nav>
424
+
425
+
426
+
427
+ ```

4

誤字

2021/02/25 10:39

投稿

yastinbieber
yastinbieber

スコア49

test CHANGED
@@ -1 +1 @@
1
- ```【javascript】ハンバーガーメニューが作動しない
1
+ 【javascript】ハンバーガーメニューが作動しない
test CHANGED
File without changes

3

追記

2021/02/25 08:40

投稿

yastinbieber
yastinbieber

スコア49

test CHANGED
@@ -1 +1 @@
1
- 【javascript】ハンバーガーメニューが作動しない
1
+ ```【javascript】ハンバーガーメニューが作動しない
test CHANGED
@@ -327,3 +327,9 @@
327
327
 
328
328
 
329
329
  ```
330
+
331
+
332
+
333
+ #### ちなみにjavascriptで読み込むもの
334
+
335
+ ![イメージ説明](cda4f187da9f483a12c46ec6a26b0614.png)

2

追記

2021/02/25 08:11

投稿

yastinbieber
yastinbieber

スコア49

test CHANGED
File without changes
test CHANGED
@@ -142,6 +142,8 @@
142
142
 
143
143
 
144
144
 
145
+ #### application.html.erb
146
+
145
147
  ```
146
148
 
147
149
  <!DOCTYPE html>

1

追記

2021/02/25 08:06

投稿

yastinbieber
yastinbieber

スコア49

test CHANGED
File without changes
test CHANGED
@@ -139,3 +139,189 @@
139
139
  //= require autocomplete-rails
140
140
 
141
141
  ```
142
+
143
+
144
+
145
+ ```
146
+
147
+ <!DOCTYPE html>
148
+
149
+ <html>
150
+
151
+ <head>
152
+
153
+ <title>Toreka</title>
154
+
155
+ <%= csrf_meta_tags %>
156
+
157
+ <%= csp_meta_tag %>
158
+
159
+
160
+
161
+ <!--Payjp-->
162
+
163
+ <script type="text/javascript" src="https://js.pay.jp/v1/"></script>
164
+
165
+
166
+
167
+ <!--css,js-->
168
+
169
+ <%= stylesheet_link_tag 'application', media: 'all' %>
170
+
171
+ <%= javascript_include_tag 'application' %>
172
+
173
+
174
+
175
+ <!--icon関連-->
176
+
177
+ <link rel="apple-touch-icon" sizes="76x76" href="assets/apple-icon.png">
178
+
179
+ <%= favicon_link_tag('new_logo.png') %>
180
+
181
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
182
+
183
+
184
+
185
+ <!-- Required meta tags -->
186
+
187
+ <meta charset="utf-8">
188
+
189
+ <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
190
+
191
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
192
+
193
+
194
+
195
+ <!-- Fonts and icons -->
196
+
197
+ <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
198
+
199
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
200
+
201
+ <link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
202
+
203
+
204
+
205
+ <!--スマホ対応-->
206
+
207
+ <meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' />
208
+
209
+
210
+
211
+ </head>
212
+
213
+
214
+
215
+ <body>
216
+
217
+
218
+
219
+ ~~内容は割愛~~
220
+
221
+
222
+
223
+ <!--コレ書かないといけないぽい-->
224
+
225
+ <script>
226
+
227
+ $(document).ready(function() {
228
+
229
+ $('#datatables').DataTable({
230
+
231
+ "pagingType": "full_numbers",
232
+
233
+ "lengthMenu": [
234
+
235
+ [5, 10, 25, 50, -1],
236
+
237
+ [5, 10, 25, 50, "All"]
238
+
239
+ ],
240
+
241
+ responsive: true,
242
+
243
+ language: {
244
+
245
+ search: "_INPUT_",
246
+
247
+ searchPlaceholder: "Search...",
248
+
249
+ }
250
+
251
+ });
252
+
253
+
254
+
255
+ var table = $('#datatable').DataTable();
256
+
257
+
258
+
259
+ // Edit record
260
+
261
+ table.on('click', '.edit', function() {
262
+
263
+ $tr = $(this).closest('tr');
264
+
265
+ var data = table.row($tr).data();
266
+
267
+ alert('You press on Row: ' + data[0] + ' ' + data[1] + ' ' + data[2] + '\'s row.');
268
+
269
+ });
270
+
271
+
272
+
273
+ // Delete a record
274
+
275
+ table.on('click', '.remove', function(e) {
276
+
277
+ $tr = $(this).closest('tr');
278
+
279
+ table.row($tr).remove().draw();
280
+
281
+ e.preventDefault();
282
+
283
+ });
284
+
285
+
286
+
287
+ //Like record
288
+
289
+ table.on('click', '.like', function() {
290
+
291
+ alert('You clicked on Like button');
292
+
293
+ });
294
+
295
+ });
296
+
297
+ </script>
298
+
299
+ <script>
300
+
301
+ $(document).ready(function() {
302
+
303
+ md.checkFullPageBackgroundImage();
304
+
305
+ setTimeout(function() {
306
+
307
+ // after 1000 ms we add the class animated to the login/register card
308
+
309
+ $('.card').removeClass('card-hidden');
310
+
311
+ }, 700);
312
+
313
+ });
314
+
315
+ </script>
316
+
317
+
318
+
319
+ </body>
320
+
321
+ </html>
322
+
323
+
324
+
325
+
326
+
327
+ ```