[PHP] Recursieve functie met tabel in tabel voor elke laag

[Reveller]

Ik heb nu het volgende:

PHP:

$navitems[1] = Array( parent=>0, name=>'Home',   href=>''); 
$navitems[2] = Array( parent=>0, name=>'Appels', href=>'appels.php' ); 
$navitems[3] = Array( parent=>2, name=>'Rood',   href=>'rood.php' ); 
$navitems[4] = Array( parent=>2, name=>'Groen',  href=>'groen.php'); 
$navitems[5] = Array( parent=>0, name=>'Peren',  href=>'peren.php'); 


function buildMenu($menuItems, $curItem, $depth)
{ 
  foreach ($menuItems as $itemKey=>$item)
  { 
    if ($item['parent']==$curItem) 
    {
      echo '<tr><td>+</td><td>'.$item['name'].'</td></tr>';
      buildMenu($menuItems, $itemKey, $depth + 1); 
    }     
  } 
} 

echo '<table border="1">';
buildMenu($navitems, 0, 0); 
echo'</table>';

Dit geeft de linker output. Ik wil alleen graag een output als rechts: een nieuwe tabel in een cel, voor elke laag:

Sommigen zullen zeggen "maar toch een (un)ordered list en pas die aan met css!". Dat is een goede opmerking, maar toch wil ik het in dit geval graag op deze manier

Ik heb geen idee hoe te beginnen. Ik heb al dingen geprobeerd als

PHP:

echo '<table border="1">'.buildMenu($menuItems, $itemKey, $depth + 1).'</table>';

maar dit levert niet het goede resultaat op. Wie helpt mij op weg?

[ Voor 32% gewijzigd door Reveller op 04-10-2004 16:16 ]

[Michali]

lama

[ Voor 143% gewijzigd door Michali op 04-10-2004 16:23 ]

[Reveller]

^^ Had ik dus ook al geprobeerd, maar dat werkt niet...

[Michali]

PHP:

function buildMenu($menuItems, $curItem, $depth)
{
  $first = true;
  foreach ($menuItems as $itemKey=>$item)
  {
    if ($item['parent']==$curItem)
    {
    if ( $first )
    {
      if ( $depth > 0 )
      {
        echo '<tr><td></td><td>';   
      }
      
        echo '<table border="1">';
        $first = false;
    }
    
      echo '<tr><td>+</td><td>'. $item['name'] . '</td></tr>';
      buildMenu($menuItems, $itemKey, $depth + 1);
    }     
  }
  
  if ( !$first )
  {
    echo'</table>';
    
    if ( $depth > 0 )
    {
      echo '</td></tr>';
    }
  }
}

buildMenu($navitems, 0, 0);

Dit dan? Nog niet getest.

[ Voor 43% gewijzigd door Michali op 04-10-2004 16:28 ]

[Reveller]

@Michali - dit werkt perfect Je bent de held van de dag. Helemaal snappen doe ik het nog niet. Ik ga eens goed bestuderen wat je nu gedaan hebt Dank je!

[djluc]

offtopic:
In dit geval is een lijst misschien wel wat netter wat betreft je HTML output.

[Reveller]

Dankzij Michali heb ik nu het volgende:

PHP:

$navitems[1] = Array( parent=>0, name=>'Home',   href=>''); 
$navitems[2] = Array( parent=>0, name=>'Appels', href=>'appels.php' ); 
$navitems[3] = Array( parent=>2, name=>'Rood',   href=>'rood.php' ); 
$navitems[4] = Array( parent=>2, name=>'Groen',  href=>'groen.php'); 
$navitems[5] = Array( parent=>0, name=>'Peren',  href=>'peren.php'); 

function buildMenu($menuItems, $curItem, $depth) 
{ 
  $first = true; 
  foreach ($menuItems as $itemKey=>$item) 
  { 
    if ($item['parent']==$curItem) 
    { 
      if ( $first ) 
      { 
        if ( $depth > 0 ) 
        { 
          echo '<tr><td>&nbsp;</td><td>';     
        } 
         
        echo '<table border="1">'; 
        $first = false; 
      } 
       
      echo '<tr><td>+</td><td>'. $item['name'] . '</td></tr>'; 
      buildMenu($menuItems, $itemKey, $depth + 1); 
    }      
  } 
   
  if ( !$first ) 
  { 
    echo'</table>'; 
     
      if ( $depth > 0 ) 
      { 
        echo '</td></tr>'; 
      } 
  } 
} 

buildMenu($navitems, 0, 0);

Dit werkt perfect en genereert een lijst ik wil. Alleen: standaard staan alle menu items "open". Hoe zou ik moeten beginnen als ik submenu's pas open wil hebben als ik erop klik? Dus:

PHP:

buildMenu($navitems, 0, 0, 2) <-- parent 2 open?

[djluc]

Zoiets?

Cascading Stylesheet:

.submenu{
  display:none;
}

JavaScript:

function submenu(id){
  document.getElementById(id).style.display='block';
}

HTML:

<ul>
  <li><a href="" onclick="submenu('sub2');return false;">Appels</a>
    <ul class="submenu" id="sub2">
       <li>rood</li>
       <li>groen</li>
    </ul>
  </li>
</ul>

[pjotrk]

Reveller schreef op 04 oktober 2004 @ 17:42:

[knip]

Dit werkt perfect en genereert een lijst ik wil. Alleen: standaard staan alle menu items "open". Hoe zou ik moeten beginnen als ik submenu's pas open wil hebben als ik erop klik? Dus:
[afbeelding]

Je kan hierbij kiezen, met php of met javascript.
In beide gevallen werkt een list denk ik idd wat makkelijker.

Maar met tabellen zou ik het zoiets doen:

PHP:

<?
$navitems[1] = Array( parent=>0, name=>'Home',   href=>''); 
$navitems[2] = Array( parent=>0, name=>'Appels', href=>'appels.php' ); 
$navitems[3] = Array( parent=>2, name=>'Rood',   href=>'rood.php' ); 
$navitems[4] = Array( parent=>2, name=>'Groen',  href=>'groen.php'); 
$navitems[5] = Array( parent=>0, name=>'Peren',  href=>'peren.php'); 

$unfoldItems = Array(2);

function buildMenu($menuItems, $curItem, $depth, $unfoldItems) 
{ 
  $first = true; 
  foreach ($menuItems as $itemKey=>$item) 
  { 
    if ($item['parent']==$curItem and ($item['parent'] == 0 or in_array($item['parent'], $unfoldItems) ) )
    { 
      if ( $first ) 
      { 
        if ( $depth > 0 ) 
        { 
          echo '<tr><td>&nbsp;</td><td>';      
        } 
          
        echo '<table border="1">'; 
        $first = false; 
      } 
        
      echo '<tr><td>+</td><td>'. $item['name'] . '</td></tr>'; 
      buildMenu($menuItems, $itemKey, $depth + 1, $unfoldItems); 
    }       
  } 
    
  if ( !$first ) 
  { 
    echo'</table>'; 
      
      if ( $depth > 0 ) 
      { 
        echo '</td></tr>'; 
      } 
  } 
} 

buildMenu($navitems, 0, 0, $unfoldItems); 
?>

[drm]

Mja, dit begint wel erg een helpdesk topic te worden op deze manier. Het is hier niet de bedoeling dat je iedereen het werk voor je laat doen, daar hebben we google voor.