treeview code in php

general
1

Is there anyone who can write a program to create Treeview in php. I know it is simple but seems a big problem to me right now
thankx in advance

2

Simple Steps to Create jQuery Tree View Menu

Step 1:We will include jquery library and bootstrap in head section of file.

Step 2: We will define css class for design treeview menu structure.

#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-family: Arial; font-size: 12px; position: relative; } #cssmenu a { line-height: 1.3; padding: 6px 0px 6px 16px; } #cssmenu > ul > li { cursor: pointer; background: #000; } #cssmenu > ul > li > a { font-size: 12px; display: block; color: #555; background: url(Expand.png) no-repeat 0px 12px #FFF; line-height:20px; } #cssmenu > ul > li > a:hover { text-decoration: none; } #cssmenu > ul > li.active { /*border-bottom: none;*/ } #cssmenu > ul > li.active > a { background: url(collapsed.png) no-repeat 0px 12px #FFF; color: #2771ba; text-shadow: 0 1px 1px #e6e6e6; } #cssmenu > ul > li.has-sub > a:after { content: ''; position: absolute; top: 10px; right: 10px; } #cssmenu > ul > li.has-sub a span{ color:#2771ba; } #cssmenu > ul > li.has-sub.active > a:after { right: 14px; top: 12px; } /* Sub menu */ #cssmenu ul ul { padding: 0; display: none; } #cssmenu ul ul a { background: #fff; display: block; color: #797979; font-size: 12px; padding-left:30px; } #cssmenu ul li ul li a span{color:#797979 !important;} #cssmenu ul li ul li a span:hover{color:#7293b4 !important; text-decoration:underline;} #cssmenu ul ul li:last-child { border: none; } .addSubSec{list-style:none; padding:10px 0 0 20px; margin:0; background:url(add.png) no-repeat 0 10px; color:#989898;} .addSub{padding-left:0; border-left:1px solid #d9d9d9;} .addSub h3{font-size:19px; color:#929292;}

Step 3: Define html file and create treeview menu using html element.

                    </ul>
                </div>

Step 4: Added jquery code to expand and collapse tree menu.

3

Simple Steps to Create jQuery Tree View Menu

Step 1:We will include jquery library and bootstrap in head section of file.

Step 2: We will define css class for design treeview menu structure.

#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-family: Arial; font-size: 12px; position: relative; } #cssmenu a { line-height: 1.3; padding: 6px 0px 6px 16px; } #cssmenu > ul > li { cursor: pointer; background: #000; } #cssmenu > ul > li > a { font-size: 12px; display: block; color: #555; background: url(Expand.png) no-repeat 0px 12px #FFF; line-height:20px; } #cssmenu > ul > li > a:hover { text-decoration: none; } #cssmenu > ul > li.active { /*border-bottom: none;*/ } #cssmenu > ul > li.active > a { background: url(collapsed.png) no-repeat 0px 12px #FFF; color: #2771ba; text-shadow: 0 1px 1px #e6e6e6; } #cssmenu > ul > li.has-sub > a:after { content: ''; position: absolute; top: 10px; right: 10px; } #cssmenu > ul > li.has-sub a span{ color:#2771ba; } #cssmenu > ul > li.has-sub.active > a:after { right: 14px; top: 12px; } /* Sub menu */ #cssmenu ul ul { padding: 0; display: none; } #cssmenu ul ul a { background: #fff; display: block; color: #797979; font-size: 12px; padding-left:30px; } #cssmenu ul li ul li a span{color:#797979 !important;} #cssmenu ul li ul li a span:hover{color:#7293b4 !important; text-decoration:underline;} #cssmenu ul ul li:last-child { border: none; } .addSubSec{list-style:none; padding:10px 0 0 20px; margin:0; background:url(add.png) no-repeat 0 10px; color:#989898;} .addSub{padding-left:0; border-left:1px solid #d9d9d9;} .addSub h3{font-size:19px; color:#929292;}

Step 3: Define html file and create treeview menu using html element.

                    </ul>
                </div>

Step 4: Added jquery code to expand and collapse tree menu.