All posts in PHP

Building a jQuery/PHP Powered Chat Room

Building a jQuery/PHP Powered Chat Room

In this tutorial we are going to build a little chat program that is really easy to get up and running on any server running PHP. No database is required – as the chat will store itself in a simple text file.

PHP – Will handle all the server side stuff
jQuery/JavaScript – Will handle the client side stuff. This is an AJAX-y application, meaning that messages pop onto the screen (both yours and others) without needing any page refresh.
Text File – Stores the chat

Creating a Contact Form in jQuery Mobile and PHP

Creating a Contact Form in jQuery Mobile and PHP

This is a step-by-step tutorial on how to create a contact form in jQuery Mobile. I have also included complete php source code that can be used as a web service to send emails from your server.

Flickr-Style Dynamic Edit Fields with jQuery and CSS3

Flickr-Style Dynamic Edit Fields with jQuery and CSS3

The typical Flickr interface design includes a lot of Ajax panels which you can edit right from any settings page. Their website layout incorporates many web 2.0 trends as you move from account settings to photo settings and uploads. There are plenty of resources we could look at, and in this tutorial I’d like to focus on one specific entity.

We can build a set of small dynamic photos with a title and description. Then using jQuery we can target whenever a user clicks on these fields to edit the content right from the page. It’s a beautiful technique for creating a sleek user experience with just a few blocks of code. I won’t be storing any of the content into a database, but tying into a backend PHP script would make that process easy enough to accomplish.

Ajax Stylish Captcha and Contact Form using jQuery and PHP

Ajax Stylish Captcha and Contact Form using jQuery and PHP

This tutorial is about ajax based contact form with jquery validation and ajax based captcha.Captcha is main part of any form and if it is ajax based then it looks awesome.

Audio-Gallery-Suite (A complete audio gallery solution made with HTML5/CSS3/jQuery-JS/C#)

Audio-Gallery-Suite audio gallery solution made with HTML5/CSS3/jQuery-JS/C#

Audio-Gallery-Suite is a complete audio gallery suite/solution that includes a web audio gallery and a software for managing playlists, uploading audios and managing the web audio gallery. The Audio-Gallery-Suite is built up using the latest technology and harnesses their power to put up a sophisticated solution. The Audio-Gallery-Suite is made in a way to be easily setup and deployed by anyone who wishes to use it. I hope that this project proves useful for anyone who intends to use it.
Audio-Gallery-Suite is a complete audio gallery solution made with HTML5/CSS3/Jquery-JS/PHP-ajax/C# that includes a web audio gallery and a software for managing the web audio gallery.

jQuery Infinite Social Wall

jQuery Infinite Social Wall

An isotope powered social stream.An infinite social stream based on RSS feeds with a MySQL backend.Currently supports the following social networks (however it should work reasonably well with any RSS feed):

  • Google Plus
  • Github
  • Pinterest
  • Twitter
  • Stackoverflow
  • Reddit
  • Instagram

Carousel Photo slider with Php and jQuery

Carousel Photo slider with Php and jQuery

To continue with our experiment series, our designing and programming team joined forces to create an amazing carousel vintage photo slider with PHP and jQuery. This is definitely a nice photo slider to be applied in different websites so you can showcase your work in a more original way. This tutorial is going to cover the programming part of the carousel (stay close to find out the release time of the design part) so you can learn how we did this fancy photo slider and you can adapt it to your own projects.

jQuery Graph Poll

jQuery Graph Poll

Create and customize your own poll. Innovative, fun graph poll dynamically allows users to answer a question and vote. Great interactive feature to add to your website. Adding this easy to use poll will add stickiness to your website.

File features include:

  • No database needed.
  • Easy to install.
  • Data stored in a XML file with the help of PHP .
  • Integrated with AJAX .
  • Prevents multiple votes with the use of a cookie.
  • Real-time display of the information.
  • Easily provide additional information on an “after voting” screen.

Php & jQuery image upload and crop

Php & jQuery image upload and crop

We needed a PHP and jQuery image upload and crop tool and came up with the following.

Before you start, ensure you have the following:

  • PHP 4 or Higher (It has been tested on Version 5)
  • Safe mode must be off! – A number of users have reported issues when safe mode is on.
  • PHP GD Library
  • jQuery ver 1.2.3 or Higher
  • Image Area Select plugin by Michal Wojciechowski

ECommerce Menu Design with JSON Data and jQuery

ECommerce Menu Design with JSON Data and jQuery

This tutorial helps you to to speed up the most important product category navigation menu system for your ecommerce projects. I had implemented Amazon style menu with category image using PHP, MYSQL andj JQuery.



Best jQuery websites design awards