ساخت pop up در jquery
دوستان میخوام یه سری popup در صفحه قرار بدم که مثلا وقتی روی یه عکس تو صفحه میزنم یه صفحه باز بشه توضیحی در مورد عکس بده
میخوام با جی کوئری انجام بدم کد تابعشو نمیدونم چیه
ممنون
5 پاسخ
ممنون فقط یه سوال
من از هر پلاگین میتونم استفاده کنم مشکلی نداره
یعنی از لحاظ امنیت هیچ مشکلی پیش نمیاد؟
ممنون
ولی از bootstrap استفاده نمیکنم بدون اون چجوری میشه ممنون؟
شما برای این کار میتونید از Plugin های Modal استفاده کنید که داخل Bootstrap هم وجود داره. مثال:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Modal</title>
<meta name="viewport" content="max-width=device-width, initial-scale=1, user-scalable=no"/>
<link rel="stylesheet" href="/Content/bootstrap.min.css" media="all"/>
<link rel="stylesheet" href="/Content/bootstrap-theme.min.css" media="all"/>
</head>
<body>
<a href="#" class="modal-link" data-description="Link1 sample description!">Link1</a>
<a href="#" class="modal-link" data-description="Link2 sample description!">Link2</a>
<div class="modal fade" id="description-modal" tabindex="-1" role="dialog" aria-labelledby="label">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4>Image Description</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="/Scripts/jquery-2.1.4.min.js"></script>
<script src="/Scripts/bootstrap.min.js"></script>
<script>
$(function() {
$('.modal-link').on('click', function(e) {
var desc = $(this).data('description');
$('#description-modal .modal-body').html('<p>' + desc + '</p>');
$('#description-modal').modal('show');
});
});
</script>
</body>
</html>
یا باید به صورت دستی برای خودتون یه Modal بنویسید یا بگردید تو اینترنت و یک Plugin برای Modal پیدا کنید. تو گوگل عبارت jQuery Modal Plugin رو سرچ کنید گزینه های زیادی میاره که بر اساس نیازتون از اون می تونید استفاده کنید. پلاگین زیر هم میتونه برای کاری که میخوایین انجام بدید جوابگو باشه:
خیر، هیچ مشکلی پیش نمیاد، امنیت یک وب سایت کاملاً به نحوه پیاده سازی کد سمت سرور که با زبان های مختلف مانند PHP یا ASP.NET نوشته میشه بستگی داره.