Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > ใช้ div ในการจัด layout เมื่อคลิกเมนู ทำยังไงให้มันมาแสดงในส่วนที่ต้องการคะ ?

ใช้ div ในการจัด layout เมื่อคลิกเมนู ทำยังไงให้มันมาแสดงในส่วนที่ต้องการคะ ?

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

ยืนงงในดงCODE

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

อยากให้เมื่อคลิก menu แล้วมาโชว์ที่ช่องสีเทาค่ะ

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title></title>
<style type="text/css">
	.header {width: 100%; height: 30px; background-color:#666; clear: both; }
	.menu {width:100%; height:30px; background-color:#666; clear: both; }
	.Article { width:100%; height:500px; background-color:#c2c6ce; }
	.footer { background-color:#666; width:100%; height:30px; clear: both; }
		</style>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
    body {
	background-color: #000;
}
    </style>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  <div style="width:1200px; margin:0 auto;">
<header class="header"></header>

<div class="menu">
 <nav class="navbar navbar-default" style="background-color: #333399;">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.php">หน้าแรก</a>
       <a class="navbar-brand" href="admin/login-video.php">เข้าสู่คอร์สออนไลน์</a>
        <a class="navbar-brand"  href="menu/s-pay.php">ค้นหาการชำระเงิน</a>
         
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right">
       </a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

</div>

<div class="Article">
<p>&nbsp;</p>
</div>

<div class="footer"></div>

   
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

Tag : PHP

Date : 2019-06-06 11:47:27

By : ab

View : 1600

Reply : 2

No. 1

1234

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

include ครับ
ก็ให้มันส่งค่าตัวแปรไป

Code (PHP)

<a class="navbar-brand" href="?page='เข้าสู่คอสเรียนออนไลน์'">เข้าสู่คอร์สออนไลน์</a>

ก็เอาตัวแปรมาเช็ค
ถ้าตัวแปรที่ส่งมาตรงกับตัวไหนก็ให้ include ตัวนั้นมา
Code (PHP)

if($_GET['page']==null){
    include("body/page1.php");
}else if($_GET['page']=="เข้าสู่คอสเรียนออนไลน์"){
    include("body/page2.php");
}

ประวัติการแก้ไข
2019-06-06 14:11:50

Date : 2019-06-06 14:11:32

By : nobetaking

No. 2

Chaidhanan

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

ไม่ต้อง if ก็ได้มั้งครับ เพราะ สิ่งที่เขาถาม ก็คือการ ส่งค่า request ด้วย tag a

<a href="domain/progname.php">test menu</a>

ที่ไฟล์ programname.php ก็เขียนโค๊ดแสดงข้อความ ในส่วนของ menu ค่อย include menu.php มาใช้

Code (PHP)

<?php
// programname.php
// จะตรวตสอบจะ ประกาศตัวแปรอะไรก็ว่าไป
include 'menu.php'; // แสดงเมนู่ที่ จับเอาจากไฟล์ที่ทำไว้นั่นแหล่ะ มาใส่ใน menu.php
// บันทัดข้างล่างต่อไปจะให้แสดงอะไรก็ว่าไป

ดูตัวอย่าง ที่คนอื่นทำไว้ บ้างก็ดีนะ ถ้าคิดไม่ออก ตัวอย่างมีเยอะแยะ แค่ค้นหาก็เจอ

Date : 2019-06-06 15:12:35