2

ご覧のとおり、私はこのすべての ajax の初心者ですが、少しの php を実行できるので、javascript を処理するために xajax を選択しました。

別のセクションにリストされたアイテムの配列があります。この配列を使用して、誰かがセクションをクリックすると展開される順序付けられていないリストを生成したいと考えています。

ここで見つけたスクリプトを適応させました：

スライディングドロー

私のスクリプトは現在次のようになっています。

<?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 に設定して並べ替えました。次に、クリックされたときにスタイルをブロックとして設定するように要求する必要がありました。

ありがとう。

4

1 に答える 1

0

jQueryをデフォルトの JavaScript ライブラリとして検討する必要があると思います。jQuery は多くの Web 専門家によって使用されており、非常に優れています。そこにアコーディオンコントロールがあります。これは、このニーズに非常に適していると思います。

幸運を！

于 2011-02-21T17:18:07.703 に答える