ASP.net Change image on mouse over of item in dropdownbox vb.net

Hi I have a dropdown box and a image in a update panel. I have it set so when a user selects and item in the drop down box it changes the picture. (this is done by using  AddHandler SelectedIndexChanged event).                  

I want to make this more user friendly, and have it so as they use the mouse over each item change the image then. In other words so they dont have to select the item first.
LVL 3
taz8020Asked:
Who is Participating?
 
selvolCommented:
<style type="text/css">
    .pointer
    {
        cursor:pointer;
    }
    </style>
</head>
<body>
 <asp:DropDownList CssClass="pointer"  ID="DropDownList1" runat="server">
        <asp:ListItem>
        item1
        </asp:ListItem>
        <asp:ListItem>
        item2
        </asp:ListItem>
        <asp:ListItem>
        item3
        </asp:ListItem>
        </asp:DropDownList>

Selvol
0
 
taz8020Author Commented:
Hi thanks but dont see how that would help. It is a databound dropdown showing productsref.
when the user hovers over an item I want to show the product image in the imagebox on the right of the dropdown. I have done this at the moment when the user selectsthe item by using the SelectedIndexChanged event. Just want to make more user friendly.
0
 
CodeCruiserCommented:
See if you can use the technique shown here to show image instead of text

http://weblogs.asp.net/abdullaabdelhaq/archive/2009/06/07/adding-tooltip-for-each-list-item.aspx
0
Cloud Class® Course: Microsoft Azure 2017

Azure has a changed a lot since it was originally introduce by adding new services and features. Do you know everything you need to about Azure? This course will teach you about the Azure App Service, monitoring and application insights, DevOps, and Team Services.

 
taz8020Author Commented:
Hi Codecruiser, your link looks like it might work. If i could on the mouse over call a function and pass it a the productID which is in the dropdown list.  Any ideas how I would do this?
0
 
taz8020Author Commented:
Hi Codecruiser, link works on the combobox mouseover but not for each item in the combobox. any ideas?
0
 
taz8020Author Commented:
Hi Codecruiser, the tooltip works fine but I want it to change an image on the mouse over event of the dropdownbox ITEM.
I used your code and in the title put the image url, this works if you move the mouse over the dropdown box but not on each item within the dropdownlist.

You can see this sort of working if you go to http://www.thepromotionalcompany.co.uk/Products/10LBALLOON.aspx
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.