質問編集履歴
5
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
### 発生している問題・エラーメッセージ
|
|
9
9
|
ユーザー名をクリックしてモーダルが開かれても配列の最後のユーザーの情報しか表示されない。
|
|
10
|
-
|
|
11
10
|
|
|
12
11
|
### 該当のソースコード
|
|
13
12
|
|
4
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -186,6 +186,16 @@
|
|
|
186
186
|
}
|
|
187
187
|
```
|
|
188
188
|
|
|
189
|
+
```room.js
|
|
190
|
+
const a = document.querySelector("#electric-cars");
|
|
191
|
+
// 次のようにしても動作します。
|
|
192
|
+
// const a = document.getElementById("electric-cars")
|
|
193
|
+
|
|
194
|
+
a.dataset.columns;
|
|
195
|
+
a.dataset.indexNumber;
|
|
196
|
+
a.dataset.parent;
|
|
197
|
+
```
|
|
198
|
+
|
|
189
199
|
### 試したこと
|
|
190
200
|
ループ文内に記入したりをしたのですが、クリック後に画面が真っ暗になるだけでモーダルが表示されませんでした。
|
|
191
201
|
ループ文の中にモーダル内容を入れるとクリックしたユーザーの情報を送れますか？
|
3
現在のコード
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,22 +18,31 @@
|
|
|
18
18
|
<label for="ac">参加者</label>
|
|
19
19
|
@foreach($myRoomMembers as $myRoomMember)
|
|
20
20
|
<div class="acbox-under room-enterning-list">
|
|
21
|
-
<h5><a href="#modal-
|
|
21
|
+
<h5><a href="#modal-{{ $myRoomMember->id }}" class="modal-button" >
|
|
22
|
+
{{ $myRoomMember->user->name }}
|
|
23
|
+
</a></h5>
|
|
22
24
|
</div>
|
|
23
25
|
@endforeach
|
|
24
26
|
</div>
|
|
25
27
|
@endif
|
|
26
28
|
</div>
|
|
27
29
|
|
|
28
|
-
|
|
30
|
+
{{-- モーダル内容 --}}
|
|
29
|
-
<div class="modal-wrapper" id="modal-
|
|
31
|
+
<div class="modal-wrapper" id="modal-{{ $myRoomMember->id }}">
|
|
30
32
|
<a href="#!" class="modal-overlay"></a>
|
|
31
33
|
<div class="modal-window">
|
|
32
34
|
<div class="modal-content">
|
|
33
|
-
<p class="modal_title">{{ $myRoomMember->user->name }}</p>
|
|
35
|
+
<p class="modal_title">{{ $myRoomMember->user->name }}</p>
|
|
36
|
+
<form method="POST" action="{{ route('member.destroy', $myRoomMember->id) }}">
|
|
37
|
+
@csrf
|
|
38
|
+
@method('DELETE')
|
|
39
|
+
<input type="hidden" id="user_id" name="user_id" value="{{$myRoomMember->id}}">
|
|
40
|
+
<div class="flex items-center justify-end mt-4">
|
|
41
|
+
<x-danger-button class="ms-4" onClick='return myMemberDeleteAlert();'>
|
|
42
|
+
{{ $myRoomMember->user->name }}を強制退室
|
|
34
|
-
<
|
|
43
|
+
</x-danger-button>
|
|
35
|
-
{{}}
|
|
36
|
-
</
|
|
44
|
+
</div>
|
|
45
|
+
</form>
|
|
37
46
|
</div>
|
|
38
47
|
<a href="#!" class="modal-close"><i class="far fa-times-circle"></i></a>
|
|
39
48
|
</div>
|
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -181,6 +181,9 @@
|
|
|
181
181
|
ループ文内に記入したりをしたのですが、クリック後に画面が真っ暗になるだけでモーダルが表示されませんでした。
|
|
182
182
|
ループ文の中にモーダル内容を入れるとクリックしたユーザーの情報を送れますか？
|
|
183
183
|
|
|
184
|
+
!追記!
|
|
185
|
+
#modal-01の01の箇所を{{ $myRoomMember->user->id }}や{{ $myRoomMember->id }}に変えたのですが、最後に取得したデータしかモーダルが開きませんでした。
|
|
186
|
+
|
|
184
187
|
### 補足情報（FW/ツールのバージョンなど）
|
|
185
188
|
PHP8
|
|
186
189
|
Laravel10
|
1
gifの添付
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
### 発生している問題・エラーメッセージ
|
|
9
9
|
ユーザー名をクリックしてモーダルが開かれても配列の最後のユーザーの情報しか表示されない。
|
|
10
|
+
|
|
10
11
|
|
|
11
12
|
### 該当のソースコード
|
|
12
13
|
|