DoNotYet.com » Ajax

22+ Userful Ajax CSS Tables You Should Know

admin — Wed, 11 Nov 2009 09:57:27 +0000

The same as FORM(@see The Ultimate Collection of AJAX Form Validation Plugins (Controls) ), TABLE is a very important element in web development and tables in html do have great significance in their primary role.

Because styling a table with CSS separates the structural markup from presentation formatting, it offers extra flexibility on the way you present your table. You can edit/change each side of a table cell separately, isn’t it cool. The following is 22+ fresh very useful ajax css tables. Enjoy!

1) A CSS styled table

This tutorial introduces some tricks on how you can nicely style a table, and about the proper usage of tables, for tabular data and how you can implement them with accessibility in mind and how to make them appealing for the eye using CSS.

2) Ajax for tables

In this article, I show several techniques—both with Ajax and without—that demonstrate this context change-free approach to user experience design. I start with the simplest example of Ajax user experience, the tabbed window.

3) Create a table like Orbitz’s airline flights

A beautiful usage of tables, for tabular data while implementing them with accessibility in mind and how to make them appealing for the eye using CSS.

4) CSS Table Gallery

This is a showcase of 93 styled tables.

5) Collapsible tables with DOM and CSS

This script add the arrow images in the footer allowing the table to be collapsed and expanded. Each of the tables below has a class called "footcollapse" which makes the script add the arrow images in the footer allowing the table to be collapsed and expanded.

6) Drag & Drop Sortable Lists with JavaScript and CSS

Saving the reorderd list is possible by inspecting the DOM. All the sortable lists on this page retain their order via cookies (try rearranging a list and then reloading the page),

7) GridView3 Example

GridView 3 is a extjs based ajax css table.

jQuery Table Filter

Demo table consists of 86 rows, 774 total cells. Rather than auto-build the table on page load, the button allows you to control the process so you can get a better sense of the speed.

9) Make all your tables sortable

Sorttable is under the X11 licence, which basically means you can do what you want with it, including using it at work. While the web design community gradually moves away from using tables to lay out the structure of a page, tables really do have a vital use, their original use; they’re for laying out tabular data. For instance, imagine a table of employees…

19) MOOTOOLS javascript Table Row & Column highlighting

This shows an mootools javascript example that highlights the table row and column of the cell you are hovering over.

11) Mootable

12) Paginate, sort and search a table with Ajax and Rails

This tutorial will try to use Ajax with Rails in order to display a table of items with several functionalities :

pagination (split the table on several pages)
sorting (table ordering by one of its column)
searching (selecting items to be displayed with a query)

13) Replicating a Tree table

The aim is to replicate a graphic table tree using HTML. This was based on a request from a Web Standards Group member. Posted here in case it is of use to someone else.

14) Row Locking with CSS and JavaScript

Again The Css Guy refered to this technique as ‘row locking’, since the effect stays in place until the user re-clicks (or unlocks) the row.

15) Sortable Table

This table can sort on numbers, strings, dates and currency and filtering on columns. Support Firefox 2 (mac / pc) , IE 7 , IE 6 , Safari (mac) .

16) Stripe your tables the OO way

The ‘stripe’ method runs through each row in the specified table and applies the ‘alt’ class, then adds onmouseover and onmouseout functions; these use local variables to keep track of the class name and background colour as they are swapped.

17) Standardista Table Sorting

Standardista Table Sorting is a JavaScript module that lets you sort an HTML data table by any column. The module has some advantages like fast and unobtrusive etc.

18) Sortable/Resizable/Editable TableKit

TableKit is a collection of HTML table enhancements using the Prototype framework. TableKit currently implements row striping, column sorting, column resizing and cell editing using Ajax.

19) TableSorter plug-in for jQuery

The main new features include:
* Multi-column sorting
* In-line support for setting options done via the class attribute on the TH elements.
* The plugin has been re-written from scratch.
* Support for rowspan and colspan on TH elements.
* New widget support, more information in the docs.

20) Tablecloth

Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. Tablecloth takes bare, well formed table and applies styling and behaviour to it. It searches your html source for table elements and process each one. And there’s absolutely no need for hardcoded class names or id’s. Tablecloth adds those automatically. However, if you wish, you can apply your own class names without fear of them being run over.

