上一页/下一页链接显示php

时间:2016-11-04 14:27:42

标签: php css session-variables paginate

好的,所以我经过一些长时间的研究后发现了一个代码,我将在这里添加,在页面底部添加prev / next url。我正在做的是制作一个组合,在将来我将添加页面并删除,所以我需要一个PHP代码,使用footer.php运行页面并转到下一行。示例它将显示page1.php,page2.php,page3.php,page4.php等。这一切在我的代码中都很有效。我现在想要的是在每个页面上放置一个变量名称,然后让它在上一个和下一个按钮旁边回显。我可以让它工作,但它显示每个prev / next按钮上的现有名称。

如果我没有意义,请告诉我,我会以不同的方式解释。我希望有人可以提供帮助,一直试图让我的投资组合完成一段时间! :)

这是我的header.php

<html>

<head>

<title>PAGINATION TEST</title>

<link rel="stylesheet" type="text/css" href="./css/style.css" />    

</head> 

<nav>

    <div id="nav_menu">

        <ul>
            <li><a href="./index.php">HOME</a></li>
            <li><a href="#">ABOUT</a></li>
            <li><a href="#">CONTACT</a></li>
        </ul>

    </div>

</nav>    

<body>

这是我的page1.php

<?php //THIS IS THE PREVIOUS/NEXT LINK TITLE FOR EACH PORTFOLIO PAGE
    session_start();
    $_SESSION['link-title'] = "wonder woman";
?>

<?php include('header.php') ?>

<div id="main_body">
PAGE 1
</div>

<?php include('footer.php') ?>

这是我的footer.php

<?php 
    session_start(); //this NEEDS to be at top of the page before any output etc
?>

<?php

$pinfo = pathinfo($_SERVER["SCRIPT_FILENAME"]);
$reqpath = dirname($_SERVER["REQUEST_URI"]);

$linkname = ($_SESSION['link-title']);

if(preg_match("/(.*?)(\d+)\.php/", $pinfo["basename"], $matches)) {
    $fnbase = $matches[1];
    $fndir = $pinfo["dirname"];

    $linkTitle = $linkname;

    $current = intval($matches[2]);
    $next = $current + 1;
    $prior = $current - 1;
    $next_file = $fndir . DIRECTORY_SEPARATOR . $fnbase . $next . ".php";
    $prior_file = $fndir . DIRECTORY_SEPARATOR . $fnbase . $prior . ".php";

    $next_link = $linkTitle . $next;
    $prev_link = $linkTitle . $prior;

    if(!file_exists($next_file)) $next_file = false;
    if(!file_exists($prior_file)) $prior_file = false;

    if($prior_file) {
        $link = $reqpath . DIRECTORY_SEPARATOR . basename($prior_file);

      //  echo "<a href=\"$link\">Prior</a>";
    }

    if($prior_file && $next_file) {
      //  echo " / ";
    }

    if($next_file) {
        $link = $reqpath . DIRECTORY_SEPARATOR . basename($next_file);

       // echo "<a href=\"$link\">Next</a>";
    }

    if($prev_link) {
        $prevTitle = $prev_link;

    }

    if($next_link) {
        $Title =  $next_link;

    }



}

?>

<div id="pagination_container">

    <div id="previous_link">
       <!-- <a href="#back" class="backLink" id="backLink">PREVIOUS</a> -->
        <?php if($prior_file) {
        $link = $reqpath . DIRECTORY_SEPARATOR . basename($prior_file);

        echo "<a href=\"$link\">PREVIOUS</a>";
       // echo $_SESSION['link-title'];    
        echo $prevTitle;

        }

         ?>

    </div>

    <div id="next_link">
        <!-- <a href="#next" class="nextLink" id="nextLink">NEXT</a> -->
        <?php if($next_file) {
        $link = $reqpath . DIRECTORY_SEPARATOR . basename($next_file);

        echo $Title;
       // echo $_SESSION['link-title'];
        echo "<a href=\"$link\">NEXT</a>";

        }
        ?>
    </div>

</div>

<div id="footer">

    copyright blah blah

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


</body>
</html>

这是我的css

body,html {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

#nav_menu {
    background-color: pink; 
    width: 100%;
    height: 80px;
}

#nav_menu ul {
   text-align: right;
}

#nav_menu li {
    list-style-type: none;
    display: inline-block;
    padding-right: 20px;
    padding-top: 30px;
}

#main_body {
    width: 100%;
    background-color: #dbdbdb;
    height: 400px;
    padding: 20px;
    color: #333333;
}

#pagination_container {
    width: 100%;
    background-color: pink;
    display: flex;
}

#previous_link {
    width: 50%;
    background-color: purple;
    color: white;
    display: flex;
    float: left;
    text-align: left;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
}

#previous_link:hover {
    color: white;
    transition: 0.5s all;
}

#previous_link:link {
    color: white;
    text-decoration: none;
}

#next_link {
    width: 50%;
    background-color: purple;
    color: white;
    text-align: right;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 20px;
    border-left: 1px solid #dbdbdb;
}

#next_link a:visited {
    color: white;
}

#next_link a:link {
    color: white;
    text-decoration: none;
}

#next_link a:hover {
    color: blue;
    transition: 0.5s all;
}

#next_link:hover {
    background-color: pink;
    transition: 0.5s all;
}

#footer {
    text-align: center;
    padding-top: 20px;
}

这是page2.php,例如它现在如何工作

<?php //THIS IS THE PREVIOUS/NEXT LINK TITLE FOR EACH PORTFOLIO PAGE
    session_start();
    $_SESSION['link-title'] = "superman";
?>

<?php include('header.php') ?>

<div id="main_body">
PAGE 2
</div>

<?php include('footer.php') ?>

0 个答案:

没有答案