Welcome Guest. Sign in or Signup

User Interaction

Posted on December 5, 2014 1 Comments

How to add Menu items dynamically into jQueryUI Menu.

Below code illustrates how to dynamically add menu items with sub menus into jQueryUI.

Posted on June 26, 2012 10 Comments

How to implement drag and drop between iframes?

jQuery drag and drop can be implemented between iframes on the same page. But, for this, the content for both the frames should come from the same domain, for security reasons. Inner Frame Content Consider this the source for the inner frame with a “DroppableDiv” inside which we want to enable drop: <!DOCTYPE html> <html> […]

Posted on June 14, 2012 0 Comments

How to know on which element an item is currently being dragged on?

The over function arguments has information on which item the drag is currently over as follows:

Posted on May 24, 2012 1 Comments

How to highlight rows in a table on mouse hover?

The code below shows how to setup a custom hover color for rows in a table on mouse hover. The code below also synchronizes the hover background with the mouse on mouse-wheel.

Posted on May 24, 2012 1 Comments

How to enable dragging a div from one parent div and dropping into another parent div?

Here is the code that uses the draggable and droppable jquery plugins to enable dragging from one parent div to another: