Menu Problem

[icE1]

Hi,

I use include menu.inc inside my index.php. This gives me more control over my menu changes. I have used the onMouseover and onClick for my menu buttons but the problem is when I click on the menu items, the page loads and the onClick returns to normal.

my index.php

<td width="140" valign="top"><?php include("includes/menu.php"); ?></td>
<td width="10">&nbsp;</td>
<td width="610"><?php $page = $_GET['page']; switch ($page) {
case 'ceramics':
include('ceramics.php');
break;
case 'pillows':
include('pillows.php');
break;
default:
include('main.php');
break;
}
?></td>

my menu.inc

<td><a href="?page=ceramics" target="top" onclick="MM_nbGroup('down','group1','menu1','../images/menu/menu1_h.gif',1);MM_nbGroup('down','group1','menu1','images/menu/menu1_h.gif',1)" onmouseover="MM_nbGroup('over','menu1','images/menu/menu1_h.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu/menu1.gif" alt="Ceramics" name="menu1" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="?page=pillows" target="top" onclick="MM_nbGroup('down','group1','menu2','images/menu/menu2_h.gif',1)" onmouseover="MM_nbGroup('over','menu2','images/menu/menu2_h.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu/menu2.gif" alt="Pillows" name="menu2" border="0"></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="top" onclick="MM_nbGroup('down','group1','menu3','images/menu/menu3_h.gif',1)" onmouseover="MM_nbGroup('over','menu3','images/menu/menu3_h.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu/menu3.gif" alt="Candle Holders" name="menu3" border="0"></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="top" onclick="MM_nbGroup('down','group1','menu4','images/menu/menu4_h.gif',1)" onmouseover="MM_nbGroup('over','menu4','images/menu/menu4_h.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu/menu4.gif" alt="Table Settings" name="menu4" border="0"></a></td>

Is there any other easier way or maybe with css so that I can make my menus when loaded, have a different look from the rest of the other menus? If you know what i mean

Thanks!

[wilku]

There is a way. Just check when writing src of the original menu image whether this page was loaded, e.g.

 <tr>
<td><a href="?page=pillows" target="_top" onclick="MM_nbGroup('down','group1','menu2','images/menu/menu2_h.gif',1)" onmouseover="MM_nbGroup('over','menu2','images/menu/menu2_h.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/menu/menu2<?php
if ($_GET['page'] == "pillows") echo "_h";
?>.gif" alt="Pillows" name="menu2" border="0"></a></td>
</tr> 

[leatherback]

Yes.

Do use styelsheets. (throug w3c.org you will find thedefinitions.)

Ányway:

a
 {
  color: #334455;
  }

a: hover
  {
   color: #445566;
   background-color: #221133;
  }

a:visited
  {
  color: ff44ff;
   background-color: #44ff44;
  }

See the source of http://personal.bio-vision.nl/