如何从用户登录中更改导航栏/标题

时间:2016-01-20 17:40:13

标签: php css twitter-bootstrap navigation

目前我正在开发一个允许用户进行交易,销售和购买的网站。我使用PHP和Bootstrap作为CSS,我创建了导航。我也创建了注册页面,但是当他们登录到他们的个人资料时,我希望他们的标题能够改变。

我知道这可能是一个愚蠢的问题,但是一旦用户登录后如何更改标题以替换链接?我想我必须查询JavaScript?

的index.php

<?php 

       $pageTitle = "Vomica";
       $section = "home";

?>

<?php include 'INC/header.php' ?>


       <div class="container-fluid">



       </div>

<?php include 'INC/footer.php' ?>

的header.php

<html lang="EN">

    <head>

        <title> <?php echo $pageTitle; ?> </title>

        <!--Universal Encoding for HTML5-->
        <meta charset="UTF-8" />

        <!--Making it mobile friendly-->
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <!--Bootstrap's CDN-->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/stylesheet" href="CSS/custom.css" />

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

    </head>

    <body>

        <!--Header-->
        <nav class="navbar navbar-default navbar-fixed-top">

            <div class="container-fluid">

                <div class="navbar-header">

                    <a class="navbar-brand" href="index.php"> Vomica </a>

                </div>

                <div>

                    <!--Left-->
                    <ul class="nav navbar-nav">

                        <li class="<?php if($section == "home") {echo "active";} ?>"> <a href="index.php"> Home </a> </li>
                        <li class="<?php if($section == "buy") {echo "active";} ?>"> <a href="buy.php"> Buy </a> </li>
                        <li class="<?php if($section == "sell") {echo "active";} ?>"> <a href="sell.php"> Sell </a> </li>

                    </ul>

                     <!--Menu Items on the Right-->
                     <ul class="nav navbar-nav navbar-right">

                        <li class="<?php if($section == "signing") {echo "active";} ?>"> <a href="signup.php"> <span class="glyphicon glyphicon-user"> </span> Sign Up </a> </li>
                        <li class="<?php if($section == "logs") {echo "active";} ?>"> <a href="login.php"> <span class="glyphicon glyphicon-log-in"> </span> Login </a> </li>
                        <li> <a href="#"> <span class="glyphicon glyphicon-remove"> </span> Logout </a> </li>

                    </ul>

                </div>

                </form>

            </div>

        </nav>

1 个答案:

答案 0 :(得分:0)

您需要使用以下逻辑。

1 - 检查用户是否为空,如果为空:您的已注销导航栏?&gt;

2 - 如果用户不为空,您的登录导航栏?&gt;