[ alfa-pro @ 25.10.2016. 00:44 ] @
E drustvo nesto mi ne ide od ruke da prikazam ovakav family tree dijagram u browseru iz pomoc php, mysql i html! Bas mi treba da bude kao na slici! Ja sam pokusavao petlja u petlji (foreacah u foreach) ali jok ne da radi to sve vuce na svoju stranu. Pa sam pokusao da izlistam sve pa onda prente pa parente tih parenta ali ne dobijam nikako ni slicno slici.... Evo dijagrama: http://fotkica.com/slike.php?slika=1_98490138_MUE4z.jpg A evo kako mi baza izgleda: http://fotkica.com/slike.php?slika=1_98490138_Screenshot_2_3.jpg Jel moze uopste da se ovako izlista kao sto je na slici i kako ja to da izvedem ubih se mozgajuci i pokusavajuci ova dva dana!!! Dajte neki simple primer ili savet! Evo mog test pokusaja : Code: <div class="container"> <?php $categories = $db->query("SELECT * FROM category"); $data = array(); // build menu function buildTree(array $elements, $parentId = 0) { $branch = array(); foreach ($elements as $element) { if ($element['parent'] == $parentId) { $children = buildTree($elements, $element['category_id']); if ($children) { $element['children'] = $children; } $branch[] = $element; } } return $branch; } // build template function buildTemplate($tree) { foreach ($tree as $item) { // echo "<pre>"; // print_r($item); if($item['parent'] == null) { $isParent = $item['parent'] != null ? '' : 'cc'; echo '<div class="row">'; echo "<div class='col-lg-2 '></div><div class='col-lg-2'></div><div class='col-lg-2 text-center {$isParent}'>".$item['name']."</div><div class='col-lg-2'></div><div class='col-lg-2'></div>"; echo '</div>'; } if(isset($item['children'])) { foreach ($item['children'] as $child) { echo '<div class="row">'; echo "<div class='col-lg-2 '></div><div class='col-lg-2'>".$child['name']."</div><div class='col-lg-2 text-center'></div><div class='col-lg-2'></div><div class='col-lg-2'></div>"; echo '</div>'; } } } } while ($result = $categories->fetch_assoc()) { $data[] = $result; } $tree = buildTree($data); buildTemplate($tree); ?> </div> Hvala vam unapred! [Ovu poruku je menjao alfa-pro dana 25.10.2016. u 03:35 GMT+1] [Ovu poruku je menjao alfa-pro dana 25.10.2016. u 03:36 GMT+1] |