Indra Berbagi: Create a Tree Menu

A tree menu or an tree view is a graphical user interface element (widget) that presents a hierarchical view of information. Each item (often called a branch or a node) can have a number of subitems. This is often visualized by indentation in a list.

<?
//initial command in formatting type, size and color of font
echo '';
//create a new class command wirh submenu of name
class submenu {
var $urls; 
var $desps;
var $cot;
var $id; 
var $itemBranch = '&nbsp&nbsp|---';
//create a function 'create' base on variable 'id'
function create($id) {
 $this->cot=0; 
 $this->id=$id;
}
//create a function 'add' base on variables 'url' and 'desp'
function add($url, $desp) { 
 $this->urls[$this->cot]=$url;
 $this->desps[$this->cot]=$desp; 
 $this->cot++;
}
//create a function 'open' to open the branch of tree menu
function open() { 
$i=0;
while($i<$this->cot) {
 if ($i==0) { 
 global $PHP_SELF;
 echo '<a href="'.$PHP_SELF.'?action=close&id=">'.$this->desps[0].'</a> ';
 }else {
 echo $this->itemBranch.'<a href="'.$this->urls[$i].'">'.$this->desps[$i].'</a> ';
 }
 $i++;
}
}
//create a function 'close' to close the branch of tree menu
function close() { 
global $PHP_SELF;
if (! $this->id){
} else {
echo '<a href="'.$PHP_SELF.'?action=open&id='.$this->id.'">'.$this->desps[0].'</a> '; 
}
}
}
//create a new class command with 'menu' of name
class menu { 
var $submenus;
var $cot; 
var $id; 
//crate a new function with 'create' of name
function create() { 
 $this->cot=0;
 $this->id=2;
}
//create a function 'add' base on variable of '$submenu' 
function add($submenu) { 
 $this->submenus[$this->cot]=new submenu;
 $this->submenus[$this->cot]=$submenu;
 $this->cot++;
}
//create a function 'show' to appear variable of '$submenu' 
function show() { 
 $i=0;
 $tmp = new submenu;
 while ($i<$this->cot) {
 $tmp=$this->submenus[$i];
 if ($tmp->id==(string)$this->id) {
 $tmp->open();
 }else {
 $tmp->close();
 }
 $i++;
 }
}
//create a function 'hide' to hide variable of '$submenu' 
function hide() { 
 $tmp = new submenu;
 $tmp->close();
} 
} 
//command to determine the situs link on submenu
$sm_1=new submenu;
$sm_1->create('1');
$sm_1->add('','Favorit Situs');
$sm_1->add('http://sharetech13.blogspot.com','Roland Blog');
$sm_1->add('http://www.google.com','Google');
//command to create the situs link function of submenu
$sm_2=new submenu;
$sm_2->create('2');
$sm_2->add('',' Search Engine');
$sm_2->add('http://www.google.com','Google');
$sm_2->add('http://www.yahoo.com','Yahoo');
$m_1=new menu;
$m_1->create();
$m_1->add($sm_1);
$m_1->add($sm_2);
if ($action=='') {
$m_1->show();
}
//perform the command code of the conditions are met
if ($action=='open') {
$m_1->id=$id;
$m_1->show();
}
if ($action=='close') {
$m_1->id=$id;
$m_1->hide();
$m_1->show();
}
echo '';
?>

November 27, 2009

Create a Tree Menu

No comments:

Post a Comment

Recent Comment