21) Vertical scrolling tables

Vertical scrolling tables is a css only styled table with fixed column headings and footer and scrolling content. If you have a lot of table data but not much room to display it, then this might be the answer.

22) Zebra Tables

Alistapart has provided us an excellent example of using JavaScript and the DOM to apply background-color styles to table cells.

Collection of 50+ AJAX Photo/Image/Gallery Plugins

admin — Sun, 01 Nov 2009 15:17:51 +0000

Whatever images you want to present, you can present them in slide shows or in a thumbnails gallery. but how can we offer it in an attractive and intuitive way? And , can the presentation itself make images more valuable and simplify the browsing through hundreds of slides? We selected 50+ impressive plugins you can use for effective presentations of your images. They all are built with different javascript frameworks such as jQuery, Prototype and MooTool. you can use them easily.

jQuery

1. ThickBox 3.1

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

2. jQuery lightBox plugin

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector. LightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar. The better way to know what is jQuery lightBox plugin is to click the Example and see it in action.

3. jQuery Image Strip

Working for Obu Web i’ve found myself spending less time on code I would say meets the definition of AJAX I put in my book and more time on code that used to be called DHTML. But I guess I’m ok calling it AJAX, at least its pronounceable and building little JavaScript widgets is fun. Today’s widget is an Image Strip, it has a lot of real uses, but the way I like too use it is for fancy visual effects.

4. slideViewer (a jQuery image slider built on a single unordered list) 1.1

What’s this? slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images. slideViewer checks for the number of images within your list, and dynamically creates a set of links to command (slide) you pictures. Also, clicking on each image will make the gallery slide to the next picture. You can optionally customize the kind of animation and its duration and also enhance(*) the default tooltips with some fancy tooltips.

5. jQuery: jqGalScroll v2.1 (Photo Gallery)

jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.

6. jQuery Photo Slider

First we need to start off with some images. You’ll want these images to be thumbnails that also have a larger view available. In this tutorial I’m using a thumbnail size of 50×50 and a full view of 600×400. You can have any size for the "full view" but the thumbnails must all be the same size. We’ll start with 4 thumbnails.

7. jQuery Thumbs

jThumb dynamically wraps images and/or link images with a div. You can add them an specific size (width and height) inside the css file. And optionally it can automatically center the image inside the frame. jThumb was developed using jQuery, obstrusive Javascript, and CSS by Joan Piedra.

8. jCarousel Lite

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

9. jQPanView based in jQuery 1.1

Inspired in Pan View plugin of Christian Bach. Creates a pan view, hold down your mouse button and start moving.

10. Interface Imagebox

The time devoted to this work was offered by Intelliance, Web Agency at La Rochelle, Charente Maritime.

11. EOGallery

EOGallery is a web animated slideshow gallery maid with jQuery. It only uses basic jQuery functions and Cody Lindley’s Thickbox to display larger pictures. By the way, EOGallery is XHTML 1.0 strict valid and almost CSS valid, it has been tested on Firefox, Safari, Internet Explorer 6 and works even with non-javascript and/or non-css browsers. EOGallery has been maid for testing purposes, there could be bugs and strange behaviors. For more informations, read read FProd’s blog. Enjoy trying it.

12. jQuery Cycle Plugin

The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects.

13. Lazy Load Images jQuery Plugin

It delays loading of images in (long) pages. Images below the fold (far down in the page) wont be loaded before user scrolls down. This is exact opposite of image preloading. With long pages containing heavy image content end user result is the same. Page feels snappier. Browser is in ready state after loading visible images. No need to wait for n pictures to load.

14. Lightview

Lightview was built to change the way you overlay content on a website.

15. Galleriffic

Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.

16. GalleryView: A jQuery Content Gallery Plugin

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

17. prettyPhoto a jQuery lightbox clone

prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. It comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)!

18. loopedSlider

loopedSlider is a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the “content rewind” that most other content sliders suffer from.

19. DevKick Galleria

Galleria is a JavaScript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.

20. jFlow gallery

Tutorial and documentation, how to use jFlow plugin to create Your own gallery.

21. Spacegallery -jQuery plugin

