Home > Web dev > 80+ AJAX-Solutions For Professional Coding

80+ AJAX-Solutions For Professional Coding

September 26th, 2009 Leave a comment Go to comments

Web-developers can create amazing web-applications with AJAX. Stikkit, Netvibes, GMail and dozens of further web-projects offer a new level of interactivity we’ve used to give up the idea of. Modern web-applications can be designed with enhanced user interfaces and functionalities, which used to be the privelege of professional desktop-applications. AJAX makes it possible to create more interactive, more responsive and more flexible web-solutions. And it’s the first step towards rich internet applications of the future.

AJAX Scripts - AutoSuggest: An AJAX auto-complete text field : CSS . XHTML . Javascript . DOM, Development : Brand Spanking New

AJAX Scripts - Comunidade brasileira da biblioteca EXTJS

For more on AJAX see:

Asynchronous JavaScript and XML isn’t a new programming language, as it is often mistakingly called. Basically, AJAX is a set of XHTML, CSS, DOM, XMLHttpRequest and XML, put together and used together for the same purpose – to improve the user-server-interaction.

In this article we’d like to present a list of over 90 useful AJAX-based techniques you should always have ready to hand developing AJAX-based web-applications. Auto-completion, instant field editing, menus, calendars, interactive elements, visual effects, animation, basic javascripts, as well as an extensive developer’s suite should give you a useful and powerful toolbox you can use every day, without a need to go through hundreds of AJAX-related bookmarks.

You may also want to take a look at the article 60 More Ajax and Javascript Solutions For Professional Coding.

AJAX Auto Completer

1. AJAX AutoSuggest: An AJAX auto-complete text field

Ajax-javascript-scripts-10 in 80+ AJAX-Solutions For Professional Coding

2. AJAX Autocompleter / script.aculo.us library

Ajax-javascript-scripts-71 in 80+ AJAX-Solutions For Professional Coding

3. AJAX AutoCompleter

Ajax-javascript-scripts-53 in 80+ AJAX-Solutions For Professional Coding

4. Ajax autosuggest/autocomplete from database

Ajax-javascript-scripts-33 in 80+ AJAX-Solutions For Professional Coding

5. Ajax dynamic list

Ajax-javascript-scripts-23 in 80+ AJAX-Solutions For Professional Coding

AJAX Instant Edit

6. AJAX inline text edit 2.0

Ajax-javascript-scripts-07 in 80+ AJAX-Solutions For Professional Coding

7. AJAX & CSS Flickr-like Editing Fields

Ajax-javascript-scripts-28 in 80+ AJAX-Solutions For Professional Coding

8. AJAX Instant Edit

Ajax-javascript-scripts-78 in 80+ AJAX-Solutions For Professional Coding

AJAX Menus, Tabs

9. 14 Tab-Based Interface Techniques

Ajax-javascript-scripts-91 in 80+ AJAX-Solutions For Professional Coding

10. AJAX Menu Widget

Ajax-javascript-scripts-89 in 80+ AJAX-Solutions For Professional Coding

11. AJAX Accordion Navigation: mootools demos

Ajax-javascript-scripts-84 in 80+ AJAX-Solutions For Professional Coding

12. AJAX Dialogs, Menus, Grids, Trees and Views

Ajax-javascript-scripts-90 in 80+ AJAX-Solutions For Professional Coding

13. AJAX Tab Module – Closeable Implementation

Ajax-javascript-scripts-60 in 80+ AJAX-Solutions For Professional Coding

14. Ajax Tabs Content

Ajax-javascript-scripts-34 in 80+ AJAX-Solutions For Professional Coding

15. AJAX Tabbed Content

Ajax-javascript-scripts-14 in 80+ AJAX-Solutions For Professional Coding

16. MooTabs – Tiny tab class for MooTools

Ajax-javascript-scripts-74 in 80+ AJAX-Solutions For Professional Coding

17. Dynamically loaded articles

Ajax-javascript-scripts-26 in 80+ AJAX-Solutions For Professional Coding

AJAX Date, Time, Calendars

18. AJAX Datetime Toolbocks – Intuitive Date Input Selection

Ajax-javascript-scripts-43 in 80+ AJAX-Solutions For Professional Coding

19. AJAX Calendars

Ajax-javascript-scripts-80 in 80+ AJAX-Solutions For Professional Coding

AJAX Interactive Elements

20. AJAX Floating Windows

Ajax-javascript-scripts-03 in 80+ AJAX-Solutions For Professional Coding

21. AJAX Star Rating Bar

Ajax-javascript-scripts-02 in 80+ AJAX-Solutions For Professional Coding

22. Ajax poller

