รบกวนพี่ๆ อีกแล้วค่ะ ช่วยแก้ไขให้หน่อยคะคือหนูดึงข้อมูลข่าวมาที่หน้าเว็บแล้ว จะใช้ bootstrap Modal คลิกที่รายละเอียดของข่าวจะโชว์ข้อมูลของข่าวตาม id ที่ดึงมา แต่หนูลองทำแล้วมันโชว์ซ้ำแค่ id ล่าสุดที่บันทึกค่ะ

CREATE TABLE `articles` (
  `a_id` int(11) NOT NULL auto_increment,
  `a_type_id` int(11) NOT NULL,
  `title` varchar(200) NOT NULL,
  `txtMessage` text NOT NULL,
  `img` varchar(200) NOT NULL,
  `m_username` varchar(100) NOT NULL,
  `datesave` timestamp NOT NULL default CURRENT_TIMESTAMP on update CURRENT_TIMESTAMP,
  PRIMARY KEY  (`a_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=15 ;

-- 
-- dump ตาราง `articles`
-- 

INSERT INTO `articles` VALUES (10, 1, 'ไอที 24 ชัวโมง', '<p>เชิญร่วมกิจกรรมไอที 24 ชั่วโมงเชิญร่วมกิจกรรมไอที 24 ชั่วโมง</p>\r\n', '155504366520180508_094121.jpg', '', '2018-05-08 09:41:21');
INSERT INTO `articles` VALUES (9, 3, 'เทรน 2018', '<p>เชิญร่วมกิจกรรมธรรมะติดจรวจ</p>\r\n', '34224158520180508_093423.jpg', '', '2018-05-08 09:34:23');
INSERT INTO `articles` VALUES (8, 1, 'เชิญชวนสัมนากระทรวงพลังงาน', '<p>เชิญชวนสัมนากระทรวงพลังงานเชิญชวนสัมนากระทรวงพลังงาน</p>\r\n', '20215720720180508_094221.jpg', '', '2018-05-08 09:43:32');
INSERT INTO `articles` VALUES (11, 4, 'ปรับราคารถโดยสาร', '<p>ปรับราคารถโดยสารปรับราคารถโดยสารปรับราคารถโดยสาร</p>\r\n', '150380567120180508_094515.jpg', '', '2018-05-08 09:45:15');
INSERT INTO `articles` VALUES (12, 1, 'อุปกรณ์ไอทีลดราคา', '<p>อุปกรณ์ไอทีลดราคาอุปกรณ์ไอทีลดราคาอุปกรณ์ไอทีลดราคา</p>\r\n', '84740789020180508_094928.jpg', '', '2018-05-08 09:49:28');
INSERT INTO `articles` VALUES (13, 0, 'ไอที อินเทรนด์', '<p>ไอที อินเทรนด์ไอที อินเทรนด์ไอที อินเทรนด์</p>\r\n', '38451900920180508_095053.jpg', '', '2018-05-08 09:50:53');
INSERT INTO `articles` VALUES (14, 1, 'ลดราคาอุปกรณ์ไอที', '<p>ลดราคาอุปกรณ์ไอทีลดราคาอุปกรณ์ไอที</p>\r\n', '33371229920180508_095413.jpg', '', '2018-05-08 09:54:13');

<?php
# FileName="Connection_php_mysql.htm"
# Type="MYSQL"
# HTTP="true"
$hostname_connectdb = "localhost";
$database_connectdb = "mydatabase";
$username_connectdb = "root";
$password_connectdb = "";
$connectdb = mysql_pconnect($hostname_connectdb, $username_connectdb, $password_connectdb) or trigger_error(mysql_error(),E_USER_ERROR); 
mysql_query("SET NAMES UTF8");
?>

<?php require_once('../Connections/connectdb.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
  }

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}

mysql_select_db($database_connectdb, $connectdb);
$query_show_articles = "SELECT * FROM articles ORDER BY a_id ASC";
$show_articles = mysql_query($query_show_articles, $connectdb) or die(mysql_error());
$row_show_articles = mysql_fetch_assoc($show_articles);
$totalRows_show_articles = mysql_num_rows($show_articles);
?>
<?php do { ?>
  <div class="col-xs-4 col-sm-4 col-md-4" align="left">
    <img src="img/<?php echo $row_show_articles['img']; ?>" width="300" style="padding-bottom: 15px, left-rigth: 10px" /><br/><br/>
    หัวข้อข่าว : <?php echo $row_show_articles['title']; ?><br/>
    รายละเอียด : <?php echo $row_show_articles['txtMessage']; ?><br/><br/>
    </div>
  <?php } while ($row_show_articles = mysql_fetch_assoc($show_articles)); ?>
<!-- 
<div class="row">
  <div class="col-lg-4 col-md-6 box wow bounceInUp" data-wow-duration="1.4s">
    <div align="center"> <img src="img/<?php echo $row_show_articles['img']; ?>" width="300" style="padding-bottom: 15px, left-rigth: 10px" />
      <h4 class="title" align="left"><a href='#myModal1' data-toggle='modal'>หัวข้อข่าว : <?php echo $row_show_articles['title']; ?></a></h4>
    </div>
  </div>
           
  
  <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog  modal-lg"  >
      <div class="modal-content"  >
        <div class="modal-header" align="center">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <h5 class="modal-title" id="myModalLabel" style="color:#006305; font-size:50px;  font-size:20px; border-bottom: 2px #ecb42d dotted;" align="left">&nbsp; หัวข้อข่าว : <?php echo $row_show_articles['title']; ?></h5>
          <br/>
          <img src="img/<?php echo $row_show_articles['img']; ?>" width="500" style="padding-bottom: 15px, left-rigth: 10px" /> <br/>
          <br/>
          <a style="padding-bottom:10px; font-size:16px; font-size:18px; ">&nbsp; รายละเอียด :<?php echo $row_show_articles['txtMessage'];?></a></div>
      </div>
    </div>
  </div>
</div>
  -->
<?php
mysql_free_result($show_articles);
?>

<?php require_once('../Connections/connectdb.php'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>TPBR NEW</title>
	<!-- core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.transitions.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
 <!--	<link href="css/dataTables.bootstrap4.min.css" rel="stylesheet">  -->
    <link href="css/bootstrap.css" rel="stylesheet"> 
	<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
	<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="js/dataTables.bootstrap4.min.js"></script>
 

    <header id="header">
        <nav id="main-menu" class="navbar navbar-default navbar-fixed-top top-nav-collapse" role="banner">
            <div class="container">
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                 <?php include('logo.php');?>
				 </div>
				
                <div class="collapse navbar-collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="scroll"><a href="board.php">Board </a></li>
						<li class="scroll active"><a href="new.php">New </a></li>
						<li class="scroll"><a href="form.php">Form </a></li>
                        <li class="scroll"><a href="data.php">Knowledge</a></li>
                        <li class="scroll"><a href="Contact.php">Contact</a></li>                        
                    </ul>
                </div>
            </div><!--/.container-->
        </nav><!--/nav-->
    </header><!--/header-->

	<section>
        <div class="container">
            <div class="section-header">
            <h2 class="section-title text-center wow fadeInDown">TPBR NEW </h2>
            <p class="text-center wow fadeInDown">Please use the word most images and speech communication should use words that are easy to understand.</p>  
 
			</div>
		</div>
	</section>
    
<!-- start show articles -->
<div class="container">
  <div class="row">
  <div class="col-lg-12">
  
 <?php include('show_articles_index.php');?> 
	
        </div>
	</div>
  </div>
<!-- end show  articles -->


<!-- start footer -->
 
 <?php include('footer.php');?>

 <!-- end footer -->

</body>
</html>