Another image gallery for you.

22. Slider Gallery

This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff using jQuery plugins.

23. PrettyGallery

One more way how to display Your photos using jQuery.

24. Pirobox jQuery Lightbox

Lightbox scripts have become a very popular way of displaying images online in recent months. There are a huge number of them available, using a variety of different frameworks and languages. DesignShack offers a new jQuery Lightbox script It has been designed and created by Diego Valobra.

25. JQuery flickrGallery

FlickrGallery is a jQuery plugin for embedding flickr photos into a webpage. Plugin considers a Gallery to be a list of Albums (similar to Flickr’s Collections). Albums are considered to be photo sets.

26. S3Slider jQuery plugin

JQuery Slideshow with three different features and displaying sides, fully customizable sizes, delay speed and with good documentation.

27. jQZoom Evolution

JQZoom is a JavaScript image magnifier built at the top of the popular jQuery JavaScript framework. jQzoom is a great and a really easy to use script to magnify what you want.

28. jQuery Multimedia Portfolio

This plugin for jQuery will automatically detect the extension of each media and apply the adapted player.

29. JQuery Virtual Tour

This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour!

30. Easy Slider jQuery Plugin

Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with CSS alone. So, basically you link to plugin file, set the content up and style it with CSS.

31. GalleryView – A jQuery Content Gallery Plugin

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

32. Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery

It is an elegant way to put more content in your website, but only display it when the user wants to see it. It keeps your website clean, but in the same time does not compromise your website content.

33. Sliding Boxes and Captions with jQuery

All of these sliding box animations work on the same basic idea. There is a div tag .boxgrid in this css that essentially acts as a window where two other items of your choosing peek through.

Prototype

34. iPhoto-like image resizing using Javascript

Upon seeing the Fluxiom intro video, I was compelled to figure out how they pulled off iPhoto-like image scaling in a browser. Leveraging the work of others, it’s actually very simple. If you use the script.aculo.us slider control to capture input values, it’s really just a matter of converting those values into something useful and modifying styles.

35. AJAX Image Gallery powered by Slideflow (like Cover Flow)

You can drag the Slideflow using your mouse, or click anywhere in the stack to jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation!

36. qGallery

qGallery is a simple to use prototype based gallery script. All image processing is done by the script so you don’t have to worry about the images you upload on the server. All images for the skimmer graphics and the fullsize view will be created on the fly and stored in a cache directory on the server to save processing power on the server.

37. protoFlow

ProtoFlow is a coverflow effect written in Javascript. It uses Prototype and Scriptaculous to do bulk of the work and it uses Reflection.js to do all the image reflections stuff!

38. VisualLightBox

VisualLightBox is a free tool that helps you easily generate online photo galleries, web photo galleries, based on famous LightBox2 script, in a few clicks without writing a single line of code. Just drag&drop your photos to VisualLightBox application window, press "Publish" and your own picture album web site with beautiful LightBox effects will open in the browser at once! No javascript, image editing, html coding, css, just a click to get your css web site album ready.

MooTool

39. SmoothGallery

Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom css selectors. And even better, this solutions is very lightweight: The javascript file is only 24kb.

40. Imago – An Ajax Image Gallery

Imago is an Ajax Image Gallery with focus on simplicity and ease of use. It’s plain JavaScript and build on the mature ajax library mootools. No server side scripting is required! Neither is flash. Whether your photos are on flickr, smugmug or you’d like to host them yourself, Imago can show them.

41. (E)2 Photo Gallery

(E)² Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)² Photo Gallery what folder to look at and it will automatically load the images using PHP.

42. mooCicle

43. MooFlow

Image gallery uses MooTools. It can autosetup graps all images inside a element.

44. Slideshow 2!

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information.

45. ImageCaption – a MooTools Plugin for Auto-Captioning Images

ImageCaption is a MooTools 1.2+ plugin for easily adding figure captions to image elements on a web page. It is very customizable and painless to style.

46. noobSlide – Mootools Image Slideshow

noobSlide – A mootools based image gallery with 7 different styles. You’ll find download link at the bottom of the page.

47. MooTools 1.2 image slider – SlideItMoo

