Php 如何将appendChild从基于数组的函数中分离出来，并从其函数外部调用它？
好吧，希望这有点道理。我在一个使用php发现的文件夹中有大量不断变化的图像。找到的图像然后作为变量传递给我的javascript，以表示在给定文件夹中找到的文件的位置和总数 创建一个由各种图像位置组成的数组，然后用于创建附加到现有div的新图像 问题是如何分离函数的appendChild部分，以便在构建完整数组后调用它，而不是在每次迭代后追加。这样做的希望是在集合组装时显示正在加载的gif，一旦组装完成，将数组作为一个整体附加到文档中，而不是在加载每个文件时Php 如何将appendChild从基于数组的函数中分离出来，并从其函数外部调用它？,php,javascript,arrays,dynamic,appendchild,Php,Javascript,Arrays,Dynamic,Appendchild,好吧，希望这有点道理。我在一个使用php发现的文件夹中有大量不断变化的图像。找到的图像然后作为变量传递给我的javascript，以表示在给定文件夹中找到的文件的位置和总数 创建一个由各种图像位置组成的数组，然后用于创建附加到现有div的新图像 问题是如何分离函数的appendChild部分，以便在构建完整数组后调用它，而不是在每次迭代后追加。这样做的希望是在集合组装时显示正在加载的gif，一旦组装完成，将数组作为一个整体附加到文档中，而不是在加载每个文件时 <!DOCTYPE HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
enter code here`<HTML>
<HEAD>
<TITLE>Use PHP in HTML files</TITLE>
<?php
$dir = "images/";
$dh = opendir($dir);
while (false !== ($filename = readdir($dh))) {
$files[] = $filename;
$filecount = count($files);
}
uasort ( $files , function ($a, $b) {
return strnatcmp($a,$b); // or other function/code
}
);
print_r($files);
?>
<script language="javascript" type="text/javascript">
function map(id){
var photos = [];
var test = <?php echo json_encode($files); ?>;
var elements = <?php echo $filecount ?>;
for (i=0;i<=elements;i++){
photos[i] = new Array("images/" + test[i]);
image = new Image();
image.setAttribute("class", "container");
image.setAttribute("id", photos[i]);
image.src = photos[i];
image = document.getElementById("container").appendChild(image);
}
alert(elements);
}
</SCRIPT>
<style type="text/css">
.container {
position: absolute;
height: 664px;
width: 1024px;
left: 0;
top: 125px
}
#loadingBar {
position: absolute;
top: 30%;
left: 30%;
z-index: 100;
}
</style>
</HEAD>
<BODY>
<button id="lower_level" onclick="map(this)">Click This Confused Button</button>
<div id="container"></div>
</BODY>
</HTML>
在这里输入代码`
在HTML文件中使用PHP
功能图（id）{
var照片=[]；
var检验=；
var元素=；
对于（i=0；i元素，“.”和“.”表示当前目录和父目录
在函数开始时，可以隐藏div：
document.getElementById("container").setAttribute("style","display:none");
并添加或加载gif
函数运行后，隐藏gif和show div
功能映射（id）{
document.getElementById（“容器”）.setAttribute（“样式”，“显示：无”）；
var照片=[]；
var检验=；
var元素=；
对于（i=0；i
function map(id){
document.getElementById("container").setAttribute("style","display:none");
var photos = [];
var test = ;
var elements = ;
for (i=0;i<elements;i++){
if(test[i] '.' || test[i]'..')
continue;
photos[i] = new Array("../myProject/web/uploads/images/" + test[i]);
image = new Image();
image.setAttribute("class", "container");
image.setAttribute("id", photos[i]);
image.src = photos[i];
image = document.getElementById("container").appendChild(image);
}
alert(elements);
document.getElementById("container").setAttribute("style","display:block");
}