List of jQuery UI widgets and their version added

Some time we try to use the jQuery UI widget with the lower version of jQuery UI supported. At that time it gives an error like as: Object [object Object] has no method ‘[somthing]’.

So you can check the added version of the used widget or jQuery UI control from the following list. Continue reading “List of jQuery UI widgets and their version added”

How to detect the support of HTML 5 features on user’s browser

Basically Modernizr is an open-source JavaScript library that detects the support of native implementations of HTML5 and CSS3.

First time I saw the use of the Modernizr JavaScript library in my first MVC4 web application in the BundleConfig.cs file. I had started the MVC4 with the internet template. At that time I don’t know the real use of this library, later than I found that it can be very useful to take advantage of the advanced feature of the HTML5 and CSS3. Continue reading “How to detect the support of HTML 5 features on user’s browser”

drag and drop only text of the li into textarea in jQuery

I have written various code snippets for drag and drop element from one to another including drag an element and convert it into another element and then drop with the help of jQuery. Continue reading “drag and drop only text of the li into textarea in jQuery”

Create new row in the table after dropping an element using jquery ui

You can see the additional work in drag and drop functionality, When user will drop the element in the last row of the table, then new row will be inserted automatically. Continue reading “Create new row in the table after dropping an element using jquery ui”

Highlight a droppable area on hover using jquery ui

The example contains multiple droppable div elements. You can drag items from the list and can drop to any of these div. When you are dragging an element and it is hovered over a droppable div then that div will highlighted. Continue reading “Highlight a droppable area on hover using jquery ui”

Swap elements when drag and drop one onto another using jQuery UI

Demo shows how to swap elements between two list using drag and drop functionality. The Example have two elements list, you can drag and drop elements from one to another. Continue reading “Swap elements when drag and drop one onto another using jQuery UI”

Drag li element and drop to td of the html table using jQuery UI

The following example shows how to perform drag and drop between li and html table. You can drag items from left-hand side and can drop to td element of the html table. Continue reading “Drag li element and drop to td of the html table using jQuery UI”