Skip to Navigation | Skip to Content

Products

Nitobi Ajax Toolkit

Overview

Nitobi Ajax Toolkit

The building blocks of scalable and robust Enterprise Ajax applications. The Ajax Toolkit is a library containing a set of fully documented tools used in Nitobi components that can be re-used in your own applications, or to build your own components. Download and integrate our Ajax Toolkit to quickly build your own high-quality Ajax applications.

Live Demo | View Source

You can use the Nitobi Ajax Toolkit to preload any images found in a stylesheet. In this sample, we can either precache all images linked by all stylesheets, or just those used by the Tabstrip component.

Example Source Code (hide)

JavaScript Code

function precacheAll() {
		// this will begin precaching all the images found in all the linked stylesheets
		nitobi.html.Css.precacheImages();
	}
	function precacheTabStrip() {
		// this will begin precaching just the images found in the nitobi.tabstrip.css stylesheet
	 	var b = nitobi.html.Css.getStyleSheetsByName('nitobi.tabstrip.css');
	 	for (var i=0; i<b.length; i++) { nitobi.html.css.precacheimages(b[i]); } } < textarea>
            </div>
			
			<div class="grid-3x3">
				<div id="overview-detail" class="selected"><a name="overview"></a>
					<h2>Overview</h2>
					<div class="col1">
						<h3>XMLHttpRequest tools</h3>
						<p>Throttling, polling, timeout, and access to events.</p>
						<h3>DOM Events and Accessors</h3>
						<h3>MVC Based JavaScript Event Model</h3><h3>DataSet / DataTable Objects (ActiveRecord based)</h3>
						<h3>Object Serialization (XML and JSON)</h3>
						<h3>Declaration Parsing</h3>
					</div>
					<div class="col2">
						<h3>Back Button History</h3>
						<h3>Object Oriented Inheritance (OOP), Interfaces and Garbage Collection</h3>
						<h3>Drag and Drop</h3>
						<h3>Cross Browser HTML and DOM accessors</h3>
						<h3>Cross Browser CSS accessors</h3>
						<h3>Cross Browser XML library</h3>
					</div>
				</div>
			</div>
		</div>
		<hr class="hide"/>
		<div class="col2 product-nav">
			<h2>Products</h2>
			<ul class="secondary-nav">
				<li><a href="../../products/grid">Grid</a></li>
				<li><a href="../../products/treegrid">TreeGrid</a>
           		<li><a href="../../products/combobox">Combobox</a></li>
				<li><a href="../../products/tabstrip">Tabstrip</a></li>
				<li><a href="../../products/tree">Tree</a></li>
				<li><a href="../../products/fisheye">Fisheye</a></li>
				<li><a href="../../products/callout">Callout</a></li>
				<li><a href="../../products/spotlight">Spotlight</a></li>
				<li><a href="../../products/calendar">Calendar</a></li>
				<li class="selected"><a href="../../products/toolkit">Toolkit</a>
				<ul>
					
				    <li class="selected"><a href="../../products/toolkit/ajax">XMLHttp Request</a></li>
					<li><a href="../../products/toolkit/xml">XML Parsing</a></li>
					<li><a href="../../products/toolkit/component">Make a Custom Component</a></li>
					<li><a href="../../products/toolkit/precacheimages">Precache Images</a></li>
					
				</ul></li>
			</ul>
		</div>
	</div>
</div></div>
<hr class="hide"/>
<div id="footer"><div class="wrap">
	<p>© Copyright 2008, Nitobi Software, all rights reserved <span class="sep">|</span> <a href="mailto:sales@nitobi.com">sales@nitobi.com</a> <span class="sep">|</span> +1 (604) 685-9287</p>
	<p class="socialites">
		Nitobi on: <a href="http://www.facebook.com/pages/Nitobi-Software/5948204158">Facebook</a> <span class="sep">|</span> <a href="http://twitter.com/nitobi">Twitter</a> <span class="sep">|</span> <a href="http://www.flickr.com/photos/tags/nitobi/">Flickr</a> <span class="sep">|</span> <a href="../../planet-sub/index">Planet Nitobi</a> <span class="sep">|</span> <a href="/" class="rss">RSS</a>
	</p>
</div></div>
</div></div>
<div id="grid-overlay"></div>
<script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script> <script type="text/javascript"> var pt = _gat._getTracker("UA-94271-5"); pt._initData(); pt._trackPageview(); </script></body>
</html>