Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,030

HOME > PHP > PHP Forum > รบกวนสอบถามพี่ๆ เรื่องการเรียกใช้งานเมนูครับ ให้ 1 เมนูที่เราออกแบบ สามารถนำไปใช้ได้ทุกๆ หน้าครับ

รบกวนสอบถามพี่ๆ เรื่องการเรียกใช้งานเมนูครับ ให้ 1 เมนูที่เราออกแบบ สามารถนำไปใช้ได้ทุกๆ หน้าครับ

เริ่มหัวข้อใหม่

Begin_coding

โพสกระทู้ ( 7 )
บทความ ( 0 )

สมมุติว่า เราออกแบบเมนูไว้ด้านซ้าย และจะใช้สำหรับทุกๆ หน้า ในส่วนนี้เราจะเรียกใช้ยังไงครับ ให้เราสามารถใช้งาน 1 เมนูได้ทุกเพจ

รบกวนด้วยครับเมือใหม่ครับ

Tag : PHP, MySQL, jQuery

Date : 2015-03-09 08:51:55

By : Begin_coding

View : 5226

Reply : 15

No. 1

ชนกลุ่มน้อยวังเรียม

โพสกระทู้ ( 221 )
บทความ ( 3 )

Code (PHP)

// สร้าง File .php ที่เราส้รางเมนู แล้วเรา include file นี้ ทุกๆหน้า ที่ต้องการให้มีเมนูที่เหมือนๆกัน 

include file

Date : 2015-03-09 09:03:50

By : bunchuai

No. 2

Begin_coding

โพสกระทู้ ( 7 )
บทความ ( 0 )

พอจะมีวิธีอื่นอีกไหมครับ

Date : 2015-03-09 11:46:42

By : Begin_coding

No. 3

คนธรรมดา ไม่พิเศษ

โพสกระทู้ ( 2,311 )
บทความ ( 1 )

ถ้าไม่ include ก็ใส่โค้ดเมนูในทุกๆหน้าที่ต้องการ แต่เวลาแก้ไขก็ต้องแก้ไขทุกหน้าเช่นกัน(รับรองว่าเพลิน) ถ้าไม่อยากหางานให้ตัวเองก็ include ไฟล์อย่างที่ No.1 แนะนำครับ แก้ที่เดียวเหมือนกันทุกหน้า

Date : 2015-03-09 11:50:33

By : arm8957

No. 4

Mr.กล้า

โพสกระทู้ ( 5,105 )
บทความ ( 4 )

ส่วนมากเขาจะตั้งชื่อกันว่า nav .... เอาปัญหาที่ติดจริง ๆ มาถามดีกว่า

ประวัติการแก้ไข
2015-03-09 13:19:59

Date : 2015-03-09 13:18:37

By : apisitp

No. 5

Begin_coding

