Ajaxify your web pages using Jquery

This simple tutorial example will show you how to dynamically load your web content via ajax instead of default behaviour HTTP request (full round trip), before we continue you may want to have a look at the demo page.

To run this example you need to download jquery library or you can use Google Ajax Libraries API, Next create an HTML page name it “index.html” copy paste the codes below, and change the codes as neccesary:
Read the rest →

PHP ajax login form using Jquery

Because a lot of responses to the previous post php ajax tutorial create ajax based login form using jquery, and asking about some bug fixxing incl IE bugs, i decide to create a new PHP ajax login functionality using Jquery, and here it is…

Whats new?

• Completely recoded
• Tested in IE6, FF3, Opera9 and i think should be worked in other modern browsers as well
• Easliy switch the data source between database and PHP array
• Login authentication can be using username or email, or even both of ‘em by changing the config
• Automattic redirection could be done within the javascript config
• Redirect target (on success) can be changed in config file
• Message and Text controled by array variable which could be changed in 1 file

Read the rest →

ajax Jquery : populate dropdown items via ajax request

In the real web application development (CMS, eCommerce, etc.) we often use parenthess data structure to organize the content, mostly in category-items model also sometimes with related tagging model. To easily select across the parent and items and to avoid wrong parent-items selection we need a dynamic populated forms. This can be done by multiple select elements or using tree structure with checkbox elements.

Here i’ll show you how to do this using multi select form where the dropdown items populated via ajax request, and the items of child select form populated based on the parent selected items (can be multiple selected). confuse? haha okay just take a look at the codes.

Read the rest →

ajax image picker using jquery

As i wrote in my previous post, i want to create an ajax based image picker using jquery, and the result is here.

The codes is based on the ajax jquery image viewer as i posted before, with added some codes and used of facebox jquery plugin to handle the inline popup effect.
Read the rest →

ajax image viewer using jquery & ASP classic

What a busy days huh!, and damned there were a light faliure a day long *it’s so indonesia: worst service highest charge*, i want to create an ajax based image picker for myself, after googling i found a couple references:

• jquery based file tree with available connectors in PHP, ASP.NET, JSP, and LASSO but no Classic ASP
• ASP classic + javascript file selector yet another great stuffs from michal

Well i am a fans of Michal *honestly mate *, but since most of my app javascript core files used jquery then i decided to use the first reference *thanks to Cory S.N. LaViska* , the problem is this need to be done in ASP classic and there is no connector code available in classic asp yet, so i decided to write my own codes, and also need to changes a bit on Cory’s core file to add file extension restriction because i need to only list image file (jpeg, png, gif …) *dont ask me why i need to add this via client side, i just want to*.
Read the rest →