Model Code<\/p>\r\n
<div class=\"modal fade\" id=\"alert_message_modal\" tabindex=\"-1\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <div class=\"alert alert-danger d-flex align-items-center\" role=\"alert\">\r\n <div class=\"alert_message\">\r\n hello world\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div><\/code><\/pre>\r\nJavascript Code<\/p>\r\n
<script>\r\nvar modal = document.getElementById(\"alert_message_modal\"); \/\/html element\r\nmodal_ins = new bootstrap.Modal(modal); \/\/convert html element to js object\r\nmodal_ins.show();\r\n\r\n\r\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/HIDE\r\nvar modal = document.getElementById(\"payment_model\");\r\nvar modal_ins = bootstrap.Modal.getInstance(modal); \/\/because bs already create instance\r\nif (!modal_ins) {\r\n modal_ins = new bootstrap.Modal(modal);\r\n}\r\nmodal_ins.hide(); \/\/ Hide the modal\r\n<\/script><\/code><\/pre>","category_id":"6","is_private":"0","created_at":"2023-03-16T23:14:26.000000Z","updated_at":"2024-10-17T01:48:09.000000Z","category":{"id":6,"user_id":"1","name":"Bootstrap","slug":"bootstrap-lyjs","parent_id":null,"created_at":"2023-03-16T22:42:39.000000Z","updated_at":"2023-03-16T22:42:39.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"Model Code <div class=\"modal fade\" id=\"alert_message_modal\" tabindex=\"-1\" aria-hidden=\"true\"> <div class=\"modal-dialog\"> & - Show Bootstrap 5 model using javascript (Updated: October 17, 2024) - Read more about Show Bootstrap 5 model using javascript at my programming site [SITE]","categories":[]}