AJAX Asyncronous Javascript and XML

Asynchronous JavaScript and XML is a new approach to using a number of existing technologies together, including HTML or XHTML, Cascading Style Sheets, JavaScript, the Document Object Model, XML, XSLT, and the XMLHttpRequest object. When these technologies are combined in the Ajax model, internet applications are able to make quick, incremental updates to the user interface without reloading the entire browser page.

Add Content

RSS

IBM Tutorials on AJAX

Sorted by: Alphabetical

+ add link

Mastering Ajax, Part 1: Introduction to Ajax

Ajax, which consists of HTML, JavaScript, DHTML, and DOM, is an outstanding approach that helps you transform clunky Web interf

Mastering Ajax, Part 2: Make asynchronous requests with JavaScr

Most Web applications use a request/response model that gets an entire HTML page from the server. The result is a back-and-fort

Mastering Ajax, Part 3: Advanced requests and responses in Ajax

For many Web developers, making simple requests and receiving simple responses is all they'll ever need, but for developers who

Mastering Ajax, Part 4: Exploiting DOM for Web response

The great divide between programmers (who work with back-end applications) and Web programmers (who spend their time writing HT

Mastering Ajax, Part 5: Manipulate the DOM

Last month Brett introduced the Document Object Model, whose elements work behind the scenes to define your Web pages. This mon

Articles

Sorted by: Top Picks

+ write article

EXT JS 3.0 COOKBOOK

Written by

shahidsidd on

From: www.ebookslab.info

Jorge Ramon, “Ext JS 3.0 Cookbook” Packt Publishing | 2009 | ISBN: 1847198708 | 425 pages | PDF | 3,6 MB Clear step-by-step recipes for antiquity awesome flush internet applications using the Ext JS JavaScript accumulation Master the Ext JS widgets and see to create bespoken components to meet your needs Build striking autochthonous and bespoken layouts, forms, grids, listviews, treeviews, charts, journalism panels, menus, toolbars and much more for your real-world individual interfaces Packed with easy-to-follow examples to training every of the features of the Ext JS accumulation Part of Packt’s Cookbook series: Each instruction is a carefully fashioned ordering of manual to ... Read Full Story

Add Comments

jquery ajax menu collapse expand

Written by

ksmithaiea on

From: www.sitepoint.com

Hi I am trying to build something like a tree menu but not exactly. You click a menu, which then does a ajax request for submenus and then displays them. You can then click on the submenus again and get another level of submenus. My problem is sometimes when click on the submenus it does close the menu or sometimes will keep adding to the existing submenu, menaing it will add an identical copy of the submenu, so you see two of the everything. I am using .live to and then is.hidden to see if the menu is visible. Any thoughts as to how ... Read Full Story

Add Comments

fadein background image

Written by

ksmithaiea on

From: www.sitepoint.com

Can a background css image be faded in using jQuery ... I tried putting $(this).fadeIn("slow").css('background-image', 'url(EggA_' + eid + '.gif)'); and it did not work see code below, this flickers when you click on it html Code: <a href="javascript :;" id="egg1" class="eggswap"></a> JavaScript Code: $ ( function ( ) { var arr = [ "1" , "2" , "3" , "4" , "5" , "6" , "7" , "8" , "9" , "10" , "11" , "12" ] ; jQuery. each ( arr, function ( ) { var eid = this ; ... Read Full Story

Add Comments

Dynamic loading of ComboBox using ExtJS

Written by

olakara on

From: technopaper.blogspot.com

Ext JS provide us with a very flexible ComboBox widget that can be loaded locally or remotely (dynamic loading). You can also load the combo box from the server in response to an event like changing selection of another combo box. In this article I am going to walk you through an example of dynamically loading a ComboBox in a form. For example, we have simple form to add details of country. The fields are country name, population and population type. I will keep the first two fields as normal text fields and population type as a combo box. Upon loading of the form, ... Read Full Story

Add Comments

Cannot Delete The iframe (iframeId is not defined)

Written by

ksmithaiea on

From: www.sitepoint.com

Hello! I'm stuck in an error while trying to destroy an iframe, and I need some help. Here is what I have: JavaScript Code: <script type= "text/javascript" > function fileUpload ( form, action_url, div_id ) { // Create the iframe... var iframe = document. createElement ( "iframe" ) ; iframe. setAttribute ( "id" , "upload_iframe" ) ; iframe. setAttribute ( "name" , "upload_iframe" ) ; iframe. setAttribute ( "width" , "0" ) ; iframe. setAttribute ( "height" , "0" ) ; iframe. setAttribute ( "border" , "0" ) ... Read Full Story

Add Comments

need to change js effect

Written by

ksmithaiea on

From: www.sitepoint.com

Hi all I have a jquery fade in, fade out effect. For that I have used the following js: I simply have a html file: <html> <head> <script type="text/javascript">google.load("jquery", "1.2.6");</script> <script type="text/javascript" src="scripts/sample.js"></script> <script type="text/javascript"> google.setOnLoadCallback( initNews ); </script> </head> <body> <div id="ticker"> <ul> <li>some...</li> <li>some...</li> <li>some...</li> <li>some...</li> <li>some...</li> <li>some...</li> </ul> </div> </body> Now to this I have applied fade in, fade out effect using: effect.js ---------- // globale var index_news = 0; // function initNews() { $('div#ticker') .slideDown('slow', function() { $('div#ticker li').eq( index_news ).fadeIn(); setTimeout( next_news, 5000 ); } ); } function next_news() { $('div#ticker li') .eq( index_news ) .fadeOut(1000, function() { index_news++; ... Read Full Story

Add Comments

Drag To Share Like Mashable.com With jQuery

Written by

webresourcesdepot on

From: www.webresourcesdepot.com

Anyone who visited Mashable lately, the popular social news website, might have seen the " drag to share " functionality which appears when hovering an image. It is a smart technique which encourages visitors to share a story by offering a quite fun usage. Nettuts+ is sharing a very nice tutorial (with source) that enables you to implement this feature using jQuery & jQuery UI . It makes use of the draggable & droppable components of jQuery UI to make drag’n dropping & targeting objects possible. To see how it works, a demo is provided as well. Special Downloads: Ajaxed Add-To-Basket Scenarios With jQuery ... Read Full Story

Add Comments

News

/ edit news

Ticket #7192 : $sf_response problem...

cc, milestone changed This problem means that settings from view.yml, for example, are not honored in layout.php indexSuccess: components: wizard: [general, wizardStep1] javascripts: [jquery/jquery.carousel.js] and then in layout.php getJavascripts())); ?> the variable $js is empty! This is a serious show...

From trac.symfony-project.org ()

More perspectives...

Adding elements dynamically in javascript using jquery

hi, in my case i want to add a new menu item(actually a div tag) to my existing menu when an event or method calling occurs. i want to append a div tag dynamically to my existing menu with all css and effects. so if you guys have a better idea for this matter plz let me know. that will be a...

From daniweb.com ()

More perspectives...

brooknovak on "JavaScript version issues"

I have a customized jquery-ui script that my wordpress plugin uses which depends on jquery 1.3. Wordpress 2.7 comes with jquery 1.2. How do I use the enqueue method and override pulling in the pre-packaged jquery script for wordpress versions < 2.8 ? I don't want to just hardcode my own jquery script since it is likely that other plugins will be using the pre-packaged jquery as well. Is this possible!?

From wordpress.org ()