Getting the Hand Cursor to work over list items [Archive]

marklavin

11-01-2009, 09:51 PM

I've created a sidebar menu using a list component for a t-shirt site I'm working on. When the user rolls over the list items, I want the handcursor to appear. The problem I'm having is that when I apply "buttonmode = true" to the list component, the hand-cursor does appear, but only when it is between the list elements, not when it is over them. I'm guessing that I should apply the buttonmode to the individual list items, but how do I do this? Here's the relevant code:

public function create_linkList():void
{
linkListItems();

linkList.x = bgImg.x + 72.8*(bgWidth/1150);
linkList.y = bgImg.y + 122.2*(bgHeight/768);
linkList.width = 228.8*(bgWidth/1150);
linkList.height = 171.9*(bgHeight/768);
linkList.dataProvider = links;
linkList.alpha = 0;
linkList.setStyle("color",0xFFFFFF);
linkList.setStyle("textRollOverColor",0xFF99AA);
linkList.setStyle("textSelectedColor",0xFFFFFF);
linkList.setStyle("borderStyle","none");
linkList.setStyle("fontSize",12);
linkList.setStyle("fontFamily","Verdana");
linkList = true;
background.addChild(linkList);
background.setChildIndex(linkList,background.numChildren-1);
linkList.addEventListener(ListEvent.ITEM_CLICK,goToLink);
}

private function linkListItems():void
{
links[0] = "Add us on MySpace"
links[1] = "Follow us on Facebook"
links[2] = "Follow us on Twitter"
links[3] = "Contact Us"
}