|
 |
| |
วิธีการทำ Menu Tree (PHP+MySQL) แบบ สามชั้นครับ เห็นใน THAICREATE ยังไม่มีนะครับ |
| |
 |
|
|
 |
 |
|
อันนี้เป็นแบบแบ่ง level โดยที่ไม่ต้อง สร้าง Table หลาย Table นะครับ
Code
CREATE TABLE `mynu_tree` (
`menu_cod` int(11) NOT NULL auto_increment,
`name_menu` varchar(50) NOT NULL,
`level` varchar(50) NOT NULL,
`group_m` varchar(50) NOT NULL,
PRIMARY KEY (`menu_cod`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=23 ;
--
-- dump ตาราง `mynu_tree`
--
INSERT INTO `mynu_tree` VALUES (1, 'main_1', '1', 'AA');
INSERT INTO `mynu_tree` VALUES (2, 'main_2', '1', 'AB');
INSERT INTO `mynu_tree` VALUES (3, 'main_3', '1', 'AC');
INSERT INTO `mynu_tree` VALUES (4, 'main_4', '1', 'AD');
INSERT INTO `mynu_tree` VALUES (5, 'main_5', '1', 'AE');
INSERT INTO `mynu_tree` VALUES (6, 'main_6', '1', 'AF');
INSERT INTO `mynu_tree` VALUES (7, 'main_7', '1', 'AG');
INSERT INTO `mynu_tree` VALUES (8, 'main_8', '1', 'AH');
INSERT INTO `mynu_tree` VALUES (9, 'main_9', '1', 'AI');
INSERT INTO `mynu_tree` VALUES (11, 'sub1_1', '2', 'AA11');
INSERT INTO `mynu_tree` VALUES (12, 'sub1_2', '2', 'AA12');
INSERT INTO `mynu_tree` VALUES (13, 'sub1_3', '2', 'AA13');
INSERT INTO `mynu_tree` VALUES (14, 'sub1_4', '2', 'AA14');
INSERT INTO `mynu_tree` VALUES (15, 'sub2_1', '3', 'AA1111');
INSERT INTO `mynu_tree` VALUES (16, 'sub2_2', '3', 'AA2222');
INSERT INTO `mynu_tree` VALUES (21, 'sub1_1', '2', 'AC1111');
INSERT INTO `mynu_tree` VALUES (22, 'sub1_2', '2', 'AC2222');
Code (PHP)
<html>
<head>
<title>test_menu_tree</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="css/jquery.treeview.css" />
<script src="js/jquery-1.4.min.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<script src="js/jquery.treeview.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#tree").treeview({
collapsed: true,
animated: "medium",
control:"#sidetreecontrol",
prerendered: true,
persist: "location"
});
})
</script>
</head>
<body>
<h1 id="banner">Product</h1>
<div id="main">
<div id="sidetree">
<div class="treeheader"> </div>
<ul class="treeview" id="tree">
<?
$Connect = mysql_connect("localhost","root","1234") or die("Error Connect to DB");
$DB = mysql_select_db("menu_tree");
$SQL = "SELECT * FROM mynu_tree
WHERE level = '1' ORDER BY name_menu";
$Query = mysql_query($SQL) or die ("Error Query [".$SQL."]");
while($objResult = mysql_fetch_array($Query))
{
?>
<li class="expandable"><div class="hitarea expandable-hitarea"></div><span><strong><?=$objResult["name_menu"];?></strong></span>
<ul style="display: none;">
<?
$SQL2 = "SELECT * FROM mynu_tree
WHERE level = '2'
AND group_m LIKE '$objResult[group_m]%'";
$Query2= mysql_query($SQL2) or die ("Error Query [".$SQL2."]");
while($objResult2 = mysql_fetch_array($Query2))
{
?>
<li class="expandable"><div class="hitarea expandable-hitarea"></div><a href="http://sgbinter.com"><?=$objResult2["name_menu"];?></a>
<ul style="display: none;">
<?
$SQL3 = "SELECT * FROM mynu_tree
WHERE level <= '3'
AND group_m LIKE '$objResult2[group_m]%'";
$Query3= mysql_query($SQL3) or die ("Error Query [".$SQL3."]");
while($objResult3 = mysql_fetch_array($Query3))
{
?>
<li><a href="http://sgbinter.com"><?=$objResult3["name_menu"];?></a></li>
<? }?>
</ul>
<? }?>
</li>
</ul>
<?
}
mysql_close ($Connect);
?>
</li>
</ul>
</div>
</div>
</body>
</html>
DOWNLOAD ตัวอย่างได้ที่นี่ครับ DOWNLOAD!!
Tag : PHP, MySQL
|
ประวัติการแก้ไข
2012-02-24 16:16:38
2012-02-24 16:49:25
|
 |
 |
 |
 |
| Date :
2012-02-24 16:06:36 |
By :
time.toon |
View :
10115 |
Reply :
13 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
โอ๊ว มี SS หรือเปล่าครับ
|
| |
|
|
| |
| Date :
2012-02-24 16:20:47 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
SS คืออะไรครับ
|
| |
|
|
| |
| Date :
2012-02-24 16:28:59 |
By :
time.toon |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Screenshot ครับ 
|
| |
|
|
| |
| Date :
2012-02-24 16:43:49 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
จัดให้แล้วครับพี่ "วิน"
|
| |
|
|
| |
| Date :
2012-02-24 16:49:47 |
By :
time.toon |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แจ่มครับ เดียวจะแก้ Link ดาวน์โหลดให้ครับ
|
| |
|
|
| |
| Date :
2012-02-24 17:01:28 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ได้ครับ
|
| |
|
|
| |
| Date :
2012-02-24 17:06:40 |
By :
time.toon |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แก้ Link ให้ล่ะ ไม่ต้องกลัว Link เสีย
|
| |
|
|
| |
| Date :
2012-03-04 08:01:37 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
สามารถเพิ่ม level ได้อีกรึป่าว
|
| |
|
|
| |
| Date :
2014-05-30 09:41:09 |
By :
เปี๊ยก |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มีน้ำใจจริงๆครับ +1 ให้แล้ว ผมก็เคยทำไว้ ก็ประมาณที่คุณทำมานี่แหละ แต่ไม่ได้มาเผยแพร่ 555 ละอายใจมากครับ 
|
| |
|
|
| |
| Date :
2014-05-30 10:04:46 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่เห็นรูปอ่ะ YY
|
| |
|
|
| |
| Date :
2014-05-30 10:59:56 |
By :
nut_ch31 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แล้วถ้า n level ล่ะ
ลองแบบ recursive ไหม
|
| |
|
|
| |
| Date :
2014-05-30 13:29:43 |
By :
ห้ามตอบเกินวันละ 2 กระทู้ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ถ้า หลาย Table ทำยังไงครับ ที่มีการ Join กันของ Table น่ะครับ
|
ประวัติการแก้ไข
2016-07-15 09:58:35
| |
|
|
| |
| Date :
2016-07-14 17:43:53 |
By :
chakpetch |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 01
|
