Everyone knows that Mashable is the world’s largest independent website dedicated to news, information, technology and resources for the connected generation. Now I am going to explain you about how to create mashable style dynamic drop down menu using Php, Mysql & jQuery Ajax.In mashable, you can able to see all posts from the category from their header drop down menu.
Best jQuery PHP Plugins & Tutorials with Demo
Facebook Style Embed Image from URL using PHP & jQuery
This article will show you that how to fetch images from various sources like
1. Instagram
2, Pinterest
3. Flickr
4. Twitpic
5. Imgur &
6. Deviantart
Now a days major sites are using this feature to automatically embed images from a url. So I am going to explain you how to get images from url using PHP & jQuery
Facebook Style Hashtag System with PHP, MYSQL & jQuery
If you are not aware of Hashtag, then I will say you would not using any social networking sites in a very large extent. Here I am going to explain you about the advantages of hashtag & how you can implement it in your web projects using php & mysql.
Hashtags are essentially a filter, allowing people to see the conversation associated with that word or phrase. Hashtags is alternative to tags.. Twitter is the first site to introduce the hashtag. But now a days sites like facebook, Instagram, Vine & Tumblr are using this feature in all platforms. If you use the hashtag effectively then you will get the contents across different sites together in a single page.
Features
1. #hashtags
2. @mentions
3. Normal links to clickable Links
jQuery Cascading DropDowns
Cascading DropDowns is a jQuery plugin that implements dropdown lists in which contents of one list depends on the selection of another list. The plugin has right panel with items (any html structure), that depend on dropdown selected value and filtered on selection callback. The dropdowns work with json as data source (ajax or javascript array). The right panel items work with ajax or inline html as data source.
Features:
- Works with JSON and AJAX (PHP + SQLite example)
- Supports HTML/DOM data source for the right panel items
- Supports javascript array as data source for dropdowns
- Fully customizable styles
- Works in all major browsers
- Annotated source code
- JSDoc documentation
Ajax Select and Upload Multiple Images with jQuery
Very few days back I had posted an article about Multiple ajax image upload without refreshing the page using jquery and PHP. In this post I have updated few lines of code that allows to user can select and upload multiple images in single shot, thanks to Lakshmi Maddukuri for sending me a useful piece of code. Just take a quick look this live demo.
Twitter like follow system with PHP and jQuery
We all simply love twitter and there are number of reasons to be in love with it. The best feature I love about twitter is it’s follow system. The way it is built and presented to us. Let’s see how we can replicate this feature using PHP and jQuery with obvious protection against CSRF attacks.I am not going to involve SQL integration in this tutorial.
Making a Super Simple Registration System With PHP & jQuery
Writing a registration system is a lot of work. You have to write code that validates email addresses, sends confirmation emails, provides forgotten password functionality, stores passwords securely, validates input forms and a lot more. Even when you do all of this, users will still be reluctant to register as it involves a lot of effort on their part as well.
In this tutorial, we will make a very simple registration system that doesn’t require or store passwords at all! The result will be easy to modify and embed into an existing PHP website. Read on to find out how it works.
Data Searching Without Page Refresh with jQuery & Ajax
It will be very convenient for the users of your web application if you can load more data from the database without refreshing the whole page.Today I’m gonna show you a data searching example without refreshing a page:
1. User will input a name on the textbox.
2. User can click the search button or just simply press enter to start search.
3. A loader image will be shown.
4. Loader image will hide when search result comes in.
