1

そのため、一貫性のあるユーザーエクスペリエンスを実現するために、作業中のいくつかのツールを再設計しています。残りのすべてに含める2つのファイルがあります。それらはヘッダーとフッターです。それらは独立して機能しますが、同じファイルにインクルードしようとすると、フッターが表示されません（1つのインクルードファイルに入れてみました）。

ヘッダーは次のとおりです。

<?php

function pageHeader($title){
    $html = "<!DOCTYPE html>
    <html>
    <head>
        <link href='../../bootstrap/css/bootstrap.css' rel='stylesheet'>
        <title>$title</title>
    </head>
    <body>
        <div class='navbar navbar-fixed-top'>
            <div class='navbar-inner'>
                <div class='container-fluid'>
                    <a class='brand' href='/platform'>Platform Tools</a>
                    <div class='btn-group pull-right'>
                        <a class='btn dropdown-toggle' data-toggle='dropdown' href='#'>
                            <i class='icon-user'></i>
                            Username
                            <span class='caret'/>
                        </a>
                        <ul class='dropdown-menu'>
                            <li>
                                <a href='#'>Profile</a>
                            </li>
                            <li class='divider'/>
                            <li>
                                <a href='#'>Sign Out</a>
                            </li>
                        </ul>
                    </div>
                    <div class='nav-collapse'>
                        <ul class='nav'>
                            <li class='active'>
                                <a href='#'>
                                    <i class='icon-home icon-white'></i>
                                    APEX Home
                                </a>
                            </li>
                            <li>
                                <a href='/platform/cms'>
                                    <i class='icon-home icon-white'></i>
                                    CMS Home
                                </a>
                            </li>
                            <li>
                                <a href='/platform/outbound'>
                                    <i class='icon-home icon-white'></i>
                                    Outbound Home
                                </a>
                            </li>
                            <li>
                                <a href='/platform/urs'>
                                    <i class='icon-home icon-white'></i>
                                    URS Home
                                </a>
                            </li>
                            <li>
                                <a href='#bug'>
                                    <i class='con-fire icon-white'></i>
                                    Report a problem
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <script src='/bootstrap/js/jquery.js'/>
        <script src='/bootstrap/js/bootstrap-transition.js'/>
        <script src='/bootstrap/js/bootstrap-alert.js'/>
        <script src='/bootstrap/js/bootstrap-modal.js'/>
        <script src='/bootstrap/js/bootstrap-dropdown.js'/>
        <script src='/bootstrap/js/bootstrap-scrollspy.js'/>
        <script src='/bootstrap/js/bootstrap-tab.js'/>
        <script src='/bootstrap/js/bootstrap-tooltip.js'/>
        <script src='/bootstrap/js/bootstrap-popover.js'/>
        <script src='/bootstrap/js/bootstrap-button.js'/>
        <script src='/bootstrap/js/bootstrap-collapse.js'/>
        <script src='/bootstrap/js/bootstrap-carousel.js'/>
        <script src='/bootstrap/js/bootstrap-typeahead.js'/>  ";

        return $html;
        }
?>

そしてこれがフッターです：

<?php
function pageFooter(){
    $html ="
    <nav class='footer'>
        <a href='#'>Apex</a>
        <a href='#'>Contest</a>
        <a href='#'>Outbound</a>
        <a href='#'>URS</a>
        <a href='#'>Third Party Tools</a>
        <a href='#'>Report a Problem</a>
        <a href='#'>Our SLA</a>
        <a href='#'>Contact</a>
    </nav>
    </body>
    </html> ";

    return $html;
    }
?>

それらをFrontDoor.phpファイルに含めると、次のようになります（相対パスに変更されます）。

<?php include('C:\xampp\htdocs\webapps\Redesign\Oreo\src\Header.php'); ?>
<?php include('C:\xampp\htdocs\webapps\Redesign\Oreo\src\Footer.php'); ?>

<?php echo pageHeader('Platform Tools'); ?>
<?php echo pageFooter(); ?>

実行しようとすると、ヘッダーが実行され、bodyタグとhtmlタグが閉じられ、フッターは実行されません。

何か提案や感謝はありますか？

4

3 に答える 3

1

スクリプトタグをから<script src='/bootstrap/js/bootstrap-typeahead.js'/>に変更してみてください<script src='/bootstrap/js/bootstrap-typeahead.js'></script>

于 2012-07-24T15:05:15.800 に答える
0

わかりました、私はいつもこれをします、

基本的に私がすることはこれです

<?php include_once('Header.php'); ?>
Any Page content
<?php include_once('Footer.php'); ?>

ヘッダーには次のものが含まれます 

<html><head></head><body><div class="some-div">

そしてフッターには 

</div></body></html>

このようにして、一定のヘッダーとフッターを取得します。phpドキュメントを閉じるために別の関数を作成する必要はありません。非生産的です。

編集：
たとえば、index.phpがある場合、それにはファイルheader.phpとfooter.phpが含まれています。

于 2012-07-24T15:17:32.707 に答える
0

コードをチェックアウトしましたが、完全にレンダリングされています。強制ではありませんが、script @Tobyが終了タグ を要求した方法に従う必要があります。

スクリプトタグの配置方法に問題があると確信しています。それらを修正してください、そしてすべてがうまくいくでしょう。

編集

ブラウザでソースを表示すると、期待どおりにフッターがHTMLソースに表示されます。フッターのレンダリング中のみ表示されませんが、スクリプトタグの追加方法を修正すると、適切なエンド</script>ブラウザを配置すると正しくレンダリングされます

于 2012-07-24T15:10:33.023 に答える