Remark : windows load and modal popup
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" /> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> <script type="text/javascript"> $(window).on('load', function() { $('#myModal').modal('show'); }); </script> <!-- Modal Rule --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header1"> <h6 style="margin-left:20px;"><img src="https://www.worldspan.co.kr/images/cropped-Official-Partner-Lockup_BLACK.png"></h6> </div> <div class="modal-header"> <h5 class="modal-title text-primary" id="myModalLabel">notice</h5> </div> <div class="modal-body"> <table style="font-size:14px;line-height:22px;" > <tr> <td> test </td> </tr> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">닫기</button> </div> </div> </div> </div> |