โพสกระทู้ ( 7 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 4 เขียนโดย : apisitp เมื่อวันที่ 2015-03-09 13:18:37

รายละเอียดของการตอบ ::

คือผมอยากทราบว่ามีวิธีไหนที่ส่วนใหญ่พี่ๆ ใช้กันน่ะครับ

เท่าที่ผมลอง search ดูจะใช้โดยการ include และ แบบ iframe

วิธีไหนที่โปรแกรมเมอร์แบบพี่ๆ ใช้กันเหรอคับ ชี้แนะด้วยนะครับ

Date : 2015-03-09 13:23:32

By : Begin_coding

No. 6

Chaidhanan

โพสกระทู้ ( 9,559 )
บทความ ( 2 )

ผมใช้ include เป็นวิธีที่ง่ายที่สุดแล้ว ในการสร้าง เมนูเที่เหมือนกัน

เพิ่มเข้าไปอีกนิดก็ไปจัดหน้า ด้วย javascript ในแต่ละ page เอาเอง

Date : 2015-03-09 13:36:27

By : Chaidhanan

No. 7

Mr.กล้า

โพสกระทู้ ( 5,105 )
บทความ ( 4 )

ส่วนใหญ่ก็ อินคู้ด ครับ แต่พอเจอ ถามต่อว่า มีวิธีอื่นอีกไหม ... มันไม่เมคเซ้นท์อ่ะครับ

Date : 2015-03-09 13:42:19

By : apisitp

No. 8

Unidentifier

โพสกระทู้ ( 3,155 )
บทความ ( 0 )

ของผมจะสร้างเมนู+jquery+bootstrap+css ไว้หน้า index.php ที่เดียวครับ
พอคลิ๊กที่เมนูจะให้ jquery เรียกไฟล์นั้นโหลดมาแสดงที่แท๊ก div ที่ตั้งเอาไว้

ในไฟล์อื่นๆ จะไม่มี css+jquery อยู่เลย ทำแบบนี้นอกจากโหลดเร็วแล้ว จาวาสคริปท์ยังไม่ขัดแข้งขัดขากันเองอีกด้วย
แต่ไฟล์ลูก(อื่นๆ) ทุกไฟล์จะไม่สามารถเรียกใช้งานตรงได้เลยครับ

ที่โหลดเร็วอาจเป็นเพราะใช้ nginx ล่ะมั้งครับ

Date : 2015-03-09 19:51:35

By : sakuraei

No. 9

Unidentifier

โพสกระทู้ ( 3,155 )
บทความ ( 0 )

Quote:
พี่ครับรบกวนด้วยครับ พอจะยกตัวอย่างให้สักนิดได้ไหมคับ ที่คลิกเมนู และให้มาแสดงใน div

ยกตัวอย่างให้ดูเล็กๆน่ะครับ

<?php
session_start();
require 'libs/my_libs.php';
$db = new DBs();
$db->connect();
$user = new Authen();
if(!user->ready_login()){
   echo "<a href='models/users/login.php'>Login Form</a>";
   exit(0);
}
?>
<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Hello</title> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Hello">
<!--link href="bootstrap/css/bootstrap.css" rel="stylesheet"-->
<link href="bootstrap-3.2.0/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="assets/font-awesome-4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="libs/jquery-ui-1.11.2.custom/jquery-ui.min.css">
<link rel="stylesheet" href="libs/jquery-ui-1.11.2.custom/jquery-ui.theme.min.css">

<!-- jQuery Version 1.11.0 -->
<script src="bootstrap-3.2.0/js/jquery-1.11.0.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="bootstrap-3.2.0/js/bootstrap.min.js"></script>
<script src="libs/jquery-ui-1.11.2.custom/jquery-ui.min.js"></script>
<script src="libs/my_libs.js"></script>

<style type="text/css">
body {
  padding: 10px;
  padding-top: 70px;
  background: url('login/images/bg.png');
}
.sb-page-header{
  position:relative;padding:30px 15px;
  text-align:center;color:rgba(255,255,255,.8);
  background-color:#7ac70c; /*11DD3D #b84d45;*/
  background-image:url(assets/img/image-000.jpg);
  background-repeat: no-repeat;
  background-position: center; 
  margin-bottom:0px;font-size:20px;
  height: 100px;
  width: 100%;  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.navbar-inverse { background-color: #7AC70C}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #5C9609}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #5C9609}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #080808}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #7AC70C}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
</style>
</head>

<body>
<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle pull-right" type="button" data-toggle="collapse" data-target=".bs-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>
      <a href="./" class="navbar-brand">Inventory System</a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
      <ul class="nav navbar-nav">        
		<li class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown">บัญชีลูกหนี้ <b class="caret"></b></a>
	        <ul class="dropdown-menu">
	          <li><a class="referlink" href="models/invoice/invoice.php?act=load">ใบส่งสินค้า</a></li>
	          <li><a class="referlink" href="models/assembly/assembly-invoice.php?act=load">ใบส่งสินค้าชุดประกอบ</a></li>
	          <li><a class="referlink" href="models/withdraw/withdraw.php?act=load">ใบเบิกสินค้า</a></li>
	          <li><a class="referlink" href="models/cn/cn.php?act=load">ใบลดหนี้</a></li>	    
	          <li><a class="referlink" href="models/bn/invoice-listing.php?act=load">ใบวางบิล</a></li>	          
	          <li><div class="divider"></div></li>	 
	          <li><a class="referlink" href="models/payment/payment-inv.php?act=load">ชำระเงินตามใบส่งสินค้า</a></li>	  
	          <li><a class="referlink" href="models/payment/payment-bn.php?act=load">ชำระเงินตามใบวางบิล</a></li>	  
	        </ul>
	    </li>

	    <li class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown">รายงาน <b class="caret"></b></a>
	        <ul class="dropdown-menu">
	          <li><a class="referlink" href="models/withdraw/withdraw-report.php?act=load">รายงานใบเบิกสินค้า</a></li>
	          <li><a class="referlink" href="models/invoice/invoice-report.php?act=load">รายงานใบส่งสินค้า</a></li>
	          <li><a class="referlink" href="models/bn/bn-report.php?act=load">รายงานใบวางบิล</a></li>
	          <li><a class="referlink" href="models/cn/cn-report.php?act=load">รายงานใบลดหนี้</a></li>	    
	          <li><a class="referlink" href="models/inventory/assembly-report.php?act=load">รายงานสินค้าประกอบ</a></li>
	          <li><div class="divider"></div></li>
	          <li><a class="referlink" href="models/inventory/stockdata-list.php?act=load">รายงานสต็อคสินค้า</a></li>
	          <li><a class="referlink" href="models/inventory/stockcard-list.php?act=load">รายงานสต็อคการ์ด</a></li>
	          <li><div class="divider"></div></li>
	          <li><a class="referlink" href="models/invoice/invoice-report-conclusion.php?act=load">รายงานสรุปยอดขาย</a></li>	    
	        </ul>
	    </li>
	    
      </ul>
      <p class="navbar-text navbar-right" style="color:#FFFFFF;">ผู้ใช้งาน : <?php echo $_SESSION["uid"]; ?><a href="#" class="navbar-link">[ ออกจากระบบ ]</a></p>
    </nav>
  </div>
</header>
<div id="mainContainer" class="container" style="background:#ffffff;padding:10px;border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;margin-top:0px;">
</div>

<script type="text/javascript">
$(document).ready(function(){
	$("a.referlink").click(function(e){
		e.preventDefault();
		var url = $(this).attr("href");
		$("#mainContainer").empty().load(url);
	});
	$("#mainContainer").on("click","a.referlink",function(e){
		e.preventDefault();
		var url = $(this).attr("href");
		
		$("#mainContainer").empty().load(url);
	});

});  	
</script>
</body>
</html>

Date : 2015-03-11 21:37:24

By : sakuraei

No. 10

หน้าฮี

โพสกระทู้ ( 611 )
บทความ ( 0 )

หลักการไม่แตกต่างกัน ขอบคุณที่ทำให้ผมเห็นความงดงามของภาษา PHP

Code (JavaScript)

/*PHP & Jquery VS .NET & Jquery*/
<script type="text/javascript">
$(document).ready(function(){
	$("a.referlink").click(function(e){
		e.preventDefault();
		var url = $(this).attr("href");
		$("#mainContainer").empty().load(url);
	});
	$("#mainContainer").on("click","a.referlink",function(e){
		e.preventDefault();
		var url = $(this).attr("href");		
		$("#mainContainer").empty().load(url);
	});
});

Code (VB.NET)

'Master Page VS PHP include
Private Sub referlink_Click(ByVal p As Page)
    mainContainer.Controls.Clear()
    mainContainer.Controls.Add(p)
End Sub

ปล. ตัวอย่างเล็กฯของคุณมันช่วยชีวิตผมหายใจได้อีกเฮือกหนึ่ง

ประวัติการแก้ไข
2015-03-11 22:20:03

Date : 2015-03-11 22:12:26

By : หน้าฮี

No. 11

Guest

ตอบความคิดเห็นที่ : 9 เขียนโดย : sakuraei เมื่อวันที่ 2015-03-11 21:37:24

รายละเอียดของการตอบ ::

สุดยอดไปเลย โค๊ดเทพมากครับ

Date : 2015-03-12 00:38:47

By : เปา

No. 12

Begin_coding

โพสกระทู้ ( 7 )
บทความ ( 0 )

ขอบคุณมากครับผม

Date : 2015-03-12 04:35:01

By : Begin_coding

No. 13

Unidentifier

โพสกระทู้ ( 3,155 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 10 เขียนโดย : หน้าฮี เมื่อวันที่ 2015-03-11 22:12:26

รายละเอียดของการตอบ ::

ยินดีอย่างยิ่งครับ ถ้ามันจะเป็นประโยชน์กับคนอื่นๆ

ตอบความคิดเห็นที่ : 11 เขียนโดย : เปา เมื่อวันที่ 2015-03-12 00:38:47

รายละเอียดของการตอบ ::

ขอบคุณมากครับ

Date : 2015-03-12 11:42:52

By : sakuraei

No. 14

meannerss

โพสกระทู้ ( 1,666 )
บทความ ( 0 )

มีอีกวิธีครับ(แต่ไม่ค่อยเป็นที่นิยม) แต่ผมชอบวิธีนี้มาก มันคือการใช้ template .dwt ของDreamweaver ครับ
ตัวเท็มเพลตจะคอนโทรลทุกไฟล์ในสังกัดผ่านการแก้ใขแค่ครั้งเดียว
- ส่วนไหนที่fix ให้ไปที่หน้าในสังกัดก็ระบบุลงไปในเทมเพลตเลย(มันจะลบแก้ใขใดๆในไฟล์ลูกไม่ได้เลย)
- ส่วนที่ไม่เหมือนกันในแต่ละหน้าก็เปิดช่องไว้ให้เพิ่มโค้ดได้

ข้อดี : ทำให้เราเห็นโค้ดวิ่งทุกบรรทัดในทุกไฟล์ (ไม่เหมือนการ include ที่ต้องใช้จินตนาการ)
ข้อเสีย: เห็นโค้ดเยอะทำให้ตาลาย , ใช้ได้กับDreamweaver เท่านั้น

<!-- InstanceBegin template="/Templates/admin.dwt.php" codeOutsideHTMLIsLocked="false" -->

ดังภาพจะเห็นได้ว่าโซนสีเทาไม่สามาลบหรือแก้ใขใดๆมันได้เลย แต่หากอยากเป็นให้ไปเปลี่ยนที่ไฟล์ .dwt มันก็จะรันไปทุกหน้าให้
dfgg

ประวัติการแก้ไข
2015-03-12 14:10:17
2015-03-12 14:17:10

Date : 2015-03-12 14:06:36

By : meannerss

No. 15

Manussawin

โพสกระทู้ ( 2,249 )
บทความ ( 5 )

แนะนำอีกทางเลือกหนึ่งครับ

php-web-site-structure

Date : 2015-03-12 16:31:57

By : Manussawin

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รบกวนสอบถามพี่ๆ เรื่องการเรียกใช้งานเมนูครับ ให้ 1 เมนูที่เราออกแบบ สามารถนำไปใช้ได้ทุกๆ หน้าครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก