Customizing primary links in Drupal 6 (adding custom classes)

Someone on the Belgian Drupal forum came up with the answer.

The first code mentionned in the post above should be modified like this:

<?php if (is_array($primary_links)) : ?>
<ul id="sliding-navigation">
<?php foreach ($primary_links as $link): ?>
<li class="sliding-element"><?php        
        $href = $link['href'] == "<front>" ? base_path() : base_path() . drupal_get_path_alias($link['href']);
        print "<a href='" . $href . "'>" . $link['title'] . "</a>";            
        ?></li>
<?php endforeach; ?>
</ul>
<?php endif; ?>

Reference: drupal_get_path_alias

So the code above is working perfectly for the primary links.

I created another menu called 'campagnes'. Added the region in the .info-file (regions[campagnes] = campagnes), cleared the cache. Finally I inserted the following code in the html-page (page.tpl.php):

<?php if (is_array($campagnes)) : ?>
<ul id="sliding-navigation">
<?php foreach ($campagnes as $link): ?>
<li class="sliding-element"><?php        
        $href = $link['href'] == "<front>" ? base_path() : base_path() . drupal_get_path_alias($link['href']);
        print "<a href='" . $href . "'>" . $link['title'] . "</a>";            
        ?></li>
<?php endforeach; ?>
</ul>
<?php endif; ?>

As you notice, I replaced 'primary_links' with 'campagnes'. This, however, is not working.

A colleague who's more familiar with php, said the 'campagnes'-menu was not recognized as an array, and therefore not displayed. Eventhough the menu 'campagnes' has items as well (just like the working primary links-menu has) in the admin.

Where is it going wrong here (how come that he doesn't recognize the array)? Any ideas?

Btw: when I put this in the page:

<?php print $campagnes ?>

The items are displayed in a default way, so it does find the 'campagnes'-menu. It's recognizing the array that's the main problem here, I think.

Creating a custom menu (instead of using "primary links" or "secondary links") didn't work out with the method mentionned above though.

In order to do that, I had to create a custom menu, called 'servicelinks' for instance (as the machine name). After that I had to create an extra region. I decided to call it "menublok", and added

regions[menublok] = menublok

to the info-file.

After that someone from the Belgian Drupal forum was so kind to provide a custom template.php for this particular jQuery-menu. This is what the template.php looks like now (in the folder of my custom theme):

<?php
function phptemplate_preprocess_page(&$vars) {
  $servicelinks = menu_tree_page_data("menu-servicelinks");
  $vars['servicelinks'] = my_menu_tree_output($servicelinks, "sliding-navigation");
  $vars['servicesecondary'] = my_menu_tree_secondary($servicelinks, "sliding-navigation2");
}

function my_menu_tree_output($tree, $id) {
  $output = '';
  $items = array();

  // Pull out just the menu items we are going to render so that we
  // get an accurate count for the first/last classes.
  foreach ($tree as $data) {
    if (!$data['link']['hidden']) {
      $items[] = $data;
    }
  }
  $num_items = count($items);
  foreach ($items as $i => $data) {
    $extra_class = NULL;
    if ($i == 0) {
      $extra_class = 'first';
    }
    if ($i == $num_items - 1) {
      $extra_class = 'last';
    }
    $link = theme('menu_item_link', $data['link']);
    if ($data['below']) {
		   //$extra = my_menu_tree_output($data['below']);			 
      $output .= my_menu_item($link, $data['link']['has_children'], '', $data['link']['in_active_trail'], $extra_class);
    }
    else {
      $output .= my_menu_item($link, $data['link']['has_children'], '', $data['link']['in_active_trail'], $extra_class);
    }
  }
  return $output ? my_menu_tree($output, $id) : '';
}

function my_menu_tree_secondary($tree, $id) {
  $output = '';
  $items = array();

  // Pull out just the menu items we are going to render so that we
  // get an accurate count for the first/last classes.
  foreach ($tree as $data) {
    if (!$data['link']['hidden']) {
      $items[] = $data;
    }
  }
  $num_items = count($items);
  foreach ($items as $i => $data) {
    $extra_class = NULL;
    if ($i == 0) {
      $extra_class = 'first';
    }
    if ($i == $num_items - 1) {
      $extra_class = 'last';
    }
    $link = theme('menu_item_link', $data['link']);
    if ($data['below']) {
		   $output .= my_menu_tree_output($data['below'], $id);			 
      //$output .= my_menu_item($link, $data['link']['has_children'], $extra, $data['link']['in_active_trail'], $extra_class);
    }
    else {
      //$output .= my_menu_item($link, $data['link']['has_children'], '', $data['link']['in_active_trail'], $extra_class);
    }
  }	
  return $output ;
}

function my_menu_item($link, $has_children, $menu = '', $in_active_trail = FALSE, $extra_class = NULL) {
  $class = ($menu ? 'expanded' : ($has_children ? 'collapsed' : 'leaf'));
  if (!empty($extra_class)) {
    $class .= ' '. $extra_class;
  }
  if ($in_active_trail) {
    $class .= ' active-trail';
  }
  return '<li class="sliding-element">'. $link . $menu ."</li>\n";
}

function my_menu_tree($tree, $id) {
  return '<ul id="'.$id.'">'. $tree .'</ul>';
}

(There's no closing tag for the php-code indeed. There's no need apparently)

Then I added the code to call the menu items in the page.tpl.php, eg:

<div class="menu">
   <?php print $menublok; ?>
</div>
<div class="submenu">
   <?php print $servicesecondary; ?>
</div>

Finally I went to Site construction » Blocks, added a new block called "Servicelinks" with this line written in the "block content"-box:

<?php print my_menu_tree_output(menu_tree_page_data("menu-servicelinks"), "sliding-navigation"); ?>

Make sure the PHP-filter is selected (screen), instead of Filtered HTML and Full HTML. If this option isn't displayed yet, go to Site construction » Modules and check "PHP filter" in the optional core modules.

Then I specified on what pages this block should appear, and did the same for their respectively subitems. Make sure that these subitems aren't set to "expanded"; they should be collapsed. Otherwise they'll appear on every page.

Finally I dragged this block to the "menublok"-region (in Site construction » Blocks).

So that was it for the menu called "Servicelinks".

After all this I added another menu with the (machine-)name "homelinks". Created a new block in Site construction » Blocks, added this line in the "block content"-box (with the PHP-filter selected):

<?php print my_menu_tree_output(menu_tree_page_data("menu-homelinks"), "sliding-navigation"); ?>

and specified on what pages this menu (with its submenu items) should appear. Finally I dragged this blok to the region "menublok" as well.

It works perfectly.

It's not such an easy way of making customized menus, but I must stress this is an animated jQuery menu, with its quite complex behaviour. In this case we also have multiple menus, while primary and secondary links are fair enough for most websites.

I also want to thank the people of the Belgian Drupal community for their support; seutje in particular - for his patience and willingness to share his Drupal enthousiasm.