jquery Archive

Live search with JSON and JQuery

Hi, Today we are going to learn how to implement live search with JSON data using Jquery and this tutorial based on JSON response data and simple jquery regular expression to find the search key word in json data. Here is the JSON data: [crayon-584423f298972331475257/] and it is stored in data.json file. whenever type the

Facebook style update status box with CSS3, HTML, Bootstrap and Jquery

We are all know facebook is greatest User friendly UI based website. So today we will have tutorial about creation of facebook like update status or share box. This tutorial based on CSS3 transitions (For arrow movement) HTML Bootstrap 3.0 Jquery For icons, I have used font awesome. Here is my CSS code: [crayon-584423f299c50992441489/] I

How to validate Youtube, Dailymotion, Metacafe and Vimeo video URL with JQuery

Most of the people struct to write regular expression to validate the given url valid or not. So that today we will have tutorial about validate Youtube, Dailymotion, Metacafe and Vimeo video url with Jquery regular expression. It validate the following type of urls https://www.youtube.com/watch?v=dZpc936_Hgo http://youtu.be/lvOFck4dn_8 http://vimeo.com/65484727 http://www.metacafe.com/watch/10599819/are_katy_perry_and_john_mayer_back_together http://www.dailymotion.com/video/xzdijh_hire-data-entry-expert_news Jquery Regex: [crayon-584423f29a606818229948/] How to validate:

Fancy profile image upload and crop with Jquery, Ajax and PHP

Today we going to learn how to create ajax based profile image upload and crop with PHP. For this tutorial i have used twitter bootstrap 3.0 File uploader Jquery Image Area select plugin Jquery pack HTML: [crayon-584423f29b815744232319/] Script.js: [crayon-584423f29b833446980003/] Upload.php: [crayon-584423f29b848503427852/] Crop_script.php: [crayon-584423f29b86e163152453/] For this tutorial i had reference from daltonrenaldo directory.Do not forgot to subscribe for

Two interesting open source jquery plugins

Today we are going discuss about two interesting Jquery plugins which are these most needed for modern web development.These are Progression PACE – Automatic page load progress bar Progression: Progression is a jquery plugin and it gives a hint about progress summary of form filling to the website which means It shows how much percent