Showing posts with label AJAX. Show all posts
Showing posts with label AJAX. Show all posts

Friday, September 5, 2008

Important Links for you?

Important Links :

- International Dialing Codes
- Listing of all the exising Domain name list
- Complete Info about a Domain
- HTML Special Characters


Sending FREE SMS

- Sending Free SMS in India
- Sending Free SMS to any mobile in India


Javascript


- Javascript Window Objects
- Entire Javascript in finger tip

- DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript
- Download

- JavaScript: DHTML API, Drag & Drop for Images and Layers
- Download

- JavaScript, DHTML Tooltips
- Download

- Highslide JS
- Download Highslide JS

- Calendar script using XHTML
- Download

- jCarousel - Riding carousels with jQuery
- Download Version 0.2.2

- ThickBox 3.1. Lightbox, Highslide, Litebox, SmoothGallery, FrogJS, ClearBox JS 2 or Lightview
- Download

- A PHP- and JavaScript- based File Manager
- Download Version: 2.0.0

- The Coolest DHTML / JavaScript Menu and Toolbar

Linux Commands


- Alphabetical Directory of Linux Commands

Accordion Script
Accordion Script : http://www.webresourcesdepot.com/simple-accordion-script/

Accordion V2.0 : http://www.stickmanlabs.com/accordion/

Accordion Effect : http://net.tutsplus.com/javascript-ajax/create-a-simple-intelligent-accordion-effect-using-prototype-and-scriptaculous/

10 JS Accordion Scripts : http://tutorialblog.org/10-javascript-accordion-scripts/

30+ Animated Tab Based Interface : http://dzineblog.com/2008/10/30-animated-tab-interface-and-accordion-scripts.html

Accordion Menu Scripts : http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm



DHTML Menus, Javascript / CSS Menus

DHTML Menus : http://www.likno.com/

PHP

Simple Chat (DB Driven) : http://www.ebrueggeman.com/phpsimplechat/

PHP Graph : http://www.ebrueggeman.com/phpgraphlib/examples.php

ToolTips

Skinny Tip : http://www.ebrueggeman.com/skinnytip/

Image Gallery

Slideshow : http://www.phpjabbers.com/slideshow/

Photo Gallery : http://www.ebrueggeman.com/photography.php

Capcha using PHP

Webcheatsheet : http://www.webcheatsheet.com/PHP/create_captcha_protection.php

Captcha image verification : http://www.phpjabbers.com/phpexample.php?eid=19

Creating Captcha : http://www.codewalkers.com/c/a/Miscellaneous/Creating-a-CAPTCHA-with-PHP/

Secure image : http://www.phpcaptcha.org/

AJAX fancy captcha : http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin

PHP Event Calender

PHP Event Calender : http://www.phpcalendarscripts.com/

Full collection of Calender Scripts : http://www.phpjabbers.com/

AJAX World

AJAX Daddy : http://www.ajaxdaddy.com/

Free JQuery Content Slider

15 Best Examples : http://visionwidget.com/inspiration/web/295-jquery-content-sliders.html

Simple example for AJAX

Sample code for AJAX

Initializing the AJAX object :

if (window.XMLHttpRequest) { /* Other than IE Browsers */
xmlhttp = new XMLHttpRequest();
} else if(window.ActiveXObject) { /* IE Browser */
xmlhttp = new ActiveXObject("MSXML2.XMLHTTP");
}


AJAX call :

/* Generate Random number and add into the URL to avoid cache !*/
var ran_unrounded = Math.random()*100000;
var ran_number = Math.floor(ran_unrounded);

/* AJAX call file */
var url = "ajaxed_call.php"

/* Generating URL with category id as '1' */
var posturl = "?rands="+ran_number+"&cat_id=1";

xmlhttp.open("POST",url,true); /* Data sending as POST method */
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
xmlhttp.send(posturl);
xmlhttp.onreadystatechange=function()
{
/* Here we can get the response from the AJAX call file */
if(xmlhttp.readyState == 4)
{
/* here we get the response
and processing with our need */
}
}

Different states of AJAX

Different States in AJAX :

The readyState Property The readyState property holds the status of the server's response. Each time the readyState changes, the onreadystatechange function will be executed. Here are the possible values for the readyState property:

State Description
0 The request is not initialized
1 The request has been set up
2 The request has been sent
3 The request is in process
4 The request is complete

Top Applications of AJAX

AJAX Applications

- Flickr - A Yahoo! Company
Flickr is a photo storage and display program that uses AJAX.

- Gmail - Google
Gmail is an AJAX powered email system.

- Google Maps - Google
Google Maps uses AJAX to power it's interactive map.


Top Tutorials in AJAX

- http://webdeveloper.econsultant.com/ajax-tutorials/ (Top 126 Ajax Tutorials)

What is AJAX ?

What is Ajax?

Ajax is a way of developing Web applications that combines:

* XHTML and CSS standards based presentation
* Interaction with the page through the DOM
* Data interchange with XML and XSLT
* Asynchronous data retrieval with XMLHttpRequest,
* JavaScript to tie it all together

Asynchronous?

This is the key. In standard Web applications, the interaction between the customer and the server is synchronous. This means that one has to happen after the other. If a customer clicks a link, the request is sent to the server, which then sends the results back.

With Ajax, the JavaScript that is loaded when the page loads handles most of the basic tasks such as data validation and manipulation, as well as display rendering the Ajax engine handles without a trip to the server. At the same time that it is making display changes for the customer, it is sending data back and forth to the server. But the data transfer is not dependent upon actions of the customer.

Ajax applications do not require installation of a plug-in, but work directly with a Web browser. Because of the technique's reliance on XMLHttpRequest, early applications worked only with Microsoft's Internet Explorer browser, but most other browsers now support Ajax.

Monday, August 11, 2008

Popular Posts