如何在包含页面的div中获取内容

时间:2013-10-23 20:31:53

标签: javascript php jquery html

有点难以说出这个主题,使用几乎所有与HTML和PHP有关的内容如何在包含页面的div中获取内容。

让我尝试一下这个:

header.php具有以下内容:

HTML:

<div id="container">
    <div id="primary">
        <div class="title">Stats</div>
        <p>Primary Sidebar</p>
    </div>
    <div id="content">
        <div class="title">Content</div>
        <p>Main content</p>
    </div>
    <div id="secondary">
        <div class="title">Other</div>
        <p>Secondary Sidebar</p>
    </div>
</div>

CSS:

#container {
    width: 970px;
    margin: 0 auto;
}
#primary {
    float: left;
    width: 240px;
    height: 600px;
    border: #000 solid 1px;
}
#content {
    float: left;
    width: 474px;
    border: #000 solid 1px;
    margin-left: 5px;
    margin-right: 5px;
}
#secondary {
    float: left;
    width: 240px;
    height: 600px;
    border: #000 solid 1px;
}
.title {
    width: 100%;
    height: 20px;
    background: green;
}

JSFIDDLE HERE

这就是将要包含在其他页面上的页面。它有布局(主要是侧面菜单)。现在有什么方法可以从div header.php中包含content的网页获取内容。

E.G内容可能是什么:一个包含数据的简单HTML表。

任何其他方法都可以很好地了解,因为我已经有内容准备进入该div的页面我希望它保持我的方式,但如果它不可能或只是平原愚蠢我可以改变它。

我希望这有点意义,我发现这很难解释。我环顾四周,无法找到我需要的东西。

更新 下面有一张图片来解释一下。

Pic

3 个答案:

答案 0 :(得分:0)

希望我没有太多简化:

//index.php    
$stats = 'Some text here';
include('header.php');

然后:

//header.php
<div id="container">
    <div id="primary">
        <div class="title">Stats</div>
        <p><?php echo $stats; ?></p>

答案 1 :(得分:0)

听起来你希望模板有足够的灵活性。

尝试为主DIV和辅助DIV创建单独的文件,例如:

//primary-sidebar.php
<div id="container">
    <div id="primary">
        <div class="title">Stats</div>
        <p>Primary Sidebar</p>
    </div>
    <div id="content">


//secondary-sidebar.php
 </div>
    <div id="secondary">
        <div class="title">Other</div>
        <p>Secondary Sidebar</p>
    </div>
</div>

然后对于每个页面,代码看起来像这样(我们将从index.php开始)

//index.php
include 'primary-sidebar.php';

<div class="title">Content</div>
<p>Main content</p>

include 'secondary-sidebar.php';

答案 2 :(得分:0)

使用output buffering解决。

将输出存储在变量中并稍后使用。