Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,525

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





 

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

 



Topic : 133701



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



สถานะออฟไลน์




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

a

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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-06-06 11:47:27 By : ab View : 96 Reply : 2
 

 

No. 1



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



สถานะออฟไลน์
Facebook

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



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



สถานะออฟไลน์


ไม่ต้อง 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 By : Chaidhanan
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ใช้ div ในการจัด layout เมื่อคลิกเมนู ทำยังไงให้มันมาแสดงในส่วนที่ต้องการคะ ?
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่