Передать переменную в jquery

Моя цель — открыть детали ссылки в цикле $ viewhh с идентификатором в модале. Я пробовал так много разных способов через jquery и т. Д. И не смог заставить что-либо работать. Просто вызов страницы работает нормально, но попытка загрузить модал для меня бесполезна.

<div class="row">
<div class="col-md-12">
<p><a class="btn btn-default" href="add_praise.php" role="button">Add a Praise</a></p>
<h2>Praises</h2>
<p><?php
$query = "SELECT praise.id, praise.title, praise.description, praise.created, member.username FROM praise INNER JOIN member ON praise.member_id=member.id ORDER BY praise.created desc;";
$stmt = $db->query($query);
printf('<table class="table">');
printf('<thead><tr><th>Title</th><th>Posted By</th><th>Posted</th></tr></thead>');
while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$created = date('m-d-Y', strtotime($row['created']));
$viewhh = '<a href="view_praise.php?id=' .
urlencode($row["id"]) . '">' . ($row["title"]) . '</a>';
printf("<tbody><tr><td> %s </td> <td> %s </td><td> %s </td><td> %s </td></tr></tbody>", $viewhh, htmlentities($row["username"]), $created, $viewbutton);
printf("</table");
}
?>   </p>

</div>

Эта страница называется

<?php
$praiseid = urldecode($_GET['id']);
$sth = $db->prepare("select * from praise where id = '$praiseid'");
$sth->execute();
$result = $sth->fetch(PDO::FETCH_ASSOC);
$title = $result['title'];
$description= $result['description'];?>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">

<h2><?php echo $title;  ?></h2>
<div><?php echo $description;  ?></div>

</div>
</div>

Я попытался добавить это, но только получить первую запись сейчас.

<script>
$(function () {

$("#loadpraise").colorbox({ iframe: true, width: "90%", height: "90%", closeButton: false });

$("#events").colorbox({
onOpen: function () { alert("Colorbox onOpen"); },
onLoad: function () { alert("Colorbox onLoad"); },
onComplete: function () { alert("Colorbox onComplete"); },
onCleanup: function () { alert("Colorbox onCleanup"); },
onClosed: function () { alert("Colorbox onClosed"); }
});

$("#childForm").colorbox({ closeButton: false, onClosed: function () { alert($.colorbox.popupResult) } });
});
</script>

-1

Решение

Я получил его, используя мод BootStrap 3.

Ссылка, вызывающая запись: просто добавлены data-toggle = «modal» и data-target = «# myModal»

$viewpraise = '<a data-toggle="modal" href="view_praise.php?id=' . urlencode($row["id"]) . '" data-target="#myModal">' . ($row["title"]) . '</a>';

включил модал для удаленного звонка на той же странице. Удаленная страница загружается в div «modal-content».

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
</div> <!-- /.modal-content -->
</div> <!-- /.modal-dialog -->
</div> <!-- /.modal -->

Затем на странице под названием добавьте остальной модальный контент:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Remote file for Bootstrap Modal</title>
<script>

$('body').on('hidden.bs.modal', '.modal', function () {
$(this).removeData('bs.modal');
});</script>

</head>
<body>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Modal title</h4>
</div>          <!-- /modal-header -->
<div class="modal-body">
<h2><?php echo $title;  ?></h2>
<div><?php echo $description;  ?></div>
</div>          <!-- /modal-body -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<!--                <button type="button" class="btn btn-primary">Save changes</button>-->
</div>          <!-- /modal-footer -->
</body>
</html>
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]