{"id":5737,"date":"2020-10-21T04:52:52","date_gmt":"2020-10-21T04:52:52","guid":{"rendered":"https:\/\/www.codebee.co.th\/labs\/?p=5737"},"modified":"2021-02-25T03:12:49","modified_gmt":"2021-02-25T03:12:49","slug":"php-%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%aa%e0%b9%88%e0%b8%87%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b9%81%e0%b8%9b%e0%b8%a3-%e0%b9%84%e0%b8%9b%e0%b8%97%e0%b8%b5%e0%b9%88-bootstrap-modals","status":"publish","type":"post","link":"https:\/\/www.codebee.co.th\/labs\/php-%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%aa%e0%b9%88%e0%b8%87%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b9%81%e0%b8%9b%e0%b8%a3-%e0%b9%84%e0%b8%9b%e0%b8%97%e0%b8%b5%e0%b9%88-bootstrap-modals\/","title":{"rendered":"PHP \u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23 \u0e44\u0e1b\u0e17\u0e35\u0e48 Bootstrap Modals"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Bootstrap Modals \u0e04\u0e37\u0e2d \u0e08\u0e32\u0e27\u0e32\u0e2a\u0e04\u0e25\u0e34\u0e1b\u0e15\u0e4c\u0e1b\u0e25\u0e31\u0e4a\u0e01\u0e2d\u0e34\u0e19 \u0e21\u0e35\u0e44\u0e27\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e17\u0e31\u0e49\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 ( html input form ) \u0e43\u0e19\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e1b\u0e4a\u0e2d\u0e1b\u0e2d\u0e31\u0e1e \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e2d\u0e07 Bootstrap Framework <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e01\u0e23\u0e13\u0e35\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e41\u0e1a\u0e1a dynamic \u0e2b\u0e23\u0e37\u0e2d \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e14\u0e36\u0e07\u0e21\u0e32\u0e08\u0e32\u0e01\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e2b\u0e23\u0e37\u0e2d\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e2a\u0e48\u0e07\u0e21\u0e32\u0e08\u0e32\u0e01\u0e2d\u0e35\u0e01\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1e\u0e08\u0e2d\u0e37\u0e48\u0e19\u0e1a\u0e19 Modal Pupup \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e33\u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e2d\u0e07 Jquery Load Content <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23 \u0e44\u0e1b\u0e17\u0e35\u0e48 Bootstrap Modals<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23 \u0e04\u0e37\u0e2d \u0e1b\u0e01\u0e15\u0e34\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 bootstrap modal \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e04\u0e25\u0e34\u0e01\u0e41\u0e25\u0e49\u0e27\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e04\u0e25\u0e34\u0e01\u0e41\u0e25\u0e49\u0e27\u0e41\u0e2a\u0e14\u0e07\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e25\u0e22 \u0e44\u0e1b\u0e40\u0e1b\u0e47\u0e19 \u0e04\u0e25\u0e34\u0e01\u0e41\u0e25\u0e49\u0e27 \u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e01\u0e48\u0e2d\u0e19 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e04\u0e48\u0e2d\u0e22\u0e2a\u0e31\u0e48\u0e07\u0e43\u0e2b\u0e49 modals \u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25<\/li><li>\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21\u0e04\u0e25\u0e34\u0e01\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 modals <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\"><a onclick=\"loadAndShowModal();\">Show Modal<\/a><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07 Javascript \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e48\u0e19 \u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e48\u0e32 loadAndShowModal \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e41\u0e1a\u0e1a POST \u0e44\u0e1b\u0e22\u0e31\u0e07 bootstrap modal <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">function loadAndShowModal(){\n    \/\/ \u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e44\u0e1b\u0e17\u0e35\u0e48 modal\n    var post = new Object();\n    post.name = '\u0e19\u0e32\u0e22 \u0e40\u0e2d\u0e1a\u0e35\u0e0b\u0e35 \u0e19\u0e32\u0e21\u0e2a\u0e21\u0e21\u0e38\u0e15\u0e34'\n    post.description = '\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 1 \u0e1b\u0e35';\n\n    \/\/ \u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e1f\u0e25\u0e4c modals.php \u0e21\u0e32\u0e17\u0e35\u0e48 contianer_modals \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e41\u0e1a\u0e1a post \u0e44\u0e1b\u0e43\u0e2b\u0e49\u0e14\u0e49\u0e27\u0e22 \u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08 \u0e04\u0e48\u0e2d\u0e22\u0e2a\u0e31\u0e48\u0e07\u0e43\u0e2b\u0e49 modal \u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\n    $('#contianer_modals').load('modals.php',post,function(){\n        $(\"#modal\").modal('show');\n    });\n}<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0e17\u0e35\u0e48\u0e44\u0e1f\u0e25\u0e4c modals.php \u0e40\u0e23\u0e32\u0e01\u0e47\u0e41\u0e04\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19\u0e23\u0e31\u0e1a\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23 \u0e41\u0e25\u0e30\u0e40\u0e02\u0e35\u0e22\u0e19\u0e04\u0e25\u0e32\u0e2a bootstrap modal \u0e44\u0e27\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">$name = $_POST['name'];\n$description = $_POST['description'];<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e1b\u0e38\u0e48\u0e21 Show Modal \u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e48\u0e19 showAndLoadModal \u0e20\u0e32\u0e22\u0e43\u0e19\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e48\u0e19\u0e19\u0e35\u0e49 \u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e48\u0e32 value \u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e48\u0e19\u0e19\u0e35\u0e49\u0e43\u0e2b\u0e49\u0e40\u0e2a\u0e23\u0e47\u0e08 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e47\u0e08\u0e30\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e49\u0e2b\u0e07\u0e21\u0e14\u0e41\u0e1a\u0e1a POST \u0e44\u0e1b\u0e17\u0e35\u0e48 modal \u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 modal \u0e40\u0e23\u0e32\u0e01\u0e47\u0e17\u0e33\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e01\u0e47\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 \u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2a\u0e48\u0e27\u0e19\u0e44\u0e14\u0e49 \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e32\u0e21\u0e20\u0e32\u0e1e\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"405\" src=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2020\/10\/PHP-\u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23-\u0e44\u0e1b\u0e17\u0e35\u0e48-Bootstrap-Modals-940x405.png\" alt=\"\" class=\"wp-image-5744\" data-full=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2020\/10\/PHP-\u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23-\u0e44\u0e1b\u0e17\u0e35\u0e48-Bootstrap-Modals.png\" data-full-size=\"1588x684\" srcset=\"https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2020\/10\/PHP-\u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23-\u0e44\u0e1b\u0e17\u0e35\u0e48-Bootstrap-Modals-940x405.png 940w, https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2020\/10\/PHP-\u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23-\u0e44\u0e1b\u0e17\u0e35\u0e48-Bootstrap-Modals-620x267.png 620w, https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2020\/10\/PHP-\u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23-\u0e44\u0e1b\u0e17\u0e35\u0e48-Bootstrap-Modals-300x129.png 300w, https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2020\/10\/PHP-\u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23-\u0e44\u0e1b\u0e17\u0e35\u0e48-Bootstrap-Modals-768x331.png 768w, https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2020\/10\/PHP-\u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23-\u0e44\u0e1b\u0e17\u0e35\u0e48-Bootstrap-Modals-1536x662.png 1536w, https:\/\/www.codebee.co.th\/labs\/wp-content\/uploads\/2020\/10\/PHP-\u0e27\u0e34\u0e18\u0e35\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23-\u0e44\u0e1b\u0e17\u0e35\u0e48-Bootstrap-Modals.png 1588w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 Source Code \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48 Gitlab <a rel=\"noreferrer noopener\" href=\"https:\/\/gitlab.com\/wpomipon\/bootstrap-modal-vairable\" target=\"_blank\">https:\/\/gitlab.com\/wpomipon\/bootstrap-modal-vairable<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bootstrap Modals \u0e04\u0e37\u0e2d \u0e08\u0e32\u0e27\u0e32\u0e2a\u0e04\u0e25\u0e34\u0e1b\u0e15\u0e4c\u0e1b\u0e25\u0e31\u0e4a\u0e01\u0e2d\u0e34\u0e19 \u0e21\u0e35\u0e44\u0e27\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e17\u0e31\u0e49\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 ( html input form ) \u0e43\u0e19\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e1b\u0e4a\u0e2d\u0e1b\u0e2d\u0e31\u0e1e \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e2d\u0e07 Bootstrap Framework \u0e01\u0e23\u0e13\u0e35\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e41\u0e1a\u0e1a dynamic&#8230;<\/p>\n","protected":false},"author":1,"featured_media":5746,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46],"tags":[722,2345,2346,2347,2326,2343,2342,2348,2344],"class_list":["post-5737","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-development-","tag-bootstrap","tag-bootstrap-modal","tag-bootstrap-modal-variable-php","tag-modals","tag-php","tag-php-modals","tag-php---bootstrap-modals","tag--bootstrap-modal","tag--modals"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/5737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/comments?post=5737"}],"version-history":[{"count":10,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/5737\/revisions"}],"predecessor-version":[{"id":5928,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/5737\/revisions\/5928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media\/5746"}],"wp:attachment":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media?parent=5737"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/categories?post=5737"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/tags?post=5737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}