Drag and Drop Hover Effect I.E. issues

[robertw102]

Hi,

I'm trying to get a proper hover effect for the drag and drop with the Listview.

When the user drags the icon image from the left control over top of the right control, the selected item should light up with a hover effect. 

This was easily accomplished for FF and Chrome.
 
However, with IE, I need to figure out the J-query that will enable the hover effect over the destination elements.  I can get it to make a hover effect over the entire right container but not the individual selected element where the user wishes to drop the icon.

I just need a simple script that finds out which element is being dragged over (possibly in the itemDragging event) so I can set the CSS to force a hover effect in IE.

[Veli]

Hi robertw102,

You can use a very simple script for that. Simply hook up to the onmouseover and onmouseout events of the LinkButtons that represent the genres:

<asp:LinkButton ID="GenreLink" runat="server" CommandName="ShowTracks" CommandArgument='<%# Eval("Key") %>'
    onmouseover='this.className += " selected";'
    onmouseout='this.className = this.className.split(" selected").join("");'>
    <%# Eval("Key").ToString() == "" ? "Unsorted" : Eval("Key") %>
    (<%# Eval("Value") %> items)
</asp:LinkButton>

The above code adds the "selected" CSS class to the links on mouse over and removes the same class on mouse out. The selected CSS class is already defined in styles.css and it gives you the hover effect when dragging the tracks over the genres.

Regards,
Veli
the Telerik team