SlideItMoo is a MooTools 1.2 JavaScript plugin for sliding images, browser friendly and nicely degradable. All CSS styling is external. The plugin can slide the images from your photo gallery either by clicking the back – forward buttons or by mouse wheel. It can be used to display any number of thumbnails in a photo gallery or as a banner rotator. To switch from one way to the other, you simply have to set the appropriate values when instantiating the class.

48. JSGallery

An image gallery with thumbnails, paging and some smooth effects. Please visit the example page for more information. If you use MooTools 1.2, please check out JSGallery2.

49. PhatFusion Slideshow

Slideshow using JavaScript MooTools with features like fade, Slide and Wipe transitions.

50. MooSlideBox

The mooSlideBox v3 is a small and slim Ajax based extension or replacement of the common “Lightbox” that can be found on nearly every page. This Lightbox clone works in IE 6/7, Opera and Firefox. It is based on the MooTools framework version 1.11.

Collection of 30+ AJAX Menu Plugins

admin — Sun, 25 Oct 2009 13:14:00 +0000

Menu is used to provide convenient access to various operations such as quitting a program, or manipulating data. It is the heart of the navigation for any website. Menu Plugins let you create attractive and intuitive animated menu. If you want to find exciting menu stuffs and integrate some of them into your web pages, this is a collection you could not afford to neglect.

Proto.Menu: Prototype-based Context Menu Solution

Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page. It is about 2 KB ( 1.5 KB Minified). It is Unobstrusive which plays nice with Javascript turned off and uses its own namespace, so it won’t messed up with your codes. The menu styling can be easily defined in external CSS. It is also a Full A-Graded browsers support (Opera is supported through Ctrl + Left Click). It looks very tidy and suitable for web applications with context menu.

ProtoFish: advanced hover menu based on Prototype

ProtoFish is an advanced hover menu based on Prototype. You can easily add a delay to your menu (on mouseout) and choose your own hover class. All ProtoFish menu’s are keyboard accessible conform ARIA best practices. On top of that: it’s fully customizable and free to use!

e24TabMenu – Drop down AJAX menu

e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.

Ajax.Menu

An incrementally loading menu API in JavaScript, utilizing Ajax, asynchronous HTTP requests.

Control.ContextMenu

Control.ContextMenu provides a simple API for programming contextual menus with Prototype. You can attach a context menu to the entire document or any Element. Menus can be triggered via a right click (default), or left click.

Control.Tabs

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.

CSS Menu with slider

This little example shows how to make really simple and yet very nice CSS Menu with slider.

Flash like menu rollover using jQuery

Hover above and feel for yourself, the nifty effect of Lava Lamp. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library.

Create Slick Navigations Easily: jQuery Menu

jQuery Menu is a solid menu system that helps creating dropdown, iPod drilldown and flyout styled navigations easily. It is the updated & much improved version of the iPod-like menu. The menu system uses a hierarchical unordered list for creating the menus & sub-menus. It is ready with ThemeRoller which makes it very easy to customize the look and has ARIA (Accessible Rich Internet Applications Suite) support. With various configuration options & ease of use, jQuery Menu is definitely a very helpful solution for creating menus.

Smooth image transition on menu rollover using MooTools

So far Flash had been the primary tool for adding any jazz/animation effects to a website, recently Prototype/jQuery & MooTools have included animation effects which can rival that of Flash. This script adds smooth transition effects on menu rollover using MooTools. Check out the demo to realize the elegance of the script.

Elastic thumbnail menu using jQuery

Simple thumbnail menu using jQuery which resembles a fish-eye menu in Mac.

Fancy Sliding Tab Menu using Script.aculo.us

The Fancy Sliding Tab Menu is back and better than ever in Version 2 and this time I’ve included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window.

dropSlideMenu – Sliding Dropdown Menu – jQuery Plugin

dropSlideMenu is a simple yet easily and highly-customizable drop-down menu with an attractive sliding effect using jQuery.

Garagedoor Menu Effect – jQuery Plugin

For all the jQuery lovers: Here is the Garage Door effect. Now in jQuery!

Simple Animated Menu – MooTools Plugin

Curious how to build something like the menu featured on this site for your next web design project? To make the menu, you won’t even have to muck about in javascript.

