2017-08-04 105 views
1

我目前正在创建我的第一个网站,我有一些麻烦,我想包括一个页面之间的导航栏和垂直栏,我想改变页面包括当点击一个我的垂直酒吧的按钮。这里是一个屏幕: Screen of my Website包括之间的导航栏和垂直菜单

这里是我的代码:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Memeable | The 1# world meme generator</title> 
    <link href="css/bootstrap.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
    <script src="js/jquery.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <link href="css/bootstrap-social.css" rel="stylesheet"> 
</head> 
<body> 
    <div > 
    <?php 
     include("head.php"); 
    ?> 
    </div> 

</body> 

这里是我的head.php:

<nav class="navbar navbar-default"> 
<div class="container-fluid"> 
<div class="navbar-header"> 
    <a class="navbar-brand" href="#">Memeable</a> 
    <a href="http://www.facebook.com" class="fa fa-facebook "></a> 
    <a href="http://www.twitter.com" class="fa fa-twitter "></a> 
</div> 
</div> 
</nav> 

<div class="vertical-menu"> 
    <a href="#" class="" id = "first">Premier</a> 
    <a href="#" class = "">Deuxième</a> 
    <a href="#" class = "">Troisième</a> 
    <a href="#" class = "">Quatrième</a> 
</div> 

我敢肯定,该解决方案是容易的,但我不知道该怎么做。 谢谢你的帮助!

+0

想要单击按钮时显示head.php?什么按钮? –

+0

它是单页面应用程序吗? –

+0

当一个垂直菜单按钮(“总理,deuxième等......) – Zenor27

回答

0

要在“内容区”中显示您的内容,请使用include。您提供您想要加载的文件名作为参数。使用数组指定要使用的所有有效文件,然后使用参数$_GET选择要加载的正确子页面。

<?php 
$files = array(); 
$files['home'] = 'home.php'; 
$files['contact'] = 'contact.php'; 
$files['whatever'] = 'you_want.php'; 
?> 

再后来,在要显示的内容使用下面的代码的位置:

<?php 
if (isset($_GET['nav'], $files[$_GET['nav']])) { 
    include $files[$_GET['nav']]; 
} else { 
    include $files['home']; // default page 
} 
?> 

要“呼”的右子页面的?nav=...查询参数添加到您的网址,像

<ul> 
    <li><a href="index.php?nav=home">Home</a></li> 
    <li><a href="index.php?nav=contact">Contact</a></li> 
</ul>