html_include ดึงไฟล์แบบ php. - HTML - บอร์ด ชุมชนคนทำเว็บ
บอร์ด ชุมชนคนทำเว็บ

html_include ดึงไฟล์แบบ php.

Administrator

  • www.nakhonitech.com
  • *****
  • 102
  • +0/-0
    • ดูรายละเอียด
    • โฮสติ้งนครไอเทค โฮสติ้งราคาถูก
html_include ดึงไฟล์แบบ php.
« เมื่อ: 04 พ.ค. 2016 »
html_include ดึงไฟล์แบบ php.


ตัวอย่าง http://forum.nakhonitech.com/html_include/



อ้างถึง
<!DOCTYPE html>
<html lang="th">
<head>

  <title>html_include</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <!-- IE Fix for HTML5 Tags -->
  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

    <script>
    $(function(){
     $("#header").load("header.html");
     $("#body").load("body.html");
     $("#footer").load("footer.html");
    });
    </script> 
</head>
<body>
<div class="container">
  <h1>html_include!</h1>
  <p>html_include ดึงไฟล์แบบ php.</p>
  <div class="row">
    <div class="col-sm-12" style="background-color:lavender;"><div id="header"></div></div>
    <div class="col-sm-12" style="background-color:lavenderblush;"><div id="body"></div></div>
    <div class="col-sm-12" style="background-color:lavender;"><div id="footer"></div></div>
  </div>
</div>
</body>
</html>
โฮสติ้งถูก นครไอเทค ฟรีโฮสติ้ง โฮสติ้งราคาถูก hostingราคาถูก vps วิทยุออนไลน์ ตัวแทนจำหน่าย Reseller Hosting
https://www.nakhonitech.com/

Administrator

  • www.nakhonitech.com
  • *****
  • 102
  • +0/-0
    • ดูรายละเอียด
    • โฮสติ้งนครไอเทค โฮสติ้งราคาถูก
Re: html_include ดึงไฟล์แบบ php.
« ตอบกลับ #1 เมื่อ: 06 พ.ค. 2016 »
อีกวิธี

โค๊ด: [Select]
<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>

<body>

<div w3-include-html="content.html"></div>

<script>
w3IncludeHTML();
</script>

</body>
</html>
ที่มา
http://www.w3schools.com/howto/howto_html_include.asp
โฮสติ้งถูก นครไอเทค ฟรีโฮสติ้ง โฮสติ้งราคาถูก hostingราคาถูก vps วิทยุออนไลน์ ตัวแทนจำหน่าย Reseller Hosting
https://www.nakhonitech.com/