Fisheye Menu – MooTools Plugin

Nice Fisheye style menu using MooTools Plugin.

nmcDropDown: A Drop-Down Menu Plugin for jQuery

You should create your navigation as a nested unordered list. Linking the top-level items is optional and will not change the working of the plugin. You should style your menu first with css. How you do that is up to you, but you should set the sub-menus to display: none (this is actually optional, but will prevent the sub-menus from flashing on page-load).

jQuery Context Menu Plugin

jQuery Context Menu is a context menu plugin for jQuery. It was designed to make implementing context menu functionality easy and requires minimal effort to configure. The goal of this plugin is to streamline the way actions are binded to menu items and to use 100% CSS for styling. Keyboard shortcuts were added for navigating the menu once it’s open, and there are five methods to allow you to control and clean-up context menus on the fly.

Fancy Menu

In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends. Thanks to the great Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible!

Phatfusion Image Menu

Horizontal menu, reveals more of the image as you rollover it.

Elegant Menu Mootools Plugin

This plugin has been updated to work with Mootools 1.2. New features include automatic calculation of widths so you no longer need to define them in the css if you don’t want to. Additionally, you can attach your own events when the menus are shown and hidden, and it’s easier to change the speed of the animation (sorry, you can’t change the type). The css file is also organized a lot better, allowing you to located exactly what you can and can’t change.

BySlideMenu – Nice and Powerful Accordion Menu

BySlideMenu is a plugin for Mootools which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p …) using images and/or text.

Simple Animated Menu for Mootools 1.2

Curious how to build something like the menu featured on this site for your next web design project? (note IE6 users – the menu is not implemented for you as your browser does not properly support png transparency, but with a solid background, it would work great). To make the menu, you won’t even have to muck about in javascript.

MenuMatic Vertical & Horizontal Menu

MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system.

MooTools ContextMenu Plugin

ContextMenu is a highly customizable, compact context menu script written with CSS, XHTML, and the MooTools javascript framework. ContextMenu allows you to offer stylish, functional context menus on your website.

UvumiTools drop down menu

The UvumiTools Dropdown Menu is a very simple multi-level menu built from an HTML unorderd list, using Mootools Javascript Framework. We needed a simple and lightweight menu that can be easily updated by simply editing a

Fancy Sliding Menu For Mootools

Due to the popularity of the script.aculo.us version of the Fancy Sliding Menu I decided a Mootools version was now in order. It looks exactly the same as the the script.aculo.us, it works exactly the same as the script.aculo.us version, the only difference is it runs on Mootools.

iFishEye

iFishEye is an open source (free) javascript tool for creating a fisheye lens effect. Handling a long list of contents is one of the oldest problems in browsing. Probably scrolling is the most common behavior to solve this problem, but after Mac OS X Dock another approach is becoming very popular. This is when FishEye effect comes to us, it can hold any number of items, and resizes them dynamically to fit while using magnification to clarify smaller resized items. iFishEye goal is to bring the FishEye effect into the web and provide an easy development alternative for content displaying with standard compliant XHTML and unobtrusive JavaScript.

Mac Like Dock Menu with jQuery Plugin – jqDock

The Dock – as anyone familiar with a Mac will know – is a set of iconic images that expand when rolled over with the cursor, and usually perform some action when clicked. A Free jQuery Plugin to transform images into Mac Like Dock Menu. This gives you freedom to choose your own orientation, you can have menus in horizontal or vertical order with icons that expands on rollover. This free jQuery dock menu plugin also give options to choose whether you want to use lablels or not.

Accordion Menu

Creating an Accordion Menu is trivial using Accordion Content script. It basically just comes down to styling your headers and expanding content to conform to that desired menu look.

Collection of 11+ AJAX Tools, APIs, Frameworks For Faster Development

admin — Thu, 22 Oct 2009 13:16:46 +0000

In previous posts like The Ultimate Collection of AJAX Form Validation Plugins (Controls) or AJAX Search: Save Time, Save Money, we have introduced some APIs and plugins, in fact there are many tools, APIs, frameworks and applications can make our developing life pretty fast and simple.

