2012-07-24 92 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

相关问题