Welcome Guest. Sign in or Signup

3. Widgets

Posted on June 27, 2012 0 Comments

How to associate a url with each choice and navigate to that url on selection?

You can do this to get this functionality.

Posted on June 27, 2012 1 Comments

How to show a simple busy indicator while doing a long operation?

You can use an animated gif like below to indicate a long operation, encouraging the user to wait. For the below code to work, update the url in the ajax call below to a valid url.

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 25, 2012 0 Comments

How to add some custom text to the DatePicker’s text field?

Use this approach to include a “Now Showing” prefix to the DatePicker’s text field.

Posted on June 19, 2012 0 Comments

How to restrict date selection to specifc week days in the dropdown?

Here is some code that will allow you to restrict selection to specific week days in a datetime picker:

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 June 11, 2012 1 Comments

How to add some items to the top and bottom of the matching list in the dropdown?

You can add custom items to the top or bottom of the match list in the dropdown 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:

Posted on May 23, 2012 0 Comments

How to highlight the matching text in the AutoComplete’s dropdown?

Following code helps you highlight one or more instances of the matching letter(s) typed in by the end-user in each of the items in the drop down. Make sure to adjust the script references to link to valid files before running this sample.