正如你将看到的,我是所有这些 ajax 东西的新手,但我可以做一些 php,所以我很喜欢 xajax 来为我处理 javascript。
我有一个数组,其中列出了不同部分中的项目。我想使用这个数组来生成一个无序列表,当有人点击一个部分时它会展开。
我改编了在这里找到的脚本:
我的脚本目前看起来像这样:
<?php
include ("xajax_core/xajax.inc.php");
$subs = array(
"Mortice" => array("Union Deadlock 2.5", "Union Deadlock 3", "Union Sashlock 2.5", "Union Sashlock 3"),
"Cylinders" => array("30/30 Euro", "30/40 Euro", "30/50 Euro", "30/60 Euro"),
"uPVC" => array("30/92 Fullex", "35/92 Fullex", "Sash jammer")
);
function addsub($show, $key)
{
$objResponse=new xajaxResponse();
if ($show=="true") {
$objResponse->assign("list", "style.display", "block");
$objResponse->replace("$key","innerHTML","true","false");
}
else {
$objResponse->assign("list", "style.display", "none");
$objResponse->replace("$key","innerHTML","false","true");
}
return $objResponse;
}
$xajax = new xajax();
$xajax->registerFunction("addsub");
$xajax->processRequest();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php $xajax->printJavascript() ?>
<title>Expand menu test</title>
<style type="text/css">
.list {display: none;}
</style>
</head>
<body>
<?php
echo "<ul>\n";
foreach ($subs as $key => $group) {
echo "<li id=\"".$key."\" onClick=\"xajax_addsub('true','$key');\">".$key."\n";
echo "<ul class=\"list\" id=\"list\">\n";
while (list($list, $each) = each($group)) {
echo "<li id=\"list\">".$each."</li>\n";
}
echo "</ul>\n</li>\n";
}
echo "</ul>";
?>
</body>
</html>
这个想法是,当单击一个元素时,它会将样式显示更改为阻塞(从而显示列表的其余部分)并将功能设置为“false”,因此如果再次单击它会将显示更改回无并隐藏列表。
不用说它不起作用,所以如果有人能向我指出为什么我会永远感激。
干杯,
缺口。
已解决 - 我通过将要显示(或隐藏)的列表放入<divs>
并为它们分配一个唯一的 id 并将它们的样式设置为 display: none 来对其进行排序。然后我只需要在点击样式时请求将样式设置为块。
谢谢。