PHP and javascript onmouseover

docom

Main idea is to modify current "onclick" menu to "onmouseover" menu (next step of menu must open automatically if mouse pointer is dragged over menulink). Problem is I cant understand how to do it.

Current PHP code is:

$o.= "<li class='menuTitle'><a href='index.php?lan=".$this->lan."&sid=".$key2."".((sizeof($value)==1)?"&tid=".$value2."":"")."$end' ".( ($this->struID==$key || $_GET['l1']==$key)?"class='activeMenu1'":"" ).">".$value[0]['HEADING']."</a>$liEnd\n";

Any idea how to add onmouseover event to this menu?😕

CoderDan

Adding onmouseover events is a javascript thing.
As this is really a php forum, I'll not go into it in depth, but making your php add to teh html to do something like:

<li class='regular' onmouseover="this.className='over'" onmouseout="this.className='regular'">

will allow you to have the class change on hover, and you can then set up your css to handle the rest.

bpat1434

Docom, I'd suggest you look at some non-javascript ways to achieve a drop-down menu. A simple set of <ul> elements inside <li> elements can give you some good effects. Works in IE 7+ (IIRC), Firefox, Safari, Opera.

If you read A List Apart's Suckerfish Dropdown Menus you'll see some good examples of how to do it. The basics of it are with CSS you use the :hover psuedo class and change the child ul's visibility. E.g.:

ul#nav li > ul
{
    display: none;
}

ul#nav li:hover > ul
{
    display: block;
}

Now, there are some nuances with positioning, but that's the basic idea. The javascript for IE 6 and below. There is; however, an easier way. Using a custom behavior you can implement :hover for IE 6/7/8 just like any other browser. Whatever:hover

Hope that helps.

Moving to Clientside forums.

CoderDan

As previously mentioned it is possible to do it without any javascript, however check out support for li:hover in your target audience first. The reason I tend to use the javascript class changes is because the rest of it works exactly as above, but removes any requirement for li:hover support, and the places I've worked and clients of sites usually want that extra support.