9lessons Programming Blog - Tutorials about Angular, ReactJS, PHP, MySQL and Web Development
Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts
Thursday, March 10, 2011

Background Image Change on Refresh with Javascript

Aol.com home page has changing the background image on every refresh, quite interesting. So how to apply this kind of effect to your web project, take a quick look this post. It’s simple just five lines of javascript code. Use it and enrich your web project user interface.

Background Image Change on Refresh with Javascript
Wednesday, January 05, 2011

Gravity Registration Form with Jquery

Sometimes registration form decides your web application success rate, I feel the first step(registration) should be less fields and eye catching it will surely impress the users. I had designed a new style registration form with gravitational effect. I hope you like this. Thank you!

delete records before color change
Wednesday, December 15, 2010

Typing Game with jquery

This is a simple typing game experimental using jquery. The main criteria here is to understand how to read Keyboard Character Codes and displaying its equivalent Character on to screen. You may notice so many bugs in live demo, because this program is not implemented fully as we concentrated on important code blocks only.

Typing game with jquery
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
Thursday, October 21, 2010

New Twitter Design Expanding URLs with Jquery, Ajax and PHP

My last post explained about New Twitter design basic layout with CSS and Jquery. In this post I want to explain how to expand URLs like new Twitter user interface using jquery, ajax and PHP. It is very easy just implementing with oembed jquery media plugin. Take a look at this demo link.

New Twitter Design
Monday, October 11, 2010

New Twitter Design with CSS and JQuery.

The Twitter new web interface design is live for many more today. The makeover of the new Twitter was really fantastic, In this post I decided to explain how to implement new Twitter user interface design with CSS and JQuery. Use it and enrich your web applications. Take a look at this awesome demo.

New Twitter Design
Tuesday, September 07, 2010

Collapsed Image with Jquery and CSS.

How to do collapsed image with Jquery and CSS. Orkut.com implemented this concept while updating image scrap, the scrap shows image in collapsed style to reduce the webpage height. This is very simple script using mouseover, mouseout and css Jquery functions.

facebook tag friends with jquery
Wednesday, August 25, 2010

Facebook Style Tag Friends with Jquery, Ajax and PHP

I received a request from my reader that asked to me how to implement Facebook like tag friends in your status or update box. It is great feature to adding friends start with @ symbol. I had tried this with Jquery, Ajax and PHP, it's simple just collabration of my previous posts.

facebook tag friends with jquery
Wednesday, August 11, 2010

Create Bit.ly Short URLs Using Jquery and Ajax.

How to create Bit.ly short URLs using Jquery and Ajax. Many tutorials available on web about short URLs using server side script, this script works on client side. It is easy just 5 lines of code calling Bit.ly API. You have to modify the username and API key. Use it and make URLs shorts and neat.

Bitly Short URLs
Thursday, July 08, 2010

Youtube like Rating with Jquery and Ajax

I received a email request from my reader that asked to me how to implement Youtube like rating with Jquery. It is so nice with quick bar results, So that I had designed a simple script with PHP,Jquery and Ajax. Sure you will like it. Live demo

Youtube like rating
Thursday, June 10, 2010

Chatting with Jquery and Ajax.

I received lot of email requests from my reader that asked to me how to develop a facebook lite chat application. In this post I'm just giving an idea about chat application with simple javascript. I had implemented this at clouds.9lessons.info

Thursday, June 03, 2010

Facebook Like Extracting URL Data with Jquery and Ajax

Are you looking for facebook like live extracting URL or link data preview while typing the content. In this post I want to explain how to get the cross domain data with jquery and ajax. This is very interesting post I had developed a script just take a look at this
live demo

facebook box
Sunday, May 16, 2010

Flash Effect Image Loading with Jquery.

How to load images with flash effect using jquery. It is very useful script to loading images with nice effect on your web projects and also simple just seven lines of code. Use it and enrich your web page. Thanks!

Wednesday, April 28, 2010

Facebook Like Profile Edit with Jquery

This post is very special Facebook like profile edit with jquery, ajax and PHP. Why special before I was thinking this is little difficult but I had developed in just 5 minutes using jquery and php. Use this and enrich your web applications.

Friday, April 23, 2010

Login or Signup with Jquery and PHP

Some users doesn't like to filling the registration form. So that I had implemented login and singup fields in same block just controlling with jquery and PHP. It's is very simple javascript and basic PHP code.
Friday, April 16, 2010

Jquery Duplicate Fields Form Submit with PHP.

How to submit jquery duplicate/clone field values to form with PHP. It's very basic level code, I had implemented this using relCopy.js jquery plugin to duplicating the existing field. I hope it's useful for you. Thanks!

jquery duplicate fields submit
Saturday, April 10, 2010

Live Character Count Meter with Jquery.

In this post I want to explain how to do live character or word count meter using Jquery. It is interesting and simple just ten lines of java script code. Use it and enrich your web applications with jquery.

jquery live character count meter
Tuesday, April 06, 2010

Loading Banner Advertisements with Jquery

Banner advertisements eating your web page loading time? Take a look at this post. how to display advertisiment blocks after loading the main content block with jquery. It is very simple ajax implementation with jquery. Use it increase your web project loading speed.
loading banners with jquery
Sunday, March 28, 2010

Loading Javascript Files with Jquery.

In this post I want to explain loading javascript files with jquery. Here demo regional language textbox contains many javascript files, so just loading files with jquery when the file required. It's useful to faster your page loading time. Live Demo

Loading Javascript files with jquery
Wednesday, March 24, 2010

Useful Jquery Plugins.

Are you looking for useful jquery plugins. Just a take a look at this post I had listed my favorite bookmark sites. I hope it's helpful for you. Thanks !

Useful Jquery Plugins.
mailxengine Youtueb channel
Make in India
X