در این پست یک مطلب کاربردی رو خدمتتون آموزش میدم که خیلی از شما در پروژه هاتون بهش نیاز پیدا می کنید.

وقتی شما از فریمورک بوت استراپ استفاده می کنید ، می تونید از امکانات جاوا اسکریپتی این فرمیورک که با کتابخونه جی کوئری هم نوشته شده بهره بگیرید که یکی از این امکاناتش مدال باکس ها هستند ، یعنی همون عناصری که بصورت پاپ آپ نمایش داده میشن که خود بوت استراپ برای نمایش دادن مدال باکس ها یک دکمه ای رو قرار داده که با فشردن آن ، پنجره باز میشه ولی ممکنه که ما برای نمایش یک تصویر تبلیغاتی بخواهیم همین که لود صفحه کامل شد این باکس بصورت پاپ آپ اجرا بشه که برای اینکار از کد زیر درون تگ script استفاده کنید

اسکریپت کار :

<script>
    $(document).ready(function () {
        $('#myModal').modal('show');

    });
</script>

که کد کامل صفحه بصورت زیر خواهد بود :

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

</head>
<body>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">تبلیغات در زمان باز شدن صفحه</h4>
            </div>
            <div class="modal-body">
              <h2>متن یا محتوای خود رو اینجا وارد می کنید</h2>
            </div>

        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        $('#myModal').modal('show');

    });
</script>

</body>
</html>

منتظر نظر شما در خصوص این مطلب هستم

موفق باشید