从PHP文件中将内容输入到HTML文件中的DIV中

时间:2011-10-02 17:04:56

标签: php javascript jquery html

我不确定这是否可能,但如果是这样,我想它会通过PHP(我是初学者)。

基本上我有一个带有空DIV标记的.html文件,我希望获得该DIV标记的内容,该标记存储在.php文件中,并将其放入DIV中。

试着让这一点更清楚......

HTML FILE


<div id="content">

</div>

和...

CSS

#content {
position:relative;
width:700px;
max-height:550px;
min-height:10px;
overflow:auto;
}

#content h1 {
font-family:"Kristen ITC";
font-size:20px;
font-weight:bold;
margin-top:20px;
margin-bottom:0px;
margin-left:70px;
text-align:left;
color:#000000;
text-decoration:underline;
}

#content p {
font-family:"Bradley Hand ITC";
font-size:22px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
margin-left:90px;
margin-right:130px;
text-align:left;
color:#000000;
text-decoration:none;
}

然后,我希望有这个......

<h1>- Chapter 1</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus molestie orci at orci blandit consectetur dapibus elit sollicitudin. Donec diam libero, feugiat vitae egestas eget, pellentesque eget tellus.</p>
    <h1>- Chapter 2</h1>
    <p>Phasellus in libero at ligula tincidunt convallis et a libero. Ut elementum molestie enim, vitae consequat mi imperdiet in. Ut metus justo, pharetra vel convallis et, eleifend vitae est. Aenean fringilla tincidunt nunc ac gravida.</p>

在一个.php文件中,我将链接到.html文件中,就像这样......

HTML FILE

<div id="content">

(Somehow link the .php. file here to get the <h1> and <p> stuff)

</div>

我希望这是有道理的。

我目前已经尝试过(记得我是初学者,所以如果我只是愚蠢的话,不要笑)...

HTML FILE
<div id="content">

$contents = file_get_contents('current.php');

</div>

使用php文件...

PHP FILE

<?php
// print output
<h1>- Chapter 1</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus molestie orci at orci blandit consectetur dapibus elit sollicitudin. Donec diam libero, feugiat vitae egestas eget, pellentesque eget tellus.</p>
    <h1>- Chapter 2</h1>
    <p>Phasellus in libero at ligula tincidunt convallis et a libero. Ut elementum molestie enim, vitae consequat mi imperdiet in. Ut metus justo, pharetra vel convallis et, eleifend vitae est. Aenean fringilla tincidunt nunc ac gravida.</p>
?>

我不知道我在做什么,我是否已经相对接近于完成这项工作,距离实现它还是完全没有,或者甚至是可能的。

在一个完美的世界里,我可以使用.html文件和.css文件,它看起来像这样example I made on jsfiddle

任何人都可以帮我吗?

3 个答案:

答案 0 :(得分:2)

包括一个文件(不是1:1复制文件的内容)。尝试:

<div id="content">
<?php include('current.php'); ?>
</div>

这将剥离<?php ... ?>标签,希望它有所帮助。文档is available

答案 1 :(得分:1)

使用此:

HTML FILE
<div id="content">
<?php
echo file_get_contents('current.php');
?>
</div>

删除“php”文件中的<?php?>,该文件只包含纯HTML。

如果要添加动态内容,在服务器端,您必须在<?php?>中包含PHP代码。当您定义纯HTML时,请不要使用<?php,因为<?php告诉解释器将<?php?>之间的内容解析为PHP代码。

答案 2 :(得分:0)

你应该使用file_get_contents('sourcefile.php')函数来检索源文件内容。

如果源文件包含代码,则可以使用require()或include()。 有关详细信息,请参阅php.net手册。