نمایش پیغام گرافیکی با جی کویری

پاسخ هوش مصنوعی

برای نمایش پیغام های گرافیکی با استفاده از جی کویری، یکی از بهترین پلاگین ها jQuery UI Dialog است. این پلاگین به شما امکان می دهد پنجره های دیالوگ را با ظاهری زیبا و امکانات متنوع ایجاد کنید.

برای استفاده از jQuery UI Dialog، ابتدا باید جی کویری و جی کویری UI را به پروژه خود اضافه کنید. می توانید از CDN استفاده کنید:

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

پس از اضافه کردن این فایل ها، می توانید از کد زیر برای ایجاد یک پنجره دیالوگ استفاده کنید:

$( function() {
    $( "#dialog" ).dialog({
        autoOpen: false,
        modal: true,
        buttons: {
            Ok: function() {
                $( this ).dialog( "close" );
            }
        }
    });

    $( "#open-dialog" ).on( "click", function() {
        $( "#dialog" ).dialog( "open" );
    });
});

و HTML مربوط به دیالوگ را به صورت زیر تنظیم کنید:

<div id="dialog" title="پیغام">
    <p>این یک پیغام گرافیکی است!</p>
</div>

<button id="open-dialog">باز کردن پیغام</button>

با استفاده از کد بالا، شما می توانید یک دیالوگ گرافیکی زیبا و کاربرپسند را در پروژه ی خود نمایش دهید. همچنین این پلاگین قابلیت های مختلفی مانند دکمه ها و تنظیمات متنوع دیگر را دارا می باشد.

سلام

میتونی از sweetalert استفاده کنی همه جور حالتی  را پشتیبانی میکنه و تم مختلفی هم داره

اگر میخاید از پیغام های گرافیکی مشابه پرس نت استفاده کنید، این پیغام های گرافیکی رو JAlert میگن.

برای این منظور ابتدا از طریق این لینک فایلهای Css و Jquery مربوط به این پلاگین رو دانلود کنید.

سپس در Layout و یا در View خودتون فایلها رو به صفحه لینک کنید به شکل زیر

لینک کردن فایل css

 <link href="~/jquery.alerts.css" rel="stylesheet" />

لینک کردن فایل Jquery

  <script src="~/jquery.alerts.js"></script>

بعد از اون به راحتی می تونید از این نوع پیام استفاده کنید

 jAlert('متن پیغام','عنوان پیغام');

چرا از modal خود بوت استرپ استفاده  نمیکنید

خیلی دستتون بازه و هر لی آت میتونید داخلش قرار بدبد