For example, as we all know test and debug Javascript and Ajax applications is diffcult if no any tools. But it will be simple with the debug tools/plugin like FireBug. The following is 11 AJAX tools, APIs, frameworks for faster your development. Enjoy!

Google AJAX Language API

The language API is designed to be simple and easy to use to translate and detect languages on the fly when offline translations are not available.With the AJAX Language API, you can translate and detect the language of blocks of text within a webpage using only Javascript. In addition, you can enable transliteration on any textfield or textarea in your web page.

Got API

An easy to use interface that helps you reach the methods and functions of many JavaScript frameworks by getting the data from trusted sources and websites.

WaveMaker Visual Ajax Studio

They provide a powerful solution for rapidly developing web-based applications, easy-to-use WYSIWYG builder that enables the drag & drop assembly of scalable, web-applications using Ajax widgets, web services and databases.

JavaScriptMVC

JavaScriptMVC is an open-source framework containing the best ideas in enterprise JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.

SACK

SACK is a simple set of code to allow you to put AJAX into your webpages with none of the fuss or overhead of other packages.It makes using AJAX simpler, and easy to implement.SACK is released under a Modified X11 licence.

Jaxer

Jaxer is an Ajax server. HTML, JavaScript, and CSS are native to Jaxer, as are XMLHttpRequests, JSON, DOM scripting, etc. Jaxer is licensed under the GPL, and leverages the ubiquitous Mozilla engine that is used in Firefox 3,Jaxer is fully compatible with the latest JavaScript standards, including access to all of the features you are familiar with – from Date to Math to window and document, and even JavaScript 1.5, 1.7, and 1.8.

NitobiBug

Similar to Firebug, NitobiBug is a browser-based JavaScript object logger and inspection tool. NitobiBug runs across different browsers (IE6+, Safari, Opera, Firefox) to provide a consistent and powerful tool for developing rich Ajax applications.

Beautify Javascript

Beautify JavaScript was intended to explore ugly javascripts, making it all neatly and consistently formatted and readable.

JsDoc Toolkit

JsDoc Toolkit is an application, written in JavaScript, for automatically generating template-formatted, multi-page HTML (or XML, JSON, or any other text-based) documentation from commented JavaScript source code.

Clean AJAX

Clean is an open source engine for AJAX, that provides a high level interface to work with the AJAX technology. It was designed in conformation with the separation of concerns principle, keeping focus on AJAX issues so Clean AJAX can be plugged in any page or DHTML framework.

Firebug

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Collection of 9+ AJAX Combo Box Plugins / Controls

admin — Sun, 18 Oct 2009 11:19:01 +0000

Combo Box is a combination text box and list box. It normally displays as a single line item, but can be opened into a list by clicking its arrow. Does it cover all the features of Combo Box using Ajax technology? Combo Box can also list items combining with the form of Treeview, Gridbox, Checkbox, etc. After you have read this collection, you would get something new.

Ajax-driven JavaScript ComboBox with autocomplete

dhtmlxCombo is a cross-browser JavaScript combobox with autocomplete feature. It extends basic selectbox functionality to meet the requirements of the most up-to-date web applications. dhtmlxCombo can be converted from existing HTML SELECT or populated with JavaScript. Supporting AJAX, it can also get list values from the server datasource dynamically.

DoNotYet.com » Ajax

22+ Userful Ajax CSS Tables You Should Know

Related Posts

Collection of 50+ AJAX Photo/Image/Gallery Plugins

jQuery

Prototype

MooTool

Related Posts

Collection of 30+ AJAX Menu Plugins

Related Posts

Collection of 11+ AJAX Tools, APIs, Frameworks For Faster Development

Related Posts

Collection of 9+ AJAX Combo Box Plugins / Controls

Nitobi Flex Style Ajax Combo Box

Related Posts

Collection of AJAX Calendar / Datepicker Plugins & Scripts

Epoch Prime—A Powerful New AJAX JavaScript Calendar

Related Posts

Collection of AJAX Inline Edit Plugins

Related Posts

Collection of Fade in Fade out Effect Plugins

Related Posts

The Ultimate Collection of AJAX Form Validation Plugins (Controls)

Related Posts

The Ultimate Collection of AJAX Accordion Plugins (Controls)

Related Posts