9lessons Programming Blog - Tutorials about Angular, ReactJS, PHP, MySQL and Web Development
Showing posts with label Ajax. Show all posts
Showing posts with label Ajax. Show all posts
Monday, April 27, 2015

Google Charts with Jquery Ajax

If you are working for analytics project, you need a rich chart system to display big data results. Google is providing us a powerful chart tools that you can implement charts very simple, this tutorial will explain you how to implement Google charts with Jquery ajax JSON data. Try out there are many free interactive charts and data tools, take a quick look at this live demo.

Audio Recording with Custom Audio Player using Jquery and HTML5

Monday, February 16, 2015

Facebook Style Background Image Upload and Position Adjustment.

I received many tutorial requests from my readers that asked to me how to design Facebook style ajax background image upload and position adjustment using Jquery. I have been published many tutorials about ajax image upload, this one is very interesting and it is a combination of many features. I has implemented this in Wall Script, this post will explain you how to design timeline HTML frame, CSS techniques and database design for background image system.

Facebook Style Background Image Upload and Position Adjustment.

Tuesday, July 08, 2014

Ajax PHP Login Page with Shake Animation Effect.

I received few tutorial requests from my readers that asked to me how to create Ajax PHP login script, in this post I want to discuss how to create a simple Ajax PHP login with welcome page using MySQL database. This will explain you creating user tables, posting form values and storing and destroying the session values. If you are a PHP beginner take a quick look at this live demo with Username: 9lessons Password: 9lessons. This post has been updated with mysqli.

Ajax PHP Login Page

Monday, September 23, 2013

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.

Multiple Ajax Image Upload without Refreshing Page using Jquery and PHP.

Tuesday, August 06, 2013

Multiple Ajax Image Upload without Refreshing Page using Jquery.

Today I am presenting the most important social networking feature called multiple ajax image upload without refreshing the page using jquery and PHP. We just modified few lines of code in jqery.form.js plugin and renamed that to jquery.wallform.js. This feature is one of the key feature in Wall Script sale, big thanks to Arun Sekar for this code trick.

Multiple Ajax Image Upload without Refreshing Page using Jquery and PHP.

Monday, October 08, 2012

RESTful Web Services JSON API Transformer with Java

This post is the continuation of my previous last post, I had explained how to create a basic RESTful web services API using Java, now I want to explain JSON transformer to work with input Get and Post methods parameters. Just added a new class called transformer it converts object data into JSON text output format.

RESTful Web Services with input parameters
Wednesday, March 14, 2012

AJAX Form Pro v2: Create Unlimited Secure Web Forms for Yourself and Your Customers

When you create your own website, sooner or later you might need to incorporate contact forms in them. Forms are very important as a means for you to collect data or information from your visitors. Whether you would want to have a contact or feedback form, a support form, a customer survey form, an online product order form, an event registration form, an employment application form, a reservation form, a send testimonial form, or any types of form, AJAX Form Pro could really help you with that.

ajaxformpro
Monday, October 10, 2011

Facebook Wall Script 4.0 Release

Introducing the Wall Script 4.0 commercial edition, a rich wall updating script and it’s a collaboration of 9lessons blog tutorials and some Jquery plugins. We added and improved many new features like instant photo uploads , webcam snap, more button, collapsed comments, expanding urls and delete update animations. Don't miss the video demo. Thanks!

Facebook Wall Script 4.0
Monday, September 12, 2011

Submit Form without Refreshing Page with Jquery

This post helps you to submit your form without refreshing page. In this tutorial I will show you how simple it is to do using jQuery form plugin just five lines of JavaScript code, no need to post data string values via ajax. Explained collaboration with validate plugin for implementing form field validations.

Submit Form without Refreshing Page with Jquery
Monday, May 23, 2011

Live Design Changing with Jquery

