#javascript #php #jquery
#javascript #php #jquery
Вопрос:
Я пытаюсь передать информацию с кнопки в столбце «действия» в модальный div, я вызываю модальный с помощью JS, однако я не уверен в том, как отправлять информацию из таблицы в div. (Помните, что для каждой кнопки должна быть разная информация, поскольку каждая кнопка находится в другой строке)
<?php
error_reporting(0);
$con = new mysqli("localhost","****","****","****");
if(mysqli_connect_errno()){
echo(mysqli_connect_error());
}
$cuser = $_COOKIE['c_user'];
$result = $con->query("SELECT * FROM calls");
echo"
<table class="table table-bordered responsive">
<thead>
<tr>
<th width="5%">#</th>
<th>Call Status</th>
<th>Player ID</th>
<th>Player Name</th>
<th width="33%">Actions</th>
</tr>
</thead>
<tbody>";
while($row = $result->fetch_assoc()){
echo "<tr> ";
echo("<td>" . $row['id'] . "</td> ");
echo("<td>" . $row['status'] . "</td> ");
echo("<td>" . $row['pid'] . "</td> ");
echo "<td>" . $row['pname'] . "</td> ";
echo "<td> ";
if($row['status'] == 'Pending'){
echo "<a button type="button" class="btn btn-warning" href="calls.php?claim=trueamp;callid=$row[id]">Claim Call</button /a> ";
} else if($cuser == $row['claimedby']) {
echo "<a button type="button" class="btn btn-danger" href="calls.php?closecall=trueamp;callid=$row[id]">Close Call</button /a> ";
} else {
echo "<a button type="button" class="btn btn-warning disabled">Claimed</button /a> ";
}
echo "<a button type="button" href="javascript:;" onclick="jQuery('#modal-2').modal('show');" class="btn btn-info">Call Info</button /a> ";
echo "<a button type="button" id = $row[id] href="javascript:;" onclick="jQuery('#modal-1').modal('show');" class="btn btn-success">Server Info</button /a> ";
echo "<a button type="button" class="btn btn-primary">Join Server</button /a> ";
echo "</td> ";
}
echo "</tr>
</tbody>
</table>";
echo"<div class="modal fade" id="modal-1">
<div class="modal-dialog" style="width: 50%">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">amp;times;</button>
<h4 class="modal-title">Call Info</h4>
</div>
<div class="modal-body" id="serverHandle">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>";
?>
Комментарии:
1. Используете ли вы модальный bootstrap?
2. @NorlihazmeyGhazali Я включил модальный код в код, его пользовательский.
3. @ICostaExDesigns: Вы хотите отправлять какую-либо информацию из кнопок в модальный DIV, когда кто-то нажимает на эти кнопки?
Ответ №1:
Вы хотите отправлять какую-либо информацию из кнопок в модальный DIV, когда кто-то нажимает на эти кнопки? Если вы этого хотите, вы можете добавить один пользовательский атрибут к своей кнопке следующим <button info='my-info' id=''>Click</button>
образом, тогда, когда кто-то нажимает на эту кнопку, вы можете извлечь значение из этого атрибута с помощью JavaScript this
и поместить его в МОДАЛЬНОЕ окно, используя любой идентификатор из модального DIV.
Ответ №2:
Вы можете добавить что-то подобное к своей кнопке вместе с событием щелчка.
data-value="<?php echo $Something->SomeValue;?>"
Затем, когда запускается событие click, вы можете получить значение, подобное этому:
$(this).data("value");
вы можете использовать различные данные- [тег] для передачи нескольких фрагментов информации.
Или, в качестве альтернативы, добавьте это к каждой кнопке:
onclick='someFunction("<?php echo $Something->SomeValue;?>")';