2012-07-24 54 views
1

因此,我正在重新設計一些工具來創造一個有凝聚力的用戶體驗,我有2個文件,我將包括在其餘所有。他們是一個頭和一個頁腳。他們獨立工作,但當我試圖將它們包含在同一個文件中時,頁腳不顯示(我甚至試圖將它們放在一個包含文件中)。html和body標籤關閉之前,我告訴他們到PHP

這裏的標題:

<?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標記,並且不運行頁腳。

任何建議和感謝?

+0

這是不可能的。你能粘貼生成的HTML嗎? – Florent 2012-07-24 15:06:02

+0

你是說當你把它們都包括在內時,它仍然輸出結束''和''標籤? – andrewsi 2012-07-24 15:06:36

+0

當你檢查呈現的HTML,你不會看到頁腳結束,因爲js腳本標記寫得不正確,他們會以''結尾,而不是自我結束標記 – swapnilsarwe 2012-07-24 15:16:23

回答

1

你可以嘗試從<script src='/bootstrap/js/bootstrap-typeahead.js'/>改變你的腳本標籤,從而<script src='/bootstrap/js/bootstrap-typeahead.js'></script>

+0

謝謝你做到了:) – 2012-07-24 15:19:51

0

我檢查了代碼,它完美地呈現。 不是強制,而是 您應該按照@Toby要求關閉script標籤的方式行事。

我相信它的問題與你的腳本標籤的方式。請糾正它們,一切都會好的。

編輯

當你在瀏覽器中做的查看源文件,頁腳是出現在HTML源代碼預期。 只有在渲染頁腳沒有顯示,但一旦你正確的方式腳本標記添加即把正確結束</script>瀏覽器將使其正確

+0

是的,我也是......但後來從來沒有用過這種方式的腳本,因此懷疑相同...也@Toby評論讓我檢查與修復和你工作 – swapnilsarwe 2012-07-24 16:01:53

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。

+0

是的,這就是我最終做的。謝謝:) – 2012-08-30 17:28:38

+0

@DrewLandgrave你總是可以爲此讚不絕口! :) – skmasq 2012-08-31 10:46:34

相關問題