HTML5 Inline Edit with PHP, MYSQL & jQuery Ajax

Now a days, We are always looking for easiest way for people to interact with our Web Applications. I am going to tell you about In-Place Editing or Inline Editing. Popular websites like facebook wants their user to edit their profile information without having to navigate to different form.

HTML5′s new attribute called contenteditable , It takes care of inline editing automatically. We should write little jQuery code to send the data back to the server, so we can save it. Biggest advantage is we don’t need to create and toggle hidden forms.

Read More  |  Demo

jQuery Ajax Upload Previewer

Dynamic show preview of the selected image before upload it, by jQuery.

Read More  |  Demo

jQuery Cascading Dropdown Plugin

A simple and lighweight jQuery plugin for cascading dropdown.Dropdowns with dependencies will react based on the rules given, and fetch its own list from the server via Ajax.You can provide an array of strings or objects, or a function as the dropdown data source.

Read More  |  Demo

Add edit delete Rows dynamically using jQuery & PHP

Plugin to dynamically add rows to table using javascript remove rows number of times without refreshing a page even once and thats also with cool javascript animation.

This scripts turns table into editable grid, You can add new row, edit existing row, delete row also you can edit a single cell and all this happens with ajax so not even single page refresh required. This is configurable script so you can easily attach it to your existing page.

Read More  |  Demo

Droptabs : jQuery Plugin for Bootstrap Tabs

Jquery plugin for hiding Bootstrap tabs inside a dropdown, when viewport is too small.

Read More  |  Demo

CodeTabs - Touch Responsive Tabs

Codetabs is a great plug-in tabs when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ‘out-in’ effects and ‘one’. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 40+ templates html, 14+ positions, 100+ options, more and more.

Read More  |  Demo

Hash Tabs : URL-sensitive and hash-friendly tab plugin for jQuery

The ultimate jQuery tab plugin forhash-sensitive,WAI-ARIA-complianttabs.

Features:

• Hash-friendly URLs, so your states are saved. Try refreshing!
• Compatible with IE8 and up
• Customizable and configurable. Use custom selectors for your tabs. Default uses nav and section elements
• noscript-friendly. Works very will in non-javascript browsers. When tabs can’t be loaded, content feels like normal, as hashes are supported natively by the browser.
• Customizable SASS styles.

Read More  |  Demo  |  Download