I tried to find the answer here but nothing has been working. Can u guys help me?
I have a loop in my logged page what loops "forklifts" from the database. In every bar, I have hidden modal what I want to show on button click. the modal has an id of a looped forklift (otherwise it opens all modals). This code doesn't work and I don't know why.
js
function open_broken_modal(id){
$("#" + id).css("display", "block");
//$(".modal_bg").css("display", "block");
}
css
z-index:250;
position:fixed;
top:75px;
left:calc(50% - 300px);
width:600px;
height:500px;
background-color:white;
border:2px solid red;
border-radius:2px;
display:none;
php & html
<div id="<?php print $forklift_id; ?>" class="forklift_broken_modal">
<div id="modal_info_wrapper" class="modal_info_wrapper">
<h1 class="forklift_number_h" id="forklift_number_b"><?php print $forklift_id; ?></h1>
<h2 class="forklift_name_h" id="forklift_name_b"></h2>
<div class="forklift_info_box">
<p class="forklift_info_p" id="forklift_info_b"></p>
</div>
<h2 class="forklift_name_h">charging spot</h2>
<p class="forklift_info_p" id="forklift_chargin_b"></p>
</div>
<form action="">
<div class="modal_input_wrapper">
<input title="this information will be sent to management" class="radio_btn" type="radio" name="broken" value="broken">broken
<input class="broken_info" type="text" name="broken_info" placeholder="write short information how its broken here."><br>
<input class="radio_btn" type="radio" name="broken" value="not_broken">intact<br>
</div>
<div class="modal_footer">
<input title="this information will be sent to management" class="input_submit" value="save" name="save_broken_details" type="submit">
<button onclick="close_all_modals();" class="input_submit">exit</button>
</div>
</form>
</div>
this is only modal, not the whole looped bar. And I have checked that id goes through js function correctly.
