お世話になります。
現在FilemakerというデータベースよりPHPを使用してデータをHTMLへ反映させています。
そのプログラムを書く上で、HTMLのメニューのoritatamiを複数段階作成したいです。
データの内容
・[menu1]テーブルには"menu1No"フィールドがあります
・[menu2]テーブルには"menu1No"とリレーションを組むデータがあります
・さらにその下には[menu3]テーブルがあり・・・を繰り返します
実行結果
・HTML上でメニューを作成するためにまずmenu1テーブルのデータを読み込み、それに折りたたみ機能を付け、各menu1Noに付随するmenu2のデータを更に折りたたみメニューとして表示させる。
<?php $findCommand_menu1 =& $fm->newFindAllCommand('menu1'); $result_menu1 = $findCommand_menu1->execute(); $records_menu1 = $result_menu1->getRecords(); $record_menu1 = $records_menu1[0]; foreach ($records_menu1 as $record_menu1) { echo "<li>". $record_menu1->getField('menu1No') .'▶'. "</li>"; #ここからmenu1に付随するmenu2のレコードを検索 $menu1No = $record_menu1->getField('menu1No.'); $findCommand_menu2 =& $fm->newFindCommand('menu2'); $findCommand_menu2->addFindCriterion('menu1No.','='.$menu1No); $result_menu2 = $findCommand_menu2->execute(); if(FileMaker::isError($result_menu2)){ } else{ $records_menu2 = $result_menu2->getRecords(); $record_menu2 = $records_menu2[0]; foreach ($records_menu2 as $record_menu2) { $menu2No = $record_menu2->getField('menu2No.'); ?> <A HREF="" onclick="oritatami('<?php echo $menu2No; ?>');return false"> <div id="<?php echo $menu2No; ?>" style="display:none;"> <ul> <?php echo "<li>". $record_menu2->getField('menu2') .'▶'. "</li>"; echo "</ul>"; echo "</div>"; echo "</A>"; } } }?> </ul>
以上を実行すると、データは出てくるのですが、menu1で得た折りたたみメニューを押しても次の折りたたみメニューがうまく表示されません。
すいませんがご教授お願いいたします。
追記
oritatami=javascriptで作成したものです
ページのソース
<!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" /> <meta content="86400" http-equiv="Expires" > <script type="text/javascript"><!-- function oritatami(id){ obj=(document.all)?document.all(id):((document.getElementById)?document.getElementById(id):null); if(obj) obj.style.display=(obj.style.display=="none")?"block":"none"; } </script> </head> <body> <h4><a href=""onclick="oritatami('o1');return false">menu1▶</a></h4> <div id="o1"> <ul> <li>menu1-1▶</li><li>menu1-2▶</li> <A HREF="" onclick="oritatami('1');return false"> <div id="1" style="display:none;"> <ul><li>menu1-2-1▶</li></ul></div></A><li>menu1-3▶</li><li>menu1-4▶</li> </ul> </div> </body> </html>
以上のようになります
今回menu1の配下に付随するのはmenu1-2のみです。
ですので、menu1-2をクリックした時にはmenu1-2-1を表示したいのですがうまくいきません
menu1-1、1-3、1-4には付随するmenu2はないです。
回答3件
あなたの回答
tips
プレビュー