In this post I want to explain how to change design colors like Twitter UI setting. I had posted the same long days back, but now added user control system to manage own template design. It’s useful feature for your web projects to providing option to the end-user can customize his page template. This script divided into four parts Javascript, PHP, CSS and HTML+PHP.

Live Design Changing with Jquery
Monday, May 16, 2011

Facebook Wall Script 3.0 with PHP and Jquery

Facebook wall script with expanding URLs one of the popular post on 9lessons. It is just collaboration of my previous jquery articles. Recent days I received lots of requests from my readers that asked to me how to display old updates. So that I have decided to release new version with user control support. This script very easy to install few lines of code changes, take a quick look at following steps.

Facebook Wall Script 3.0 with PHP and Jquery
Monday, April 25, 2011

Live Table Edit, Delete with Pagination using Jquery

This post is a collaboration of my previous popular posts such as live table data edit, delete records with pagination using Jquery, Ajax and PHP. I had implemented this using Jquery .live() function and DOM event handler .stopImmediatePropagation(). This script helps you to instantly modify or update the table data.

Background Image Change on Refresh with Javascript
Thursday, March 24, 2011

Drag and Drop Template Management System with Jquery

I have been developing Template (User Interface) management system with drag and drop panel support for my future project. In this post I want to explain how to design database tables and implementing grids drag and drop usability with jqueryUI plugin. Using this system your web project will prove a choice to the end-user, they can manage their own template interface. Take a look at this live demo

Template Management with Drag and Drap
Tuesday, March 22, 2011

Live Table Edit with Jquery and Ajax

I love Jquery framework, feels that we can do awesome things. Let’s take a look at how to implement live table edit with Jquery and real time database update using Ajax. This is an interesting concept playing with DOM objects. You know that majority of readers had requested this tutorial, hope you guys like it!

Live table edit with jquery
Wednesday, March 02, 2011

Multiple Ajax Requests with Jquery

Last few days I have been working with APIs for instant search results, I had an idea to implement a super instant search with multiple APIs like twitter, youtube, yahoo and bing. But jquery older versions doesn’t support multiple ajax call-backs, luckily I had found Jquery 1.5 has released a new method called $.when finally I have developed super fast search at kokkoroko.com.

Kokkoroko Super instant search
Friday, February 25, 2011

Yahoo Instant Search with Jquery and Ajax

Yahoo instant search implementing with Yahoo Search Boss API using jquery and ajax. This is very similar to my previous post just changing few lines of code. I feel Yahoo search results better than Bing results. Use it and make your own search application.

Yahoo Instant Search
Thursday, February 24, 2011

Bing Instant Search with Jquery and Ajax

Some days back I had posted a popular article 'Youtube instant search with Jquery and Ajax'. I received a lot of request from my readers that asked to me how to instant web search results so I had coded Bing instant search with real time search results. Just few lines of code, reading Bing search JSON API file with Jquery.

Bing Instant Search
Friday, December 31, 2010

Flickr Style Live Title Edit with Jquery and Ajax

This year's my last post is flickr like image title edit using jquery, ajax and PHP. I had presented a tutorial in easy way to interacting DOM object with jquery. Hopefully I will present some more new technologies upcoming year on 9lessons.info and global.9lessons.info (Wordpress edition). Happy new year to all my readers and sponsors.

Flickr Like Edit Title

Friday, November 26, 2010

Delete Records with Color Change Effect using jQuery and Ajax

This post is an update of my previous post Delete Records animation effect with jquery. I had added new feature records delete with color change animation effect using jquery beforeSend method and color plugin. It is very useful to display loading status messages or effects before getting the ajax success request.

delete records before color change
Monday, October 25, 2010

Pagination with Jquery, PHP , Ajax and MySQL.

Long days back I had posted an article Pagination with jQuery, MySQL and PHP with out refreshing page. Ravi Tamada modified old script and added extra features like First, Previous, Next and Last buttons. Use it and enrich your web applications. Demo link

Pagination jquery, ajax, php and Mysql
mailxengine Youtueb channel
Make in India
X