jquery.growL example

 



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="~/Themes/theme01/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="~/lib/bootbox/bootbox.min.js"></script>
<script src="~/lib/bootbox/bootbox.locales.min.js"></script>
<script src="~/lib/bootstrap-growl/jquery.bootstrap-growl.min.js"></script>
<script src="~/lib/jquery.blockUI/jquery.blockUI.js"></script>

function GrowLTest() {
    //$.bootstrapGrowl("This is a test.");
    //.........
    setTimeout(function () {
        $.bootstrapGrowl("Danger, Danger!", {
            type'danger',
            align'center',
            width'auto',
            allow_dismissfalse
        });
    }, 1000);
    //.........
    setTimeout(function () {
        $.bootstrapGrowl("This is another test.", { type'success' });
    }, 500)
    //.........
    setTimeout(function () {
        $.bootstrapGrowl("aaaa, bbbbb!", {
            type'info',
            align'left',
            stackup_spacing30
        });
    }, 3000);
    //.........
    $.bootstrapGrowl("Your Messages"// Messages
        { // options
            type"info"// info, success, warning and danger
            ele"body"// parent container
            offset: {
                from"top",
                amount20
            },
            align"right"// right, left or center
            width250,
            delay4000,
            allow_dismisstrue// add a close button to the message
            stackup_spacing10
        });
}


Yorumlar