Drag and Drop Hover Effect I.E. issues

2 posts, 0 answers
  1. robertw102
    robertw102 avatar
    265 posts
    Member since:
    Jul 2007

    Posted 05 Aug 2010 Link to this post


    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.
  2. Veli
    Veli avatar
    2002 posts

    Posted 10 Aug 2010 Link to this post

    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)

    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.

    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top