PHPのお勉強



HTML_TreeMenu(PEAR)を利用@PHP

HTML_TreeMenuを利用します。
pear install html/treemenuでインストールします。

Pear/data/HTML_TreeMenu配下にTreeMenu.jsとimagesフォルダがあります。
所定のフォルダにコピーします。
scriptタグにて、TreeMenu.jsを設定します。

HTML_TreeMenuを生成します。
HTML_TreeNodeを生成します。
引数で連想配列を渡します。

作成したHTML_TreeNodeを構造を考慮して、addItemします。
HTML_TreeMenuにaddItemします。

HTML_TreeMenu_DHTMLを生成し、toHTMLにてHTML文を作成します。


<!-- Pear\data\HTML_TreeMenu配下にあるjs -->
<script type="text/javascript" src="TreeMenu.js"></script>

<?php

require("HTML/TreeMenu.php");

//TreeMenu生成
$treeMenu = new HTML_TreeMenu();

//トップノードその1、googleへのリンク
$rootNode1 = new HTML_TreeNode(array("text"=>"Google","link"=>"http://www.google.co.jp/","linkTarget"=>"_blank"));

//トップノードその2、yahooへのリンク
$rootNode2 = new HTML_TreeNode(array("text"=>"Yahoo","link"=>"http://www.yahoo.co.jp/","linkTarget"=>"_blank"));

//子ノード、yahoo天気、テレビへのリンク
$childNode2_1 = new HTML_TreeNode(array("text"=>"Yahoo 天気","link"=>"http://weather.yahoo.co.jp/weather/","linkTarget"=>"_blank"));
$childNode2_2 = new HTML_TreeNode(array("text"=>"Yahoo テレビ","link"=>"http://tv.yahoo.co.jp/","linkTarget"=>"_blank"));

//子ノードをトップノードへ追加
$rootNode2->addItem($childNode2_1);
$rootNode2->addItem($childNode2_2);

//トップノードをTreeMenuへ追加
$treeMenu->addItem($rootNode1);
$treeMenu->addItem($rootNode2);

//HTML_TreeMenu_DHTMLを生成
$treeDhtml = new HTML_TreeMenu_DHTML($treeMenu);

//HTML表示
print($treeDhtml->toHTML());

?>


Copyright (C) PHPのお勉強. All Rights Reserved.