[gelöst] Klasse oder Element in jedem Menüpunkt vor dem Aktiven
Eingetragen von PaNic175 (9)am 28.02.2013 - 16:57 Uhr in
Guten Tag.
Ich entwickele gerade ein Drupal Theme und stehe vor einem Problem.
Ich möchte in jedem Element, das vor dem aktuell aktiven Menüpunkt kommt ein Element in den li-Tag einbauen.
Also aus meinem momentanem:
<nav class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-2">
<ul class="menu">
<li class="first leaf menu-mlid-1280"><a href="/item-1">Item 1</a>
<ul class="menu">
<li class="first leaf menu-mlid-498"><a href="/item-1/sub-1">Subitem 1</a></li>
<li class="last leaf menu-mlid-499"><a href="/item-1/sub-2">Subitem 2</a></li>
</ul>
</li>
<li class="leaf menu-mlid-817"><a href="/item-2" title="">Item 2</a></li>
<li class="leaf active-trail active menu-mlid-1251"><a href="/item-3" class="active-trail active">Item 3</a><span></span></li>
<li class="last leaf menu-mlid-1051"><a href="/item-4">Item 4</a></li>
</ul>
</nav>soll:
<nav class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-2">
<ul class="menu">
<li class="first leaf menu-mlid-1280"><a href="/item-1">Item 1</a>
<ul class="menu">
<li class="first leaf menu-mlid-498"><a href="/item-1/sub-1">Subitem 1</a></li>
<li class="last leaf menu-mlid-499"><a href="/item-1/sub-2">Subitem 2</a></li>
</ul>
<span></span>
</li>
<li class="leaf menu-mlid-817"><a href="/item-2" title="">Item 2</a><span></span></li>
<li class="leaf active-trail active menu-mlid-1251"><a href="/item-3" class="active-trail active">Item 3</a><span></span></li>
<li class="last leaf menu-mlid-1051"><a href="/item-4">Item 4</a></li>
</ul>
</nav>werden. Beachtet die span - Elemente.
Als Menü Modul benutze ich Menu_Block, was aber wohl das normale Drupal Menü Gedöns benutzt.
Ich habe immerhin schon erreicht ein Element zum aktuell aktiven Menüpunkt hinzuzufügen:
<?php
function theme_menu_link(array $variables) {
$element = $variables['element'];
$sub_menu = '';
if ($element['#below']) {
$sub_menu = drupal_render($element['#below']);
}
$output = l($element['#title'], $element['#href'], $element['#localized_options']);
$output_row = '<li' . drupal_attributes($element['#attributes']) . '>' . $output;
if (in_array('active', $element['#attributes']['class'])) {
$output_row .= "<span></span>\n";
}
$output_row .= $sub_menu . "</li>\n";
return $output_row;
}
?>Leider ist es mir noch nicht gelungen, davon das benötigte abzuleiten. :-(
Ich hoffe ihr könnt mir helfen.
Viele Grüße
Patrick
- Anmelden oder Registrieren um Kommentare zu schreiben
:before und :after
am 01.03.2013 - 02:45 Uhr
Bist du sicher, dass du die spans brauchst? Vielleicht reicht es ja, mit den Pseudoklassen :before bzw. in deinem Fall :after zu arbeiten? Die werden von allen modernen Browsern unterstützt; sie funktionieren nur in den IEs bis Version 7 nicht. Siehe http://caniuse.com/css-gencontent
Darüber habe ich auch schon
am 01.03.2013 - 10:52 Uhr
Darüber habe ich auch schon nachgedacht, aber wie gesagt der IE7 macht - wie so oft - einen Strich durch die Rechnung.
Allerdings ist die Herangehensweise doch bestimmt ähnlich, da ich in dem Fall eine Klasse statt des Tags in den Listenpunkt bringen müsste.
Kann man die $element['#original_link']['weight'] des aktiven Menüpunktes irgendwie kriegen, und das damit erreichen?
So scheint es zu
am 01.03.2013 - 12:06 Uhr
So scheint es zu funktionieren... sicherlich nicht die beste Lösung, wenn ich meinen Code angucke aber es tut :)
<?phpfunction theme_menu_link(array $variables) {
$element = $variables['element'];
$sub_menu = '';
$last_active_item = array_slice(menu_get_active_trail(), -1, 1, false);
if ($element['#below']) {
$sub_menu = drupal_render($element['#below']);
}
$output = l($element['#title'], $element['#href'], $element['#localized_options']);
$output_row = '<li' . drupal_attributes($element['#attributes']) . '>' . $output;
if (in_array('menu_link__menu_block__1', $element['#theme'])) {
if (in_array('active-trail', $element['#attributes']['class']) && ($element['#original_link']['depth']==2)) {
$output_row .= "<span>Blub</span>\n";
} elseif ( ($last_active_item['0']['weight']>$element['#original_link']['weight']) && ($last_active_item['0']['depth']==2) ) {
$output_row .= "<span>Bla</span>";
} elseif ( $last_active_item['0']['depth']==3 ) {
$last_active_item = array_slice(menu_get_active_trail(), -2, 1, false);
if ( ($last_active_item['0']['weight']>$element['#original_link']['weight']) && ($last_active_item['0']['depth']==2) ) {
$output_row .= "<span>Bli</span>";
}
}
}
$output_row .= $sub_menu . "</li>\n";
return $output_row;
}
?>