Hi,
I love multimenu but I miss one important feature, when I hit a menu link then link should be turned to selected.
Yesterday I hacked multimenu so here's what the hack does:
When you click a mainmenu it highlights the mainmenu
When you click a submenu it highlights the correspondig mainmenu
When you browse your site in pages that aren´t linked directly in the menu it highlights the corresponding module menu.
If theres is no corresponding module menu than it highlights a default menu (Home for example, but you can change it)
To take a quick look just visit
http://www.luso-poemas.netSo here's what to do:
Go to modules/multiMenu/blocks/block.php
At the end find:
le="color: #000000"><?php $block['contents'][] = $imenu; } // Sublinks } // Groups } return $block; ?>
And replace with this:
le="color: #000000"><?php //start of hack by trabis for selected menus $imenu['id'] = $myrow['id']; $imenu['pid'] = $myrow['pid']; $block['contents'][] = $imenu; } // Sublinks } // Groups } //get the currentpage $query_string = $_SERVER['QUERY_STRING']?'?'.$_SERVER['QUERY_STRING']:''; $self = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].$query_string; //set a default page in case we don´t get matches $default = XOOPS_URL."/index.php"; //get all the links that could fit into this pageplus the default link $i = 0; foreach ($block['contents'] as $menu){ $link = $menu['linkurl']; $selected = eregi($menu['linkurl'], $self)? 1: 0; $selected = ($menu['linkurl'] == $self) ? 1: $selected; $selected = ($menu['linkurl'] == $default) ? 1: $selected; $block['contents'][$i]['selected'] = $selected; $i++; } //From those links get only the longer one $i = 0; $issub = 0; foreach ($block['contents'] as $this_menu){ $other = 0; foreach ($block['contents'] as $other_menu){ if($this_menu['selected']==1 && $other_menu['selected']==1){ if (strlen($other_menu['linkurl']) < strlen($this_menu['linkurl'])){ $block['contents'][$other]['selected'] = 0; $issub = $this_menu['submenu']; $subid = $this_menu['id']; $subord = $i; } } $other++; } $i++; } //if the longer link is in a sub menu than change selection to the parent menu if ($issub == 1){ //get the parent menu $sql = "SELECT id, pid, groups, link, submenu, title, target, imageurl, weight FROM ".$xoopsDB->prefix('multimenu').$options[15]." WHERE id=".$subid; $result = $xoopsDB->queryF($sql); $myrow = $xoopsDB->fetchArray($result); $i = 0; foreach ($block['contents'] as $mainmenu){ //changing selections if ($mainmenu['id'] == $myrow['pid']){ $block['contents'][$i]['selected'] = 1; $block['contents'][$subord]['selected'] = 0; } $i++; } } //end of hack by trabis for selected menus return $block; ?>
Ok, now you have an extra variable to use in your templates
<{if $imenu.selected}>add your class here<{/if}>
Here is an example for multimenu_dyn_horiz_css.html:
le="color: #000000"><?php <!-- Start multiMenu <{$block.mm}> --> <div class="menuhcss"> <!-- Start multiMenu <{$block.mm}> --> <{assign var=ul_main value=0}> <{assign var=ul_sec value=0}> <{foreach item=imenu from=$block.contents}> <{if $imenu.submenu == 0}> <{if $ul_sec == 1}></ul><{assign var=ul_sec value=0}><{/if}> <{if $ul_sec == 1}><{assign var=ul_sec value=0}><{/if}> <{if $ul_main == 1}> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> </ul> <{assign var=ul_main value=0}> <{/if}> <{if $ul_main == 0}> <{assign var=ul_main value=1}> <{/if}> <ul> <li> <a <{if $imenu.selected}>class="hide_selected"<{else}>class="hide"<{/if}><{if $imenu.linkurl}>href="<{$imenu.linkurl}>"<{/if}> title="<{$imenu.alt_title}>"><{$imenu.image}> <{$imenu.title}></a> <!--[if lte IE 6]> <a <{if $imenu.selected}>class="selected"<{/if}>href="<{$imenu.linkurl}>" title="<{$imenu.alt_title}>"><{$imenu.image}> <{$imenu.title}> <table><tr><td> <![endif]--> <{elseif $imenu.submenu == 1 OR $imenu.submenu == 2}> <{if $ul_sec == 0}><ul><{assign var=ul_sec value=1}><{/if}> <li><a <{if $imenu.linkurl}>href="<{$imenu.linkurl}>"<{/if}> title="<{$imenu.alt_title}>"><{$imenu.image}> <{$imenu.title}></a></li> <{elseif $imenu.submenu == 3}> <{if $ul_sec == 0}><ul><{assign var=ul_sec value=1}><{/if}> <div><li><a class="note" <{if $imenu.linkurl}>href="<{$imenu.linkurl}>"<{/if}> title="<{$imenu.alt_title}>"><{$imenu.image}> <{$imenu.title}></a></li></div> <{elseif $imenu.submenu == 4}> <{if $ul_sec == 0}><ul><{assign var=ul_sec value=1}><{/if}> <div><li><a class="cat" <{if $imenu.linkurl}>href="<{$imenu.linkurl}>"<{/if}> title="<{$imenu.alt_title}>"><{$imenu.image}> <{$imenu.title}></a></li></div> <{/if}> <{/foreach}> <{if $ul_sec == 1}></ul><{/if}> <{if $ul_main == 1 OR $ul_sec == 1}> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> </ul> <{/if}> <!-- End multiMenu <{$block.mm}> --> </div>
You have to add the correspondig classes to the corresponding css, in my case I added class "selected" and "hide_selected".
In script/08/basic_dd.css:
le="color: #000000"><?php .menuhcss ul li a.hide_selected, .menuhcss ul li a:visited.hide_selected, menuhcss ul li a.selected, .menuhcss ul li a:visited.selected{ background-image: url('http://www.luso-poemas.net/modules/multiMenu/templates/images/links_over.jpg'); background-repeat: repeat-x; color: #027AD2; height: 20px padding: 0px; }
In script/08/basic_dd_ie.css:
le="color: #000000"><?php /* ignore the link used by 'other browsers' */ .menuhcss ul li a.hide, .menuhcss ul li a:visited.hide .menuhcss ul li a.hide_selected, .menuhcss ul li a:visited.hide_selected{ display:none; }
That´s it!
