引用包含的php页面中的对象 - 以及如何隐藏它

时间:2012-07-12 05:54:41

标签: php javascript dom instance

因此,自从加入以来,我学到了很多东西 - 与我在哪里相比 - 但我仍然不太清楚术语和功能......所以这就是我的问题:

我正在制作几个基于js的画廊。这个想法是将有3-4个页面包含一些缩略图,这些缩略图将使用相应的艺术和副本填充特定的div(我使用innerHTML调用div)并且到目前为止有效。这是脚本:

function changeDiv(target,id) {
var target = document.getElementById('generic');
var id = document.getElementById(id);
target.innerHTML = id.innerHTML; 
}

这很有效......当我在同一页面中有'目标'和所有'id'时。我甚至在页面上使用了php include(我将其添加到页脚)并将其嵌套在我设置为visibility:hidden的内联div中。在黑暗中拍摄,但这也有效。除了我的页脚现在大约是另外100px高,只有空白。显然它隐藏了内容,但为它提供了充足的空间。

但我真正想要做的是将我正在调用的div的来源(我们称之为artwork.php)包含在库页面(...和gallery1.php)中,与css或js链接在标题中,或者与php标记一样,但不会弄乱我的任何对象。

我希望这是有道理的,但简而言之:我怎样才能调用一个不会显示但可以被js调用的外部php文档?

有什么想法?

2 个答案:

答案 0 :(得分:0)

1)visibility:hidden;保持页面上的位置。请改用display:none

2)乔有两种可能性。

a)如果您的artwork.php将动态更改,请使用Ajax(google it!)。

b)使用artwork.php作为JS文件,例如:

<?php
/* artwork.php */
header('Content-type: application/javascript');

echo "var myImages = [{'name':'First image','src':'image1.jpg'},{'name':'Next   image','src':'image2.png'}];\n";
?>
//... any other JS functions here ...

和gallery1.php:

<html>
<head>
<script type="text/javascript" src="artwork.php"> </script>
</head>
<body>
...
</body>

答案 1 :(得分:0)

嗯,我实际上并没有得到你想说的话,但我认为这可能会有所帮助

  

保存你的php页面让我们说“artwork.php”

     

然后使用jquery Load调用页面并隐藏已加载页面的div。

$("#any_div_u_want").load('artwork.php',function(){
      $(this).hide();
});

现在你可以用

显示包含你的php脚本的div
$("#any_div_u_want").show();

希望这有帮助