因此,自从加入以来,我学到了很多东西 - 与我在哪里相比 - 但我仍然不太清楚术语和功能......所以这就是我的问题:
我正在制作几个基于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文档?
有什么想法?
答案 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();
希望这有帮助