Ajax-javascript-scripts-09 in 80+ AJAX-Solutions For Professional Coding

AJAX Developer’s Suite

23. AJAX HistoryManager, Pagination

Ajax-javascript-scripts-51 in 80+ AJAX-Solutions For Professional Coding

24. AJAX Login System Demo

Ajax-javascript-scripts-50 in 80+ AJAX-Solutions For Professional Coding

25. AJAX image preloader

Ajax-javascript-scripts-36 in 80+ AJAX-Solutions For Professional Coding

26. AJAX Tooltips: Nice Titles revised | Blog | 1976design.com

Ajax-javascript-scripts-00 in 80+ AJAX-Solutions For Professional Coding

27. 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine

Ajax-javascript-scripts-67 in 80+ AJAX-Solutions For Professional Coding

28. AJAX Web Controls

Ajax-javascript-scripts-88 in 80+ AJAX-Solutions For Professional Coding

29. AJAX syntaxhighlighter

Ajax-javascript-scripts-56 in 80+ AJAX-Solutions For Professional Coding

30. GMail Ajax Style Username Signup

Ajax-javascript-scripts-15 in 80+ AJAX-Solutions For Professional Coding

31. Gmail Ajax Style Check Username

Ajax-javascript-scripts-61 in 80+ AJAX-Solutions For Professional Coding

32. Transparent Message

Ajax-javascript-scripts-19 in 80+ AJAX-Solutions For Professional Coding

33. ModalBox — An easy way to create popups and wizards

Ajax-javascript-scripts-18 in 80+ AJAX-Solutions For Professional Coding

34. AJAX File Uploads progress bar

Ajax-javascript-scripts-20 in 80+ AJAX-Solutions For Professional Coding

35. Chained select boxes

Ajax-javascript-scripts-25 in 80+ AJAX-Solutions For Professional Coding

36. Fly to basket

Ajax-javascript-scripts-24 in 80+ AJAX-Solutions For Professional Coding

37. AJAX Key Events Signal

Ajax-javascript-scripts-62 in 80+ AJAX-Solutions For Professional Coding

38. Disable form submit on enter keypress

Ajax-javascript-scripts-86 in 80+ AJAX-Solutions For Professional Coding

Enhanced AJAX Solutions

39. AJAX Instant Completion: Rico Framework

Ajax-javascript-scripts-66 in 80+ AJAX-Solutions For Professional Coding

40. Novemberborn: Event Cache

Ajax-javascript-scripts-77 in 80+ AJAX-Solutions For Professional Coding

41. Altering CSS Class Attributes with JavaScript

Ajax-javascript-scripts-44 in 80+ AJAX-Solutions For Professional Coding

42. Select Some Checkboxes JavaScript Function

Ajax-javascript-scripts-45 in 80+ AJAX-Solutions For Professional Coding

43. AJAX Emprise Charts: 100% Pure JavaScript Charts

Ajax-javascript-scripts-85 in 80+ AJAX-Solutions For Professional Coding

44. amCharts: customizable flash Pie & Donut chart

Ajax-javascript-scripts-13 in 80+ AJAX-Solutions For Professional Coding

45. PJ Hyett : The Lightbox Effect without Lightbox

Ajax-javascript-scripts-11 in 80+ AJAX-Solutions For Professional Coding

Ajax Forms

46. AJAX Upload Form

Ajax-javascript-scripts-52 in 80+ AJAX-Solutions For Professional Coding

47. An AJAX contact form

Ajax-javascript-scripts-04 in 80+ AJAX-Solutions For Professional Coding

48. AJAX contact form

Ajax-javascript-scripts-30 in 80+ AJAX-Solutions For Professional Coding

49. Ajax.Form: mootools demo

Ajax-javascript-scripts-83 in 80+ AJAX-Solutions For Professional Coding

50. Ajax form validation

Ajax-javascript-scripts-32 in 80+ AJAX-Solutions For Professional Coding

51. Really easy field validation

Ajax-javascript-scripts-17 in 80+ AJAX-Solutions For Professional Coding

52. AJAX fValidate: a high quality javascript form validation tool

Ajax-javascript-scripts-87 in 80+ AJAX-Solutions For Professional Coding

53. Ajax newsletter form

Ajax-javascript-scripts-31 in 80+ AJAX-Solutions For Professional Coding

54. wForms: A Javascript Extension to Web Forms – The Form Assembly

Ajax-javascript-scripts-79 in 80+ AJAX-Solutions For Professional Coding

AJAX Grids, Tables

55. Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine

Ajax-javascript-scripts-68 in 80+ AJAX-Solutions For Professional Coding

56. Grid3 Example

Ajax-javascript-scripts-35 in 80+ AJAX-Solutions For Professional Coding

57. AJAX Table Sort Script (revisited)

Ajax-javascript-scripts-16 in 80+ AJAX-Solutions For Professional Coding

58. AJAX Sortable Tables: from Scratch with MochiKit

Ajax-javascript-scripts-63 in 80+ AJAX-Solutions For Professional Coding

59. AJAX TableKit

Ajax-javascript-scripts-21 in 80+ AJAX-Solutions For Professional Coding

AJAX Lightboxes, Galleries, Showcases

60. 30 Scripts For Galleries, Slideshows and Lightboxes | Smashing Magazine

Ajax-javascript-scripts-29 in 80+ AJAX-Solutions For Professional Coding

61. AJAX LightBox, Sexy Box, Thick Box

Ajax-javascript-scripts-22 in 80+ AJAX-Solutions For Professional Coding

62. AJAX Lightbox JS

Ajax-javascript-scripts-49 in 80+ AJAX-Solutions For Professional Coding

63. AJAX Unobtrusive Popup – GreyBox

Ajax-javascript-scripts-06 in 80+ AJAX-Solutions For Professional Coding

64. SmoothGallery: Mootools Mojo for Images | Full gallery

Ajax-javascript-scripts-59 in 80+ AJAX-Solutions For Professional Coding

65. AJAX Libraries and Frameworks

Ajax-javascript-scripts-92 in 80+ AJAX-Solutions For Professional Coding

Visual Effects, Animation

66. How to Create Digg Comment Style Sliding DIVs with Javascript and CSS

Ajax-javascript-scripts-27 in 80+ AJAX-Solutions For Professional Coding

67. How to Create a Collapsible DIV with Javascript and CSS

Ajax-javascript-scripts-75 in 80+ AJAX-Solutions For Professional Coding

68. How to Create an Animated, Sliding, Collapsible DIV with Javascript and CSS

Ajax-javascript-scripts-76 in 80+ AJAX-Solutions For Professional Coding

69. AJAX Shopcart

Ajax-javascript-scripts-72 in 80+ AJAX-Solutions For Professional Coding

70. Draggable content

Ajax-javascript-scripts-12 in 80+ AJAX-Solutions For Professional Coding

71. Dragable RSS boxes

Ajax-javascript-scripts-08 in 80+ AJAX-Solutions For Professional Coding

72. AJAX Pull Down Effect: Rico Framework

Ajax-javascript-scripts-64 in 80+ AJAX-Solutions For Professional Coding

73. AJAX Animation Effects: Rico Framework

Ajax-javascript-scripts-65 in 80+ AJAX-Solutions For Professional Coding

74. Combination Effects in scriptaculous wiki

Ajax-javascript-scripts-69 in 80+ AJAX-Solutions For Professional Coding

75. AJAX Motion Transition: Fx.Morph

Ajax-javascript-scripts-82 in 80+ AJAX-Solutions For Professional Coding

Useful Basic JavaScripts

76. 9 Javascript(s) you better not miss !!

Ajax-javascript-scripts-39 in 80+ AJAX-Solutions For Professional Coding

77. Top 10 custom JavaScript functions of all time

Ajax-javascript-scripts-46 in 80+ AJAX-Solutions For Professional Coding

78. Hyperdisc Materials: JavaScript: Top 10: Automatic Breadcrumb Trail

Ajax-javascript-scripts-40 in 80+ AJAX-Solutions For Professional Coding

79. JavaScript: Top 10 Most Useful JavaScripts

Ajax-javascript-scripts-41 in 80+ AJAX-Solutions For Professional Coding

80. My Favorite Javascripts for Designers: Blakems.com ?

Ajax-javascript-scripts-37 in 80+ AJAX-Solutions For Professional Coding

Galleries, Resources

81. MiniAjax.com: a showroom of nice looking simple downloadable DHTML and AJAX scripts.

Ajax-javascript-scripts-01 in 80+ AJAX-Solutions For Professional Coding

82. Ajax Rain: growing showcase of AJAX-examples.

Ajax-javascript-scripts-48 in 80+ AJAX-Solutions For Professional Coding

83. Max Kiesler – mHub : Ajax and rails examples & how-to’s

Ajax-javascript-scripts-73 in 80+ AJAX-Solutions For Professional Coding

84. Ajax Resources

Ajax-javascript-scripts-93 in 80+ AJAX-Solutions For Professional Coding

85. DZone Snippets: Store, sort and share source code, with tag goodness

Ajax-javascript-scripts-57 in 80+ AJAX-Solutions For Professional Coding

  1. No comments yet.
  1. No